html { background: #abdbdd url(../graphics/html.gif) repeat-x; }

body { margin: 0; padding: 0; font-size: 76%; font-family: Arial, Helvetica, sans-serif; background: url(../graphics/body.jpg) no-repeat center top; }

img { border: 0; }

p.topright {  margin: 0 -20px 0 20px; }

p.topright img {  margin-left: 20px; }



h1 { font-size: 190%; font-weight: normal; color: #1A3343; line-height: 22px; #padding: 0.5em 0 0; margin: 15px 0 5px 0; }

h2 { font-size: 150%; font-weight: normal; color: #1A3343; margin: 15px 0; padding-bottom: 5px; border-bottom: 1px solid #97a7b1; }

h3 { font-size: 120%; font-weight: normal; color: #335468; }

a { color: #658685; }

.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */


#wrapper { width: 900px; margin: 0 auto; }

#banner { position: relative; height: 90px; }
#banner a { position: absolute;  top: 11px; left: 44px; width: 317px; height: 109px; }
#banner img { display: none; }

#top-nav { padding-right: 45px; }
#top-nav ul { float: right; margin: 0; padding: 0; list-style-type: none; }
#top-nav li { float: left; padding-left: 2px; }
#top-nav li a { float: left; height: 30px; line-height: 30px; background: #00afa0 url(../graphics/navlink-left.gif) no-repeat; color: white; text-decoration: none; }
#top-nav li a:hover { background: #00c0b0 url(../graphics/navlink-hover-left.gif) no-repeat; }
#top-nav li a span { float: left; cursor: pointer; padding: 0 10px; background: url(../graphics/navlink-right.gif) no-repeat right top; }
#top-nav li a:hover span { background: url(../graphics/navlink-hover-right.gif) no-repeat right top; }
#top-nav li.nav_active a, #top-nav li.nav_active a:hover { background: #000c14 url(../graphics/navlink-active-left.gif) no-repeat; color: #658685; }
#top-nav li.nav_active a span, #top-nav li.nav_active a:hover span { background: url(../graphics/navlink-active-right.gif) no-repeat right top; }

#top-nav li.js a { background: url(../graphics/jsnav/normal-left.gif) no-repeat; padding: 0 0 0 4px; }
#top-nav li.js a span.outer { background: url(../graphics/jsnav/normal-right.gif) no-repeat top right; padding: 0 4px 0 0; }
#top-nav li.js a span.outer span.inner { background: #00afa0; }
#top-nav li.js a:hover { background: url(../graphics/jsnav/hover-left.gif) no-repeat; }
#top-nav li.js a:hover span.outer { background: url(../graphics/jsnav/hover-right.gif) no-repeat top right; }
#top-nav li.js a:hover span.outer span.inner { background: #00c0b0; }
#top-nav li.js_active a { background: url(../graphics/jsnav/active-left.gif) no-repeat; padding: 0 0 0 4px; }
#top-nav li.js_active a span.outer { background: url(../graphics/jsnav/active-right.gif) no-repeat top right; padding: 0 4px 0 0; }
#top-nav li.js_active a span.outer span.inner { background: #000c14; }

#crumbs { clear: both; height: 30px; line-height: 30px; padding-left: 211px; color: #658685; font-size: 90%; }

#main { float: left; width: 710px; border-left: 190px solid #001c2e; background: #e5f2f1; }
* html #main { position: relative; left: 1px; }

#sidebar { position: relative; float: left; width: 190px; margin-left: -190px; background: #001c2e; }

#side-nav { padding-bottom: 30px; background: url(../graphics/sidenav.gif) repeat-x left bottom; }
* html #side-nav table { border-collapse: collapse; padding: 0; margin: 0; width: 150px; position: relative; top: 1em; }
#side-nav ul { position: relative; margin: 0; padding: 0; list-style-type: none; }
#side-nav li ul { float: none; display: none; }
#side-nav li.nav_active ul { display: block; }


#side-nav li { position: relative; display: block; border-bottom: 1px solid black; width: 190px; }
#side-nav li li { border-bottom: 1px solid #3b6178; }
#side-nav li li li { border-bottom: none; }


#side-nav li a { position: relative; zoom: 1; display: block; padding: 8px 20px; background: #002238; color: white; text-decoration: none;  }
#side-nav li li a { padding-left: 30px; background: #335468 !important;  }
#side-nav li li li a { padding-left: 40px; background: #567c93 !important;  }


#side-nav li.nav_active a { background: #1d5d87; border-bottom: 1px solid #284f68; }

#side-nav li li.nav_active a { background: #51778e !important; }
#side-nav li.nav_active li li a { background: #335468 !important; }
#side-nav li.nav_active li li li a { background: #567c93 !important; }

#side-nav li li li.nav_active a { background: #2f4755 !important; }



#side-nav li a:hover, #side-nav li.nav_active a:hover { background: #1a3343 !important; }




#content { margin: 0; padding: 0px 20px 70px 20px; #padding: 0 20px 1px; line-height: 1.6em; float: right; width: 670px; position: relative; }
#content a:hover { background: #e6f7f6; }
#content h1 { }

#home-video { position: relative;  left: -20px; margin: 0 0 20px 0; background: white; float: left; }
* html #home-video { margin: 0 -20px 10px 0; background: white; float: left; }

#footer, #footer2 { clear: both; padding: 0 20px 1em; color: white; }
#footer, #footer-c1 { background: #bbe2e4 url(../graphics/footer.gif) repeat-x; }
#footer2 { padding-bottom: 1em; background: url(../graphics/footer-nav.gif) repeat-y 190px 0; }
#footer-c1 { clear: both; }
#footer-c2 { background: url(../graphics/footer-br.gif) no-repeat right bottom; padding: 1em 0 0; }
#footer-c3 { background: url(../graphics/footer-bl.gif) no-repeat left bottom; padding: 0 0 1em; }
#footer a, #footer2 a { position: relative; zoom: 1; color: #009488; text-decoration: none; }
#footer a:hover, #footer2 a:hover { background: #ccefec; }
#footer p, #footer2 p { float: right; text-align: right; font-size: 90%; margin: .5em 0 0; }
#footer h3, #footer ul, #footer2 h3, #footer2 ul { float: left; }
#footer h3, #footer2 h3 { margin: .5em 0 0; width: 150px; padding: 1em 20px 0 0; text-align: right; }

* html #footer h3 { margin: 0 0; }
* html #footer ul, #footer p { margin: 1em 0 0; }


#footer-c1 #footer h3, #footer-c1 #footer2 h3 { padding: 0 20px 0 0; }
#footer ul, #footer2 ul { width: 150px; #width: 151px; padding: 0 1.5em; margin: .5em 0 0; list-style-type: none; border-left: 1px solid white; font-size: 90%; line-height: 1.6em; }
#footer2 ul { margin: 0; }
#footer li a, #footer2 li a { display: block; }