@charset "utf-8";
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body { margin: 0; padding: 0; background: #fff url('images/bg.jpg') repeat-x center top; font: normal 12px/150% Verdana, Arial, Helvetica, sans-serif; color: #424242; }
.wrapper{ width: 980px; margin: 0 auto; }
.clear{ clear: both; }
a { color: #0000FF; }
a:hover { color: #7070FF; }
img { border: 0; }
p { text-align: justify; margin: 0 0 10px 0; }
p.last { margin: 0;}
h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #006600; cursor: default; margin: 20px 0 10px 0; }
h3 { font: bold 16px Arial, Helvetica, sans-serif; color: #005500; cursor: default; margin: 20px 0 10px 0; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#head { width: 100%; float: left; }
#head .top { width: 100%; float: left; }
#head .top .logo { float: left; width: 252px; }
#head .top .right {	float: left; width: 728px; }
#head .top .right .top_txt { float: right; width: 190px; height: 30px; background: url('images/top_right_bg.jpg') no-repeat;	padding-top: 13px; text-align: center; }
#head .top .right .top_txt a { font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; color: #fff; }
#head .top .right .top_txt a:hover { color: #DBFFD9; }
#head .top .right .ad_txt { float: left; width: 510px; margin: 20px 0 3px 3px; text-align: left; font: 11px/150% Verdana, Arial, Helvetica, sans-serif; }
#head .top .right .ad_txt strong { color: #666; }
#head .top .right .ad_banner { float: left; width: 728px; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#top_nav { float: left; width: 100%; height: 39px; clear: both; background: url('images/top_nav.jpg') no-repeat; }
#top_nav .home { float: left; width: 49px; }
#top_nav .separator { float: left; width: 4px; }
#top_nav .menu { float: left; width: 925px;	margin: 14px 0 0 0; padding: 0; }
#top_nav .menu ul { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; }
#top_nav .menu ul li { float: left; margin: 0; padding: 0 7px 0 16px; display: inline; }
#top_nav .menu ul li a { float: left; color: #fff; text-transform: uppercase; font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#top_nav .menu ul li a:hover { color: #A0E6FA; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#body_top { width: 100%; height: 225px; }
#body_top .welcome { width: 700px; float: left; }
#body_top .welcome .welcome_head { float: left; width: 100%; height: 55px; background: url('images/welcome_bg.jpg') no-repeat; }
#body_top .welcome .welcome_icon { float: left; width: 40px; margin: 8px 8px 0 8px; _display: inline; }
#body_top .welcome .txt_left { float: left; width: 235px; margin: 9px 0 0 0; cursor: default; }
#body_top .welcome .txt_left .head { font: bold 18px Arial, Helvetica, sans-serif; color: #01759F; }
#body_top .welcome .txt_left .tag { font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 2px 0 0 1px; color: #62757E; }
#body_top .welcome .divider { float: left; padding: 9px 5px 0 0; }
#body_top .welcome .txt_right { float: left; width: 385px; height: 35px; text-align: justify; font: normal 11px/150% Tahoma, Arial, Helvetica, sans-serif; margin: 12px 0 0 0; cursor: default; color: #218830; }
#body_top .welcome .row_mid { float: left; clear: both; width: 678px; text-align: justify; padding: 10px 10px 3px 10px; border-top: 1px dotted #C7CCCA; border-left: 1px solid #C7CCCA; border-right: 1px solid #C7CCCA; font: 13px/160% Verdana, Arial, Helvetica, sans-serif; color: #424242; }
#body_top .welcome .row_last { float: left; clear: both; width: 698px; height: 23px; padding-top: 9px; background: url('images/row_foot.jpg') repeat-x; border-left: 1px solid #C7CCCA; border-right: 1px solid #C7CCCA; font: 11px Tahoma, Arial, Helvetica, sans-serif; color: #666; text-align: center; }
#body_top .welcome .imp { color: #FF0033; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#body_top .social { float: right; width: 270px; }
#body_top .social .top { width: 270px; height: 15px; background: url('images/social_top_bg.jpg') no-repeat; }
#body_top .social .mid { width: 270px; height: 209px; background: url('images/social_mid_bg.jpg') repeat-y; }
#body_top .social .bottom { width: 270px; height: 2px; background: url('images/social_bottom_bg.jpg') no-repeat; }
#body_top .social .mid .head { position: relative; top: -5px; font: bold 12px Arial, Helvetica, sans-serif; color: #003366; text-align: center; }
#body_top .social .mid .body { position: relative; _top: -3px; padding: 2px 8px; _padding: 0px 8px; font: 11px/130% Tahoma, Arial, Helvetica, sans-serif; text-align: justify; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#foot_ads { text-align: center; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#foot { height: 70px; background: url('images/foot_bg.jpg') repeat-x; border-left: 1px solid #046794; border-right: 1px solid #046794; font: normal 11px/150% Verdana, Arial, Helvetica, sans-serif; color: #fff; }
#foot a { color: #fff; }
#foot a:hover { color: #ddd; }
#foot .copyright { float: left; margin: 10px 5px 0 11px; }
#foot .light { color: #ccc; }
#foot .alexa { float: right; margin: 3px 1px 0 2px; width: 120px; }
#foot .counter { float: right; margin: 7px 3px 0 10px; }
#foot .links { float: right; margin: 10px 0 0 5px; text-align: right; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
