*{ margin:0; padding:0;}
body{background:url(../images/mainbg3.jpg) no-repeat scroll center top #000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; } 


#wrapper{ float:left; width:100%; height:auto;}

#container{ width:960px; height:auto; margin:0 auto;}

#header{ float:left; width:960px; height:193px;}

#headerwrap{float:left; width:960px; height:158px;}

#logo { float:left; width:177px; height:155px;}

#cardwrapper{ float:left; width:260px; height:100px; margin-left:515px; margin-top:20px;}

#cardcontainer{ float:left; width:150px; height:23px; margin-left:100px; margin-top:10px; }

#cardcontainer .c1{ float:left; width:35px; height:23px; margin:5px;}

#cardcontainer .c2{ float:left; width:35px; height:23px; margin:5px;}

#cardcontainer .c3{ float:left; width:35px; height:23px; margin:5px;}

#navwrapper{float:left; width:960px; height:28px; margin-top:0px; }

#navwrapper ul li{ float:left; display:block; text-align:center; list-style-type:none; padding:0 10px; }

#navwrapper ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none;}

#navwrapper ul li a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fae8cd; text-decoration:none;}

#bannerwrapper{ float:left; width:954px; height:543px; background:url(../images/bannerbg.jpg) no-repeat;}

#bannerwrapper .contentleft{ float:left;width:400px; height:255px; margin:20px 0 0 31px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; color:#5a889a; text-align:justify;}

#bannerwrapper h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:32px; color:#FFFFFF; text-align:left;}


#bannerwrapper .contentright{ float:right; width:407px; height:259px; margin:16px 49px 0 10px;}

#contentbottom{ float:left; clear:both; width:950px; height:226px; margin-top:18px;}

#contentbottom .wrapA{ float:left; width:270px; height:222px; margin:10px 24px;}

#contentbottom .wrapA h3{ font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#89b9ce; text-align:left; padding:10px 60px 0 5px;} 

#contentbottom .wrapA p { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-align:left; width:160px; margin-right:100px;}

#contentbottom .wrapB{ float:left; width:270px; height:222px; margin:10px 27px;}

#contentbottom .wrapB h3{ font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#89b9ce; text-align:left; padding:10px 0px 0 5px;} 

#contentbottom .wrapB p { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-align:left; width:160px; margin-right:100px;}

#contentbottom .wrapC{ float:left; width:270px; height:222px; margin:10px 14px;}

#contentbottom .wrapC h3{ font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#89b9ce; text-align:left; padding:10px 10px 0 5px;} 

#contentbottom .wrapC p { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ffffff; text-align:left; width:160px; margin-right:100px;}

#maincontenttwrap { float:left; width:960px; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#7e7e7e; overflow:hidden;}

#maincontenttwrap .leftwrap { float:left; width:580px; height:auto; margin:30px 50px 10px 40px;}

#maincontenttwrap .leftwrap h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:26px; color:#236da1; text-align:left; margin-bottom:30px; }

#maincontenttwrap .leftwrap p { text-align:left; line-height:18px;}

#maincontenttwrap .rightwrap{ float:left; width:276px; height:400px; *height:400px; margin:30px 10px 0 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:left;}

.pdleft{ padding-left:20px; padding-top:26px;}
.contlink{ color:#a07600; text-decoration:underline; font-size:11px;}

.contlink:hover{ color:#c79b20; text-decoration:underline; font-size:11px;}

#footerwrapper{ float:left; width:100%; height:350px; background:url(../images/footerbg.jpg) repeat-x #96a7af top; margin-top:30px;}

#footerwrapper .footercontenttop{ width:870px; height:auto; margin-left:auto; margin-right:auto; margin-top:40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}

.footerwrapA{ float:left; width:600px; height:70px; padding-right:396px; color:#d8dfe2; text-align:left; line-height:14px; }

.footerwrapB{ float:left; width:250px; height:auto; margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}

.footerwrapB ul { list-style-type:none; text-align:left; }
.footerwrapB ul li { list-style-type:none; text-align:left; }

.footerwrapC{ float:left; width:250px; height:auto; margin-top:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}

.footerwrapC ul { list-style-type:none; text-align:left;}
.footerwrapC ul li { list-style-type:none; text-align:left;}


#footerwrapbottom{ float:left; width:100%; height:167px; background-color:#314551;}

#footerwrapbottom .footerbtmwrap{width:870px; height:auto; margin-left:auto; margin-right:auto; margin-top:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#98a2a8; text-align:left;}

.footerbtmwrapA{ float:left; width:350px; height:auto; }

.footerbtmwrapB{ float:right; width:230px; height:auto;}

.mtop{ margin-top:20px;}

.footerlink{ color:#98a2a8; text-decoration:none;}
.footerlink:hover{ color:#70787c; text-decoration:underline;} 

.linkwht { color:#ffffff; text-decoration:none;}
 .linkwht:hover{ color:#ffffff; text-decoration:underline;} 
 .linkwht a:link{ color:#ffffff; text-decoration:none;}
 .linkwht a:active{ color:#ffffff; text-decoration:none;}
 .footerwrapB a { color:#ffffff; text-decoration:none;}
 .footerwrapC a { color:#ffffff; text-decoration:none;}
 
 .mtop a { color:#98a2a8; text-decoration:none;}
 .mtop a:hover{ color:#70787c; text-decoration:underline;}