/* Base Styles */
body, input, textarea, select { font-family: Arial, Verdana, Helvetica; font-size: 12px;  }
body { margin: 0px; padding: 0px; }

body { background: #eeeeee url('../images/bgBod11.jpg') repeat; color: #777777; }

a { text-decoration: none; }
a:hover { }

form { padding: 0px; margin: 0px; }

.center { text-align: center }
.left { float: left }
.right { float: right }

.clear { clear: both; }
.clearafter:after { content: '.'; display: block; height: 0px; clear: both; visibility: hidden; }
.clearafter { display: inline-block; }

/* Hides from IE-mac */
* html .clearafter { height: 1%; }
.clearafter { display: block; }

img { border: 0px; padding: 0px; margin: 0px; }

/* Container */
#container { margin: 0 auto 0 auto; background: #ffffff; padding: 0px; width: 980px; height: auto; border-left: 1px solid #5685BE; border-right: 1px solid #5685BE; }

/* Header */
#header { width: 980px; height: 180px; background: url('../images/bgHeader.jpg') no-repeat; }

#header .nav { float: right; width: auto; height: 40px; color: #5685BE; font-size: 12px; text-transform: uppercase; font-weight: bold; margin: 30px 20px 0 0; }

#header .nav a { color: #5685BE; }

#header .nav ul { float: right; padding: 0px; margin: 0px; list-style: none } 
#header .nav ul li { float: left; margin: 0px; padding: 20px 0 0 0; width: 100px; text-align: center; height: 40px; background: url('../images/liNav.png') no-repeat top center; cursor: pointer; } 
#header .nav ul li:hover { margin: 5px 0 0 0; padding: 15px 0 0 0; } 

#header .search { clear: both; float: right; width: auto; height: 20px; text-align: right; margin: 9px 40px 0 0; padding: 2px 10px 2px 10px; background: #ffffff; border: 1px solid #EBEBEB; }

#header .search { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

#header .search input[type=text] { border: 0px; padding: 0px; margin: 0px; color: #777777; width: 150px; }
#header .search input[type=image] { border: 0px; padding: 0px; margin: 0 0 0 10px; }

#header .menu { clear: both; float: left; width: 100%; height: 50px; margin: 30px 0 0 0; }

#header .menu a { color: #777777; }

#header .menu ul { padding: 0px; margin: 0 auto 0 auto; list-style: none; width: 945px; text-align: center;  z-index: 10; } 
#header .menu ul li { float: left; margin: 0px; padding: 10px 0 0 0; width: 135px; height: 26px; cursor: pointer;  } 

#header .menu .roll { background: url('/images/liMenu_roll.jpg') repeat-x center center; color: #ffffff; }
#header .menu .roll a { color: #ffffff; }

#header .menu ul ul { position: absolute; padding: 0px; margin: 0  0 0 -1px; list-style: none; /*width: 135px;*/width: auto; min-width: 131px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; display: none; } 
#header .menu ul ul li { clear: both; /*padding: 5px 0 0 0;*/padding: 5px 2px 0; margin: 0px; width: 100%;/*width: 200px;*/ height: 20px; cursor: pointer; background: #AA1F23; border-bottom: 1px dotted #ffffff; } 
#header .menu ul ul li:hover { background: #5685BE; }

#header .menu ul ul { /*-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; */}
#header .menu ul ul { /*-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; */}

#header .menu .last { border-bottom: 0px; }
#header .menu .last { /*-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; */}
#header .menu .last { /*-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; */}

#header .menu .item { width: 135px; height: 26px; }

#header .menu ul ul a { color: #ffffff; }

#logo { cursor: pointer; height: 100px; width: 300px; position: absolute; top: 10px; }

/* Slider */
#slider { height: 280px; left: 0; position: absolute; top: 0; width: 980px; }

#sliderarea{ width: 980px; height: 280px; margin: 0;  overflow: hidden; padding: 0; position: relative; border-top: 1px solid #C9D9EA; border-bottom: 1px solid #C9D9EA; }

#slidernav { height: 21px; left: 12px; position: absolute; top: 235px; z-index: 9; }
#slidernav a { background-color: #5685BE; color: #FFFFFF; border: 1px solid #5685BE; display: inline; float: left; font-size: 13px; font-weight: bold; height: 20px; margin-left: 8px; padding: 5px 0 0; text-align: center; width: 27px; }
#slidernav a.activeSlide, #slidernav a:hover { border: 1px solid #5685BE; background-color: #FFFFFF; color: #5685BE; }

#innerslide { }

#innerslide img { margin: 0px; padding: 0px; border-top: 1px solid #C9D9EA; border-bottom: 1px solid #C9D9EA; }

/* Index */
#index { margin: 10px 0 0 0; padding: 0px; width: 980px; height: auto; } 

#index a { color: #5685BE; font-weight: bold; }
#index a:hover { color: #678DBC; }

#index .col1 { float: left; width: 270px; margin: 0px; padding: 0 5px 0 5px; height: auto; }
#index .col2 { float: left; width: 420px; margin: 0px; }
#index .col3 { float: left; width: 270px; margin: 0px; padding: 0 5px 0 5px;  height: auto; }

#index .box { border: #D8E1E6 1px solid; height: auto; margin: 0 0 5px 0; padding: 1px; }

#index .box h3 { margin: 0px; padding: 7px 0 2px 10px; width: auto; height: 22px; font-size: 13px; font-weight: bold; color: #ffffff; background: url('../images/bgBoxTitle.jpg') repeat-x top center; border-bottom: #3296C9 1px dotted;  }

#index .box .content { margin: 0px; padding: 0px; }  
#index .box .content img .bordered {border: 1px solid #d9e1e6; }

#index .box .content .imgcontainer { float: left; padding: 5px; }
#index .box .content .imgcontainer img { border: 1px solid #D8E1E6; }

#index .box .content .descr { }

#index .box p { margin: 0; padding: 5px 2px; }

#index .accitems .box { border: none; margin: 0; padding: 0; min-height: 0px; }
#index .accitems .box .content h4 { color: #AA1F23; font-size: 12px; font-weight: bold; margin: 0; padding: 2px 0; }
#index .accitems .box .content { min-height: 0px; margin: 0; }
#index .accitems .box .content .imgcontainer { float: left; padding: 0px 5px 0 0; }
#index .accitems .box .content .imgcontainer img { padding: 2px; border: 1px solid #D8E1E6; }

/* overview index */
#overview { margin: 10px 0 0 0; padding: 0px; width: 980px; height: auto; } 

#overview .h1 { margin: 0px;  width: 100%; height: 35px;  background: url('../images/h1bg.jpg') repeat-x top center; border-bottom: #3296C9 1px dotted; }
#overview h1 { margin: 0px; padding:0 ; font-size: 15px; font-weight: bold; color: #ffffff; margin: 8px 0 2px 10px; float: left; }
#overview .h1 img {float:left; }

#overview a { color: #777777; border-bottom: 1px dashed #777777; font-weight: bold; }
#overview a:hover { color: #678DBC; }

#overview .col1 { float: left; width: 270px; margin: 0px; padding: 0 5px 0 5px; height: auto; }
#overview .col2 { float: left; width: 690px; margin: 0 0 0 5px; }

#overview .col1 ul { padding: 0px; margin: 5px 0 10px 0; }
#overview .col1 ul li { padding: 10px 0 0 20px; margin: 0px; background: url("/images/arrow.png") no-repeat left 15px }

#overview .col1 a { font-size: 12px; color: #5685BE; border: 0px; }
#overview .col1 a:hover { color: #aa1f23; border-bottom: 1px dashed #aa1f23 }
#overview .col1 h3 a {color: #FFFFFF; font-size: 13px; font-weight: bold; }

#overview .box { border: #D8E1E6 1px solid; width: 100%; height: auto; margin: 0 0 10px; padding: 1px; }

#overview .box h3 { margin: 0px; padding: 8px 0 2px 10px; width: auto; height: 22px; font-size: 13px; font-weight: bold; color: #ffffff; background: url('../images/bgBoxTitle.jpg') repeat-x top center; border-bottom: #3296C9 1px dotted;  }

#overview .box .content { margin: 0px; padding: 0px; }  
#overview .box .content img .bordered {border: 1px solid #d9e1e6; }

#overview .box .content .imgcontainer { float: left; padding: 5px; }
#overview .box .content .imgcontainer img { border: 1px solid #D8E1E6; }

#overview .box .content .descr { }

#overview .box p { margin: 0; padding: 5px 2px; }
#overview .col1 .box .imgcontainer a:hover { color: #678DBC; border-bottom: none; }

#overview .overviewitems {}

#overview .overviewitems .box { float:left; width: 216px; margin-top:5px; margin-bottom: 5px; }
#overview .overviewitems .rpad { margin-right: 14px; }
#overview .overviewitems .box img { padding: 2px; border: 1px solid #D8E1E6; width:204px; height: 110px; }
#overview .overviewitems .box .content { margin: 2px 3px; }
#overview .overviewitems .box .content h4 { font-size: 12px; font-weight: bold; color: #aa1f23; padding: 2px 0; margin: 0; }
#overview .overviewitems .box .content p { height:45px; padding: 0; margin: 0; overflow:hidden; }
#overview .overviewitems .box .content p.descrH85 { height:85px; }

/* inner */
#inner { margin: 10px 0 0 0; padding: 0px; width: 980px; height: auto; } 

#inner a { color: #5685BE; font-weight: bold; }
#inner a:hover { color: #678DBC; }

#inner .col1 { float: left; width: 665px;margin: 0 0 0 15px; min-height: 360px; height: auto; }
#inner .col2 { float: right; width: 270px; margin: 0 10px 0 ; padding: 0 5px 0 5px;  height: auto; }

#inner .col1 h1 { font-size: 20px; font-weight: bold; padding: 0px; margin: 0px; }
#inner .col1 h2 { font-size: 16px; font-weight: bold; padding: 15px 0 0 0; margin: 0px; }
#inner .col1 h3 { font-size: 14px; font-weight: bold; padding: 15px 0 0 0; margin: 0px; }
#inner .col1 h4 { font-size: 13px; font-weight: bold; padding: 15px 0 0 0; margin: 0px; }

#inner .col1 p { padding: 10px 0 0 0; margin: 0px }

#inner .box { border: #D8E1E6 1px solid; width: 100%; height: auto; margin: 0 0 10px 0; padding: 1px; }
#inner .box .h3 { margin: 0px;  width: 100%; height: 25px;  background: url('../images/h1bg.jpg') repeat-x top center; border-bottom: #3296C9 1px dotted; }
#inner .box .h3 img {float:left; }

#inner .box h3 { margin: 0px; padding:0 ; font-size: 13px; font-weight: bold; color: #ffffff; margin: 4px 0 2px 10px; float: left; }

#inner .box .content { margin: 0px; padding: 0px; }  
#inner .box .content img .bordered {border: 1px solid #d9e1e6; }

#inner .box .content .imgcontainer { float: left; padding: 5px; }
#inner .box .content .imgcontainer img { border: 1px solid #D8E1E6; }

#inner .box .content .descr { }

#inner .box p { margin: 0; padding: 5px 2px; }

#inner .col2 ul {margin: 0; padding: 5px 0 0; } 
#inner .col2 li { line-height: 20px; list-style-type: none; margin: 5px 0 0 10px ; padding: 0 0 0 20px; }

#inner .col2 .arrow li { background: url("/images/arrow.png") no-repeat scroll 0 6px transparent; }
#inner .col2 .greentick li { background: url("/images/greentick.png") no-repeat scroll 0 6px transparent; }
#inner .col2 .reddot li { background: url("/images/reddot.png") no-repeat scroll 0 6px transparent; }
#inner .col2 .greendot li { background: url("/images/greendot.png") no-repeat scroll 0 6px transparent; }
#inner .col2 .info li { background: url("/images/info.png") no-repeat scroll 0 2px transparent; }

#inner .col2 h3 a {color: #FFFFFF; font-size: 13px; font-weight: bold; }

#inner dl { padding: 0px; margin: 0px; width: 500px; height: auto; }
#inner dt { float: left; margin: 0px; padding: 10px 0 0 0; width: 200px; height: auto; }
#inner dd { float: left; margin: 0px; padding: 10px 0 0 0; width: 300px; height: auto; }

/* Footer */
#footer { margin: 10px 0 0 0; padding: 0px; width: 980px; height: auto; background: url('../images/bgFooter.jpg') repeat-x top center; }
#footer .top { height: 10px; background: url('/images/bgFooterTop.jpg') repeat-x scroll 0pt 0pt transparent; }
#footer .middle { background: url('/images/bgFooterMid.jpg') repeat scroll 0pt 0pt transparent; }
#footer .bottom { height: 10px; background: url('/images/bgFooterBot.jpg') repeat-x scroll 0pt 0pt transparent; }

#footer .col { float: left; width: 150px; height: auto; padding: 0px; margin: 0 0 0 40px; }

#footer .col h3 { color: #AA1F23; }
#footer .col h3 a { color: #AA1F23; }

#footer .col ul { list-style: none; padding: 0px; margin: 0px; height: auto; }
#footer .col ul li { padding-bottom: 4px; }

#footer .col ul a { color: #777777;  }
#footer .col ul a:hover { color: #678DBC; }

#footer .col .last { border: none; }

#footer .anchor { clear: both; padding: 0px; margin: 0 3px 0 3px; padding: 0 10px 0 10px; font-size: 11px; }

#footer .anchor p { padding: 10px 0 0 0; margin: 0px; }

#footer .anchor a { color: #777777; border-bottom: 1px dashed #777777; }
#footer .anchor a:hover { color: #678DBC; }

#footer .anchorwrap {height: 40px; }