/* reset and clearing stuff */
* { margin:0; padding:0; }
.hidden { display: none; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */

body { background-color: #fff; font-family: verdana, tahoma, arial, sans-serif; font-size: 62.5%; line-height: 1.5em; }
#container { width: 939px; margin:0 auto; overflow: hidden; font-size:1.5em; margin-top: 1em; }
#header { height:162px; width: 939px; background:transparent url(../../i/header-bg.png) 0 0 no-repeat; position: relative; }
#header h1.logo { height:64px; width:154px; background: transparent url(../../i/logo.png) 0 0 no-repeat; text-indent:-9999px; position: absolute; top:29px; left:17px; }
#header h1.logo a { display:block; height:64px; width:154px; }
#header div.header-image { text-indent:-9999px; background: transparent url(../../i/header-image.png) 0 0 no-repeat; height:107px; width:722px; position: absolute; top:7px; left:210px; }
#header ul.navigation { list-style-type: none; list-style-position:outside; padding-left: 10px; height:26px; width:929px; background: transparent url(../../i/navigation-bg.png) 0 0 no-repeat; overflow: hidden; position: absolute; bottom:0; padding-top: 15px; font-family: tahoma, verdana, arial, sans-serif; }
#header ul.navigation li { height:22px; float: left; background: transparent url(../../i/nav-border.png) top right no-repeat; padding-right: 15px; margin-left: 15px; font-size: .8em; }
#header ul.navigation li a { position: relative; top: 3px; color:#0088ca; text-decoration:none; font-weight: bold; }
#header ul.navigation li a:hover { color:#00acff; }

#content { height:1%; }
#content #content-left { width:198px; float: right; margin-top: 1.2em; }
#content #content-right { width:729px; float: right; margin-top: 1.2em; margin-left: 10px; overflow: hidden; }

#content #content-left ul.menu-section { background: #e5e5e5 url(../../i/left-menu-bg.png) 0 0 no-repeat; list-style-type: none; padding: 8px 5px 5px; border-bottom:1px solid #b4b0b0; font-size: 100%; margin-bottom: 15px; }
#content #content-left ul.menu-section li h2 { color: white; background:#14587c url(../../i/menu-header-bg.png) 0 0 repeat-x; padding: 3px 7px; height: 18px; font-size:.8em; }
#content #content-left ul.menu-section li ul { list-style-type:none; list-style-position:outside; background-color:#2f3235; padding:8px 0 8px; overflow:hidden; }
#content #content-left ul.menu-section li ul li { padding: 2px 0 5px 10px; font-size: .8em; }
#content #content-left ul.menu-section li ul li a { color: 00a7ff; text-decoration: none; }
#content #content-left ul.menu-section li ul li a:link { color:#0089c9; font-weight: bold;}
#content #content-left ul.menu-section li ul li a:visited { color:#0089c9; font-weight: bold;}
#content #content-left ul.menu-section li ul li a:hover { color:#00a7ff; font-weight: bold; }


#content #content-right .ad { height:90px; width:728px; background: transparent url(../../i/ad.png) 0 0 no-repeat; text-indent:-999px; margin-bottom: 30px; }
#content #content-right h1 { font-size: 2em; text-align:center; font-family: Verdana, Georgia, "Times New Roman", Times, serif; margin-bottom:5px; }
#content #content-right h2 { font-size: 18px; text-align:center; font-family: Verdana, Georgia, "Times New Roman", Times, serif; margin-bottom:20px; }

ol.top-site-container { list-style-type: none; list-style-position: outside;  }
ol.top-site-container li.top-site { clear: both; margin-bottom: 15px; padding-bottom: 5px; border-bottom:1px dashed #c6c5b7; }
ol.top-site-container li ul { list-style-type: none; list-style-position: outside; height:1%; }
ol.top-site-container li ul li { float: left; margin-right: 10px; }
ol.top-site-container li ul li.count-number { width: 20px; font-size: 1.5em; margin-top: 2.5em; margin-right: 30px; color:#0088ca; margin-left: 10px; text-align: right; }
ol.top-site-container li ul li.description { width:568px; margin-right: 50px; }

ol.top-site-container li ul li.description ul { margin-top: 10px; }
ol.top-site-container li ul li.description ul li { padding: 0 0 5px; font-size: 14px; clear:both; }
ol.top-site-container li ul li.description ul li p { margin-top: 2px; }

ol.top-site-container li ul li.in-count { font-weight: bold; font-size: 1em; color:#333; margin-top: 50px; padding-left: 20px; }
ol.top-site-container li ul li.in-count p { color:#6ca81d; margin-top: 5px; }
ol.top-site-container li ul li.out-count { font-weight: bold; font-size: 1em; color:#333; margin-top: 50px; padding-left: 20px; }
ol.top-site-container li ul li.out-count p { color:#e2033a; margin-top: 5px; }

ol.top-site-container li ul li div.banner { height:60px; width:468px; text-indent:-9999px; overflow: hidden; }
ol.top-site-container li ul li div.banner a { height:60px; width:468px; text-indent:-9999px; display: block; }

#footer { clear: both; font-size: .7em; padding: 5px; border:1px solid #e3e4e5; height: 1%; margin-bottom: 40px; margin-top: 50px;}
#footer p.copyright { width: 49&; float: left; }
#footer p.links { width: 49&; float: right; text-align: right; }
#footer a { color: #378ce7; text-decoration: none; }
#footer a:hover { color:#005bbd; }

.xuxian {
	padding-bottom: 10px;
	border-top-width: 1pt;
	border-top-style: dashed;
	border-top-color: #C6C5B7;
	height: 1px;
	width: 736px;
	float:left;
	clear:left;
}

.middlebd {
	height: auto;
	width: 736px;
	background-image: url(../images/middlebdbg.gif);
	background-repeat: repeat-x;
	margin-bottom: 15px;
	float:left;
	clear:left;
}

.lan {

	
	text-decoration: none;
}

.middlebda {

	width: 53px;
	line-height: 98px;
	color: #008EBD;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: center;
	float: left;
	
}

.middlebdb {
	height: auto;
	width: 556px;
	float: left;
}

.details{
	font-size: 11px; 
	position:absolute; 
	left:192px; 
	padding-top: 23px;
}

.middlebdba {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	width: 550px;
	color: #0000FF;
}

.middlebdbb {
	width: 500px;
	height: auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000000;
	text-decoration: none;

}

.clr{
	clear:both;
}

.middlebdcC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #E2033A;
	text-decoration: none;
	height: auto;
	width: 60px;
	margin-top: 5px;
}

.middlebdca {
	width: 60px;
	margin-top: 20px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.middlebdcb {
	width: 60px;
	margin-top: 5px;
	height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #6CA81D;
	text-decoration: none;
}

.middlebdc {
	float: left;
	height: auto;
	width: 60px;
	text-align: center;
}









#thicktabs { margin: 0; padding: 0; float: left;font: bold 13px Tahoma; width: 713px; background-image: url(/images/pinkbg.gif); border-top: 1px solid #0099cb; /*top border style*/ border-bottom: 2px solid #0099cb; /*thick bottom border below tabs*/ }
#thicktabs li { display: inline; }
#thicktabs li a { float: left; color: black; padding: 10px 11px; /*padding of tabs*/ text-decoration: none; background: transparent url(/images/pinkbg.gif) top right no-repeat; }
#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/ border-left: 1px solid #0099cb; /*left border style*/ }
#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/ background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/ }
#thicktabs li a:visited { color: black; }
#thicktabs li a:hover { color: black; background-image: url(/images/pinkbgover.gif); /*background image swap on hover*/ }


#boxy{
	background-color: #fbfaef; 
	padding-top: 3px; 
	padding-bottom: 3px; 
	padding-right: 8px;
	padding-left: 8px; 
	border-right-width: 1pt; 
	border-bottom-width: 1pt; 
	border-top-width: 1pt; 
	border-left-width: 1pt; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-top-style: solid; 
	border-left-style: solid; 
	border-right-color: #BFBBBA; 
	border-bottom-color: #BFBBBA; 
	border-left-color: #BFBBBA; 
	border-top-color: #BFBBBA;
}


#middlebtop {
	background-image: url(../images/middlebtop.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 90%;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 32px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 16px;
}


#middlebtopa {
	height: auto;
	width: 714px;
	background-color: #E7E6DB;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #C7C5B2;
	border-bottom-color: #C7C5B2;
	border-left-color: #C7C5B2;
	font-size: 12px;
	color: #000000;
	line-height: 20px;
	padding: 10px;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}