* {margin:0;padding:0}

body {
 font: 75% trebuchet ms,sans-serif;
 text-align:center;
 background: url("bg000001.png") #fff repeat-x fixed;
 margin: 50px 0 40px 0;
}

#container {
 text-align:left; 
 width:688px; 
 margin: auto; 
 background: #fff; 
 padding-top: 10px; 
 border-right: solid 1px #bbb; 
 border-bottom: solid 1px #bbb; 
}

#navigation {
float:left;
width: 170px;
height: 210px;
margin: 0 8px 16px 8px;
background: url("menu0000.png") no-repeat;
padding: 10px 0 0 0;
}
/* IE SUCKS! HACK FOR IE. ">" means "child", but IE won't understand, teh n00b lolz */
html>body #navigation {margin-left: 16px; }
#navigation a {color: #fff; text-decoration: none; font-family: georgia, serif;}
#navigation a:hover {color: #7ae;} 
#navigation li { padding-left: 24px; list-style-type: none; font-size: 1.3em;}

#header {
 position:relative; 
 height: 180px; 
 background: url("header01.png") no-repeat; 
 margin-top: -30px;
}
h1 {display:none;}

#extra {
 float:left;
 clear:left;
 width:150px;
 margin-left: 16px;
 padding: 15px 10px 10px 10px;
 height: 345px;
 background: url("extra000.png") no-repeat;
}
#extra li, #content li {
 padding-left: 13px;
 list-style-position: inside;
 list-style-type: circle;
 color: #555;
 }
h3 {font-size: 1.2em; padding-bottom: 0; color: #004663;}
#extra p {padding: 2px 2px 2px 8px;}

#content {
 float:right;
 width: 412px;
 padding: 0 64px 32px 8px; 
 border-left: dashed 1px #bbb;
}
p {padding: 8px; color: #555;}
h2 {color: #e90; background: url("button00.png") center left no-repeat; font-size: 2em; padding-left: 35px; min-height: 34px; font-family: georgia;}
img {margin: 2px; padding: 2px; border: 1px solid #bbb;}
a:hover img {border: 1px solid #970907;}
p.news {color: #aaa; font-style: italic; text-align: right; margin: 0 16px 20px 0; padding:0;}



a {color: #970907; text-decoration: none;}
a:hover {color: #777;}

#footer {
 clear:both; 
 margin: auto; 
 width:656px; 
 text-align: center; 
 height: 50px; 
 color: #888;
 padding-top: 10px; 
 border-top: dashed 1px #bbb;
}