/* 左边导航部分样式，适用于三个版本页面 */
*{ margin:0px; padding:0px;}
body{ font-size:14px; font: Verdana, Arial, Helvetica, sans-serif; margin:0px 10px 10px; padding:0px; line-height:150%; background-color:#666; text-align:center;}

#wrapper, .topline{ width:auto; min-width:770px; max-width:1024px; text-align:left; margin-left:auto; margin-right:auto; position:relative; background:#fff;}

#outer{ margin-left:228px; color: #000; padding-bottom:20px; margin-top:0px;}

#header{position:absolute; top:0px; left:0px; 
	width:100%; height:100px; border-bottom:#0A3576 solid 5px; 
	overflow:hidden; 
	background:#fff url(../images/headbg1.gif) repeat-x; font-size:xx-large;
}
.headtop1, .headtop2, .headtop3, .headtop4{width:25%; height:5px; float:left; position:relative; display:block; overflow:hidden;}
.headtop1{color:#EE0027;}
.headtop2{color:#FFB217;}
.headtop3{color:#03693C;}
.headtop4{color:#271277;}

.logo, .headswf{ display:block; overflow:hidden; position:relative;}
.logo{ clear:left; float:left; margin:10px 0px 0px 25px;}
.headswf{ clear:right; float:right; margin-top:10px; margin-right:30px;}


#left { 
	background:#EDF5FF url(../images/leftbg2.jpg) no-repeat;
	position:relative;/*ie needs this to show float */
	width:228px;float:left;left:-1px;
	margin-left:-227px;/*must be 1px less than width otherwise won't push footer down */
	text-align:center;
}

* html #left { margin-right:-3px;}/* 3px jog*/
* html #outer{ margin-left:228px;}/* 3px jog*/
	
#footer { width:100%; height:24px; line-height:24px; clear:both; background:#666; text-align:right; color:#fff; position:relative;}
#clearheader{ height:105px; +height:100px;}/*needed to make room for header*/
#centrecontent { float:right; width:100%; position:relative; text-align:center; padding-bottom:20px; padding-left:0px; _padding-left:10px;}

html>body #centrecontent { margin:0 -0.5%}/*moz needs this*/
.outerwrap { float:left; width:99%; background:#fff url(../images/rightbg1.jpg) no-repeat top left;}
.clearer{ height:1px; overflow:hidden; margin-top:-1px; clear:both;}

/* mac hide\*/
* html #outer, * html #wrapper,* html #centrecontent { height:1%}
/* end hide */


#centrecontent table{ margin:0px auto;}
#centrecontent td{ font-size:12px; padding:2px 3px;}
p{ clear:both; text-align:left; width:90%; margin:5px auto 15px; text-indent:22px;}
p img{ float:right; margin:10px;}


.menu, .banben{ margin:15px auto 10px;}

.menu{ margin:10px auto;}
.menu ul {
	font-size:13px;
	margin:0px auto;
	_margin-left:-15px;
	padding: 0;
	list-style: none;
	width: 165px; /* Width of Menu Items */
	border-bottom: 1px solid #0A3576;
	}

.menu ul li {
	position: relative;
	}
	
.menu li ul {
	position: absolute;
	left: 164px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
.menu ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	background:url(../images/whitebar.png); /* IE6 Bug */
	border:#000 solid 1px;
	padding: 3px 5px;
	border: 1px solid #0A3576;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

.menu ul li a:hover { color: #fff; font-weight:bold; background:url(../images/bluebar.png); } /* Hover Styles */
		
.menu li ul li a { padding: 2px 5px; background:#fff;} /* Sub Menu Styles */
		
.menu li:hover ul, li.over ul { display: block; } /* The magic */

.banben{width:190px;}
.banben a{ float:left; width:auto; height:20px; text-align:center; margin:0px 2px 0px 0px; display: block; text-decoration: none;	color: #000; background:url(../images/whitebar.png); /* IE6 Bug */
	border:#000 solid 1px; padding: 3px 5px; border: 1px solid #ccc; font-size:12px;}
.banben a:hover{ background:url(../images/bluebar.png); color:#fff;}

.banben2{}
.banben2 a{width:30px; height:24px; line-height:24px; text-align:center; background:url(../images/bluebar.png); display:block; overflow:hidden; float:right; margin:1px 2px 0px 0px; color:#FFFFFF;}



.headtopic, .headtopic2, .headtopic3{text-align:left;font-family: Verdana, Arial, Helvetica, sans-serif; margin:5px auto; }
.headtopic { clear:both; color:#6b1679;  border-bottom:#CCCCCC dashed 1px; height:30px; line-height:30px;width:94%;}
.headtopic2 {COLOR: #000; font-weight:bold; width:98%; height:30px; line-height:30px; border:#888 dashed 1px; margin:5px auto 5px; text-indent:10px; background:url(../images/whitebar2.png);}
.headtopic3 {font-weight:bold; color:#000; height:30px; line-height:30px; text-align:left; width:90%;}

.subtopic1{ clear:both; width:90%;}
.subtopic1 ul{ width:100%; height:auto; margin:0px auto;}
.subtopic1 ul li{ width:200px; _width:190px; height:24px; text-align:left; line-height:24px; border-bottom:#CCCCCC dashed 1px; background:none; margin:5px 10px 0px 0px; float:left; display:block; overflow:hidden; background:url(../images/icon_1.gif) no-repeat 2px 3px; text-indent:25px; +text-indent:15px;  _text-indent:15px;}

.list1{ margin:10px auto;}
.list1 li{ list-style-type:none; line-height:24px; border-bottom:#e7e7e7 dashed 1px; height:24px; width:80%; text-align:left; text-indent:20px; margin:0px auto;}
.list2{ margin:10px auto;}
.list2 li{ list-style-type:none; line-height:24px; border-bottom:#e7e7e7 dashed 1px; height:24px; width:80%; text-align:left; text-indent:20px; margin:0px auto; background-color:#D1F0F0;}

.whereami{ width:98%; height:30px; line-height:30px; text-align:right; font-size:12px;}