@import url(../css/reset.css);
html { height:100%; font-size:.6875em; min-width:966px; }
body { position:relative; min-width:966px; color:#ffffff; background:#0f3120; font:100.1% Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }

a { color:#63967d; text-decoration:underline }
a:hover { color:#e7cf7f; }

h2 { font-size:1.273em; color:#e7cf7f; margin:0 0 10px; padding:6px 0 }
h3 { font-size:1.16em; color:#e7cf7f; margin:0 0 10px; padding:6px 0 6px 0; }
h4 { font-size:1.16em; color:#63967d; margin:0 0 10px; padding:6px 0 6px 1em }
h5, h6 { font-size:1em; color:#63967d; margin:0 0 10px; padding:6px 0 6px 3em }

#page { position:relative; z-index:2; width:960px; margin:0 auto; overflow:hidden; background:url(../images/header-top.jpg) no-repeat 0 0;  }

#header { height:195px; overflow:hidden; background:#0f3120 url(../images/header-top.jpg) no-repeat 0 0 }

#logo { height:174px; width:206px; position:absolute; z-index:10; line-height:230px; overflow:hidden; left:50%; margin:0 0 0 -103px; padding:0; background:#fff; font-size:2em; font-weight:normal; text-align:center  }
#logo a, #logo a:hover { height:174px; text-decoration:none; width:206px; display:block; color:#006eab }
#logo span { width:206px; height:174px; background:url(../images/header-top.jpg) no-repeat -377px 0; position:absolute; top:0; left:0;  }

#nav1 { float:right; right:-5px; position:relative }
#nav2 { float:left; left:-2px; position:relative }

.header-menu { height:51px; list-style:none; padding:0; position:relative; z-index:1; font-size:1.0909em; overflow:visible }
.header-menu li { float:left; height:51px; width:125px; background:url(../images/menu_sep.png) no-repeat -4px 0; margin-right:3px; position:relative}
.header-menu li a { display:block; width:125px; height:51px; position:relative; z-index:6; background:url(../images/menu_sep.png) no-repeat 123px 0; color:#e7cf7f; font-weight:bold; text-align:center; line-height:40px; text-decoration:none }
.header-menu li a:hover { text-decoration:underline; color:#e7cf7f; }
.header-menu .active a, .header-menu .active a:hover { cursor:default; text-decoration:none }
.header-menu .active a { background:url(../images/menu-li-active.png) no-repeat 50% 0; }

.header-menu li div { display:none}
.header-menu li:hover div, .header-menu li.over div { display:block; padding:0 7px 7px 7px; overflow:hidden; background:url(../images/dropdown_shadow.png) no-repeat 0 100%; position:absolute; top:40px; left:-7px; }
.header-menu li:hover div ul, .header-menu li.over div ul { width:124px; overflow:hidden; position:relative; margin-bottom:2px; top:-2px; background:#92b7a3 url(../images/dropdown_topshadow.png) no-repeat 0 2px; padding:0; margin:0; }
.header-menu li:hover ul li, .header-menu li.over ul li { float:none; color:#153c28; text-align:center; height:auto; width:auto; background:none; list-style:none; border-bottom:1px solid #688b78;  border-top:1px solid #abccba; margin:1px 0 -1px; padding:.4em 0; }
.header-menu li:hover ul li a, .header-menu li.over ul li a { display:block; width:100%; position:relative; height:auto; background:none; color:#153c28; line-height:normal}
.header-menu li.active ul li a:hover, .header-menu li.over ul li a:hover { cursor:pointer; text-decoration:underline; color:#153c28; } 

#main { overflow:hidden; padding-top:18px; padding-bottom:60px; }

#news { padding-bottom:180px; float:left; width:200px; color:#c5d9cf }
#news h2 { background:url(../images/news-h-bg.png) no-repeat 0 0; padding:0  }
#news h2 .border-h { padding:6px 0 6px 20px }
#news dl { padding:0 20px; overflow:hidden; position:relative; margin-top:-20px }
#news dt { font-weight:normal; color:#e7cf7f; margin:20px 0 0 }
#news dd { padding:0; margin:0 }
#news dd.more { background:url(../images/sep-h-dashed.gif) 0 100% repeat-x; padding-bottom:20px; margin:1px 0 -1px }

#side { float:right; width:160px; padding:0 20px 0; }

#content { width:520px; padding-left:20px; overflow:hidden; padding-bottom:130px; }

.border-h { background:url(../images/sep-h.gif) repeat-x 100% 100%; padding-bottom:3px }

#footer { height:41px; width:100%; font-size:.909em; left:0; bottom:0; position:absolute; z-index:3; color:#225f41; }
#footer .container { height:41px; margin:0 auto; width:960px; position:relative }
#footer .content-flash { position:absolute; width:560px; height:98px; overflow:hidden; padding-top:15px; background:url(../images/sep-h.gif) repeat-x 0 0; left:200px; bottom:69px; }
#footer a { color:#225f41; text-decoration:none }
#footer a:hover { text-decoration:underline;  color:#63967d;  }
#footer ul { list-style:none; padding:0; line-height:40px; overflow:hidden; width:560px; margin:0 auto; text-align:center; position:absolute; left:200px; }
#footer ul li { display:inline; border-left:1px solid #225f41; padding:0 .9em 0 1em }
#footer ul li:first-child { border-left:none; }
#footer ul li.active { font-weight:bold }
#footer .copyright { float:right; text-align:right; padding:.7em 20px 0 0 }


/*background*/
#bg { height:100%; width:100%; z-index:1; position:absolute; left:0; bottom:0; background:url(../images/bg.png) repeat-x 0 0; overflow:hidden}
#bg i { display:block }
#bg-cont { position:relative; height:100%; width:960px; border-left:3px solid #cdad40; border-right:3px solid #cdad40; margin:0 auto 0 }
#bg-cont-grad { position:absolute; height:100%; z-index:1; width:100%; top:-43px; background:url(../images/body-bg.png) repeat-x 0 100% #17442d; }
#bg-footer { height:41px; width:100%; position:absolute; z-index:3; bottom:0; left:0; background:#113624; border-top:2px solid #375e4a }
#bg-footer-img { background:url(../images/footer-img.jpg) no-repeat 0 0; width:200px; height:256px; position:absolute; left:0; bottom:0;}
#bg-shl { height:100%; width:22px; position:absolute; left:-25px; bottom:0; background:url(../images/shadow-l.png) repeat-y 0 0}
#bg-shr { height:100%; width:22px; position:absolute; right:-25px; bottom:0; background:url(../images/shadow-r.png) repeat-y 0 0}
#bg-content { background:url(../images/content-bg.png) #133a26 no-repeat 0 100%; left:200px; bottom:66px; width:560px; height:100%; position:absolute; z-index:2}