﻿/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* text */

body{font: 12px/1.5 Arial, Helvetica, sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/* layout */

body  { background: #003c2c url(../img/bg_body.gif) top center repeat-x; padding-top: 25px; }

.wrap { width:938px; margin: 0 auto; background: url(../img/bg_bottom.jpg) bottom center no-repeat; margin-bottom: 40px;}
.main { width:918px; margin: 0 auto; background: url(../img/bg_top.jpg) top center no-repeat;  overflow: hidden; padding: 0 10px 20px;}

.main h1 { padding: 20px 0 0 30px; }

.main .menu,
.main .maincon,
.main .sidebar { float: left; padding-top: 170px; }

.main .menu { width: 170px; }
.main .maincon { width: 420px; padding: 170px 70px 0 20px; color: #fff; }
.main .sidebar { width: 220px; }

.main .menu ul { list-style: none; }
.main .menu ul li { margin: 0; background: url(../img/bg_navitem_li.png) left bottom no-repeat; min-height: 22px; float:left; clear: left;}
.main .menu ul li.selected span { display: block; background: url(../img/bg_navitem_select.png) -4px 0 no-repeat; float: left;}
.main .menu ul li.last { background: none; }
.main .menu ul li a { color: #d1dabd; background: url(../img/bg_navitem_a.gif) 26px 8px no-repeat; display: block; padding: 0 0 0 36px; text-decoration: none; width: 134px; margin-left: -5px; height: 22px;}
.main .menu ul li.selected a,
.main .menu ul li a:hover,
.main .menu ul li.selected ul li a:hover { color: #fdb813;}
.main .menu ul li.submenuselected a { color: #d1dabd;}

.main .menu ul li ul { margin: 0 0 0 30px; padding: 0 0 0 6px; float: left;}
.main .menu ul li ul li { background: url(../img/bg_subnavitem.gif) 0 8px no-repeat; }
.main .menu ul li ul li a { padding: 0 0 0 14px; color: #d1dabd; width:100px; }

.main .menu ul li ul li a,
.main .menu ul li ul li a:hover { background: none; }
.main .menu ul li ul li.selected a { background: none; color: #fdb813;}

.main .menu ul li.selected ul.preselected li a { color: #d1dabd;}

.footer { clear: both; padding-left: 190px; font-size: 9px; color: #366849; }
.footer img { float: right; margin-right: 50px; }
.footer a { color: #366849; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer p { float: left; width: 408px; background-color: #004431; text-align: center; padding: 10px; margin: 12px 0 0 0;}



