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{padding:0;border:0;outline:0;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}

body { margin: 0; padding: 0; font-family: Arial,Helvetica,sans-serif; font-size: 76%; background: url(../graphics/background.jpg) #6b8081 repeat-x top center; min-width: 934px; }

img { border: 0; }

h1 { margin: 0 0 0.5em; color: #008bc2; font-weight: bold; font-size: 24px; padding: 0 0 5px 0; border-bottom: 1px solid #c4cfd4;}

h2 { color: #008bc2; margin: 0 0 .5em; font-size: 160%; font-weight: normal; }

h3 { font-size: 126%; color: #99aeba; margin: 5px 0 5px 0; }

ul,ol{ margin: 0 0 0.5em 1.2em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li { margin: 0 0 0.7em; list-style-type: square; list-style-image: url(../graphics/bullet.gif); }


p.margin-right { margin-right: 300px; }
p { line-height: 1.4em; margin-bottom: 1em; }

a { position: relative; zoom: 1; color: #1a4b90; background: transparent; }
a:hover { color: #01818c; }

label { float: left; width: 100px; }

input.text, textarea { border: 1px solid #8c866e; font-family: Arial, Helvetica, sans-serif; font-size: 100%; width: 220px; }
textarea { height: 100px; }

input.button { margin-left: 100px; }


.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */


#wrapper { margin: 0 auto; width: 960px; position: relative; }

#header { position: relative; width: 1200px; height: 194px; background-image: url(../graphics/banner.jpg); background-repeat:  no-repeat; left:  -118px; overflow: visible;  }

#header img { position: absolute; top: 27px; #top: 10px; left: -960px; }

#main-logo { position: relative; top: 85px; left: 118px; width: 303px; height: 69px; }



#topnav { background-color: #1f7a97; position: relative; left: 0; bottom: 0; text-align: center; z-index: 350; height: 38px; padding: 0 0 0 20px; border-bottom: 1px solid #144f62; border-top: 1px solid #144f62; }
#topnav ul { float: left; padding: 0; margin: 0; list-style-type: none; border-left: 1px solid #144f62; height: 38px; }
#topnav li { float: left; padding: 0; list-style-type: none; list-style-image: none; }
#topnav li a { zoom: 1; float: left; padding: 0 10px; height: 38px; line-height: 38px; color: white; text-decoration: none; letter-spacing: 0.1em; border-right: 1px solid #144f62;}
#topnav li a:hover { background: url(../graphics/navlink_hover.png) repeat-x; }
#topnav li.nav_active a, #topnav li.nav_active a:hover { background: url(../graphics/navlink_active.png) repeat-x; }
#topnav li ul { position: absolute; left: 0; top: 38px; display: block; width: 140px; text-align: left; background: #60797d; border-top: 1px solid #144f62; }
#topnav li li { float: none; display: block; padding: 0; border-bottom: 1px solid #b1c6cf; width: 140px; margin: 0; }
#topnav li li a, #topnav li.nav_active li a { float: none; display: block; padding: 6px 10px; height: auto; line-height: 1.2em; text-transform: none; font-size: 100%; letter-spacing: normal; background: none; border: none; }

#topnav li ul ul { border: none; }

#topnav li li.nav_active a, #topnav li li a:hover, #topnav li.nav_active li a:hover { background: #14436d none; }


/* dropdown CSS */

* html #topnav table { border-collapse: collapse; padding: 0; margin: 0 0 -7px; width: 0; height: 0; font-size: 1em; z-index: 300; position: absolute; left: 0; top: -1000px; }
* html #topnav a:hover table { display: block; left: 0; top: 0; }
#topnav td { margin: 0; padding: 0; }
#topnav td a { position: relative; zoom: 1; }
* html #topnav a:hover { position: relative; z-index: 100; }
#topnav li:hover { position: relative; }
* html #topnav ul ul a:hover { position: relative; z-index: 110; }
#topnav ul ul li:hover { position: relative; }
* html #topnav ul ul ul a:hover { position: relative; z-index: 120; }
#topnav ul ul ul ul a:hover { position: relative; z-index: 130;   }
#topnav ul ul { visibility: hidden; display: none; }
#topnav ul :hover ul { visibility: visible; display: block; height: auto; }
#topnav ul :hover ul ul { visibility: hidden; }
#topnav ul :hover ul :hover ul ul { visibility: hidden; }
#topnav ul :hover ul :hover ul { visibility: visible; left: 140px; top: 0; background-color: #5e5e5e; }
#topnav ul :hover ul :hover ul :hover ul { visibility: visible; }


#wrapper1 { position: relative; }
#wrapper2 { position: relative; }

#main { float: left; #float: none; width: 960px; background: url(../graphics/shadow.jpg) top left repeat-x #fff; }

#sidebar { float: left; width: 184px; padding: 0 0 10px; margin: 18px 20px 4px; }
#sidebar img { border: 1px solid #b1c6cf; margin-top: 13px; }

#navigation ul { position: relative; margin: 0; padding: 0; list-style-type: none; background-color: #cadde9; border: 1px solid #b1c6cf; border-bottom: none; }
#navigation li.nav_active ul { display: block; }
#navigation li { position: relative; z-index: 10; margin: 0; list-style-type: none; list-style-image: none; }
#navigation li a, #navigation li.nav_active li a { position: relative; display: block; zoom: 1; font-size: 13px; padding: 6px 12px; color: #4b6778; text-decoration: none; border-bottom: 1px solid #b1c6cf; }
#navigation li a:hover, #navigation li.nav_active a { background-color: #238ca7; color: #fff;}
#navigation li.nav_active li a { padding: 6px 20px 6px 40px; }


#content { float: left; width: 510px; margin: 18px 20px 20px 0px; font-size:  12.5px; }
#content img { margin-left: 10px; }
#crumb {  color: #a7b7c0; font-size: 90%; padding: 0 0 10px 0; width: 500px; }

#right { float: left; width: 180px; margin-top: 2px; }
#right h1 { margin-top: 16px; }
#right h3 { margin-top: 5px; }
#special-block { background: url(../graphics/special.gif) #819e5a; border: 1px solid #e7efcf; float; left; margin: 15px 0; padding: 10px; color: #fff; font-size: 15px; font-weight: bold; line-height:  1.2em; }
#special-block a { color: #fff; }
#special-block h2 { background: url(../graphics/special-block.gif) left top no-repeat; padding: 7px 0 10px 40px; color: #fff; font-size: 18px; margin: 0 0 5px 0; }

#footer-intro {  padding: 6px 20px 5px; background-color: #8fb3bc; font-size: 90%; clear: both; background: url(../graphics/wave.jpg) 0 -100 no-repeat; color: #fff; font-weight: bold; }

#logoblock { float: left; width: 960px; background: url(../graphics/wave.jpg) no-repeat 0 -100; padding: 0; margin: 0; }
#footer{ background: #5a7177 url(../graphics/footer.gif) repeat-x; padding: 20px; color: #fff; margin-bottom: 20px; font-size:  11px; }
#footer a { color: #fff; }

#logos ul { margin: 0; padding: 0; list-style-type: none; float: left; background-color:  #fff; width: 960px; overflow: hidden; }
#logos li { float: left; padding: 0; margin: 0; }
#logos li.end { padding: 0 0 1px; }
#logos li img { float: left; margin: 0; }
* html #logos li img { margin: 0; }
