* { padding: 0; margin: 0; }

body { background: #FFF url('body_bgrd.gif') -80px 10px repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; }

a { color: #e8a403; text-decoration: none; }

.cleaner { display: block; clear: both; height: 1px; overflow: hidden; }



#container { width: 100%; overflow: hidden; position: relative; }

#header { height: 138px; background: url('header_bgrd.gif') left top no-repeat; position: relative; padding: 10px 0 0 0; }
#header .inner { width: 100%; height: 100%; position: absolute; left: 670px; top: 0; background: url('header_inn_bgrd.gif') left top repeat-x; }
#header h1 { width: 162px; height: 68px; background: url('logo.gif') left top no-repeat; overflow: hidden; text-indent: -1000px; margin: 0 0 0 107px; }

/* --------- navigation -------------------------------------------- */
#header #menu { display: block; width: 700px; height: 100%; position: absolute; top: 0; left: 285px; }
#header #menu li { display: block; width: 30px; height: 30px; margin: 80px 17px 0 0; float: left; list-style-type: none; list-style-position: outside; position: relative;  }
#header #menu li a { display: block; width: 100%; height: 100%; }
#header #menu li a span { display: block; width: 70px; height: 70px; position: absolute; top: -72px; left: 10px; overflow: hidden; text-indent: -100px;  }
#header #menu li#a1 a span { background: url('nav_li_1.gif') left bottom no-repeat; }
#header #menu li#a2 a span { background: url('nav_li_2.gif') left bottom no-repeat; }
#header #menu li#a3 a span { background: url('nav_li_3.gif') left bottom no-repeat; }
#header #menu li#a4 a span { background: url('nav_li_4.gif') left bottom no-repeat; }
#header #menu li#a5 a span { background: url('nav_li_5.gif') left bottom no-repeat; }
#header #menu li#a6 a span { background: url('nav_li_6.gif') left bottom no-repeat; }
#header #menu li a:hover { /* background: #E8A403; */ }


#footer { width: 850px; height: 25px; line-height: 25px; font-weight: bold; color: #867969; margin: 0 0 0 40px; border-top: 1px solid #000; }
#footer a { padding: 0 18px 0px 28px; color: #867969; }


#page_content { width: 821px; height: 440px; background: url('pc_bgrd.gif') -1px -1px repeat; margin: 0 0 0 58px; position: relative; }
#page_content h2 { height: 16px; line-height: 16px; font-size: 10px; text-indent: 7px; background: #E9A504; color: #000; }

#sidebar { width: 136px; height: 100%; float: left; border-right: 1px solid #635037; }
#sidebar #local-menu { padding: 5px;}
#sidebar #local-menu li { display: block; padding: 5px 0 0 5px; margin: 0 0 10px 0; list-style-type: none; list-style-position: outside; background: #6F6549 url('lnav_li_ctop.gif') right top no-repeat; }
#sidebar #local-menu li a { display: block; width: 100%; color: #F1dcaf; font-weight: bold; background: #000 url('lnav_li_a_cbot.gif') right bottom no-repeat; line-height: 12px;  }
#sidebar #local-menu li a span { display: block; padding: 0 5px 5px 0; }
#sidebar #local-menu li a:hover { background-color: #CFC29D; }

#content { width: 410px; height: 100%; float: left; border-right: 1px solid #635037; }
#content .hdr { }
#content h4.hdr { color: #E9A504; }
#content .inner { height:410px; overflow: auto;
	scrollbar-arrow-color: #E9A504;
	scrollbar-track-color: #332B1D; scrollbar-3dlight-color: #332B1D; scrollbar-darkshadow-color: #332B1D;
	scrollbar-highlight-color: #332B1D; scrollbar-shadow-color: #332B1D; scrollbar-face-color: #332B1D;
 }
#content .inneri { padding: 15px 15px 15px 15px; font: 12px/16px "Trebuchet MS", Georgia, Verdana, Helvetica, Arial, sans-serif; }
#content p { padding: 20 0 20px 0; }
#content h4, #content h5 { margin-bottom: 20px; }
#content h3 { font-size: 14px; margin: 0 0 5px 0; }
#content ul { margin: 0 30px 20px 30px; }
#content li { list-style-position: inside; list-style-type: square; margin: 0 0 5px 0; }
#content a { font-weight: bold; }
#content a:hover { text-decoration: underline; }
#content pre { font-family: "Trebuchet MS", Verdana, sans-serif; }

#bottom_pic { float:left; margin: 0px 15px 0px 0px; border: 1px solid #999999; }

#adv {width: 273px; height: 100%; float: left; background: #272115; text-align: center; }
#adv img { display: block; margin: 15px auto; }
#adv .hdr { }
#adv h4.hdr { color: #E9A504; }
#adv .inner { height:410px; overflow: auto;
	scrollbar-arrow-color: #E9A504;
	scrollbar-track-color: #332B1D; scrollbar-3dlight-color: #332B1D; scrollbar-darkshadow-color: #332B1D;
	scrollbar-highlight-color: #332B1D; scrollbar-shadow-color: #332B1D; scrollbar-face-color: #332B1D;
 }
#adv .inneri { padding: 15px; font: 12px/16px "Trebuchet MS", Georgia, Verdana, Helvetica, Arial, sans-serif; }
#adv p { padding: 0 0 20px 0; }
#adv h4, #content h5 { margin-bottom: 20px; }
#adv h3 { font-size: 14px; margin: 0 0 5px 0; }
#adv ul { margin: 0 30px 20px 30px; }
#adv li { list-style-position: inside; list-style-type: square; margin: 0 0 5px 0; }
#adv a { font-weight: bold; }
#adv a:hover { text-decoration: underline; }
#adv pre { font-family: "Trebuchet MS", Verdana, sans-serif; }



* html #sidebar #local-menu li { height: 16px; }