@charset "utf-8";
/* CSS Document */
html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin:0px; padding:0px; font-family:Arial,宋体; list-style:none; }

a img{
	border:0px;
}
#layout{
	margin:0px auto;
	width:784px;
}
#top{
	width:784px;
	height:auto;
	margin:0px auto;

}
#logo{
	width:221px;
	height:62px;
	text-align:right;
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#topright{
	width:563px;
	height:63px;
	text-align:right;
	float:left;
}
#topnav{
	padding-top:8px;
	font-size:12px;
	color:#939fbf;
}
#topnav a{
	color:#939fbf;
	text-decoration:none;
}
#topsearch{
	padding-top:8px;
}
.searcharea{
	width:180px;
	height:17px;
	border:1px solid #7f9db9;
	vertical-align:top;
}
.searchicon{
	margin-left:8px;
}
.menu {
	background:url(/images/menu_bg.jpg) repeat-x;
	clear:both;
	width:784px;
	position:relative;
	margin:0px;
	height:32px;
	z-index: 10000;
}
.menu ul li {
	float:left;
	position:relative;
	font-size:12px;
	border-right:1px solid #fff;
	list-style:none;
	width:130px;
	background-image: url(menu_bg.jpg);
	background-repeat: repeat-x;
}
.menu ul li a{
display:block; 
text-decoration:none; 
height:32px; 
color:#ffffff; 
line-height:30px;
float:left;
text-align:center;
width:100%;
}
.menu ul li.wheretobuy{border-right:0; width:129px;}
.menu ul li.wheretobuy a{/*padding-right:25px; _padding-right:20px;*/}

.menu ul li a:hover,.menu ul .current a{
color:#ffffff;
background:url(/images/menu_bg_hover.jpg) repeat-x;
}
.menu ul li ul {display: none;
font-size:11px; }
.menu ul li ul li{border-right:0px;
font-size:11px;}
/* specific to non IE browsers */
.menu ul li:hover a {
text-decoration:none; 
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:32px; left:0; 
width:190px; 
border:1px solid #8c867b;
background-color:#fff;
}
.menu ul li:hover ul li {
display:block; 
background:#eeeeee; 
color:#464646; 
width:190px; 
clear:both; 
margin-bottom:1px;
}
.menu ul li:hover ul li a,.menu ul .current:hover ul li a{display:block; color:#464646; padding-left:10px; padding-right:0px; width:180px; height:20px; line-height:20px; background:#eee; text-align:left;}
.menu ul li:hover ul li.icon a {background:#eeeeee; color:#464646; background:url(/images/nav_icon.gif) no-repeat right center;}
.menu ul li:hover ul li a:hover {background:#fff; color:#464646;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li.icon:hover a{background:url(/images/nav_icon.gif) no-repeat right center; background-color:#fff;color:#464646;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:190px; top:0;}
.menu ul li:hover ul li.icon:hover ul li a {background:#eeeeee; color:#464646;}
.menu ul li:hover ul li:hover ul li a:hover { background:#fff;}
.menu ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left {left:-190px; width:190px;}

#banner{
	width:784px;
	height:auto;
}

#smallmenu{
	width:782px;
	border:1px solid #bdc0c0;
	margin-bottom:12px;
}
.smam{
	width:184px;
	padding:10px 0px 10px 10px;
	float:left;
	
}
#smantit{
	height:19px;
	padding-left:24px;
	background:url(/images/icon_01.gif) no-repeat;
	line-height:18px;
}
#tree{
	width:150px;
}
.dashed{
	border-right:1px dashed #d7d7d7;
	}
#news{
	width:586px;
	float:left;
	margin-right:4px;
	margin-bottom:12px;
	}
#newstit{
	width:574px;
	height:25px;
	line-height:25px;
	padding-left:12px;
	background-image:url(/images/news_title.gif);
}
.floatright{
	float:right;
	vertical-align:bottom;
}
#newsarea{
	height:105px;
	border-left:1px solid #bdc0c0;
	border-right:1px solid #bdc0c0;
	width:584px;
}
#newsarea ul{
	padding:20px 20px 2px 20px;
	height:60px;
	overflow:hidden;
}
#newsarea ul li{
	list-style:none;
	line-height:20px;
}
#newsarea ul li a{
	clear:left;
	font-size:12px;
	margin-right:4px;
	text-decoration:none;
	color:#006b93;
	padding-left:16px;
	display:block;
	float:left;
	height:20px;
	background:url(/images/icon_02.gif) no-repeat 0px 3px;
}
#newsarea ul li div{
	line-height:17px;
	height:20px;
	float:left;
}
#newsbottom{
	width:586px;
	background-image:url(/images/news_bottom.gif);
	height:5px;
	line-height:0px;
	font-size:0px;
}
.areamore{
	clear:left;
	text-align:right;
	padding-right:20px;
	background:url(/images/more_icon.gif) no-repeat 520px 0px;
}
#quicklink,#events{
	float:left;
	width:194px;
}
#quicktit,#eventstit{
	width:170px;
	border-bottom:1px solid #c0c0c0;
	height:19px;
	padding-left:24px;
	background:url(/images/icon_01.gif) no-repeat;
	line-height:18px;
}
#quickarea,#eventsarea{
	width:194px;
}
#quickarea ul{
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#quickarea ul li{
	list-style:none;
	line-height:18px;
}
#quickarea ul li a{
	display:block;
	height:18px;
	background:url(/images/icon_02.gif) no-repeat 0px 4px;
	padding-left:14px;
	font-size:12px;
	color:#01669c;
	text-decoration: none;
}
#project{
	float:left;
	width:586px;
	float:left;
	margin-right:4px;
	}
#projecttit{
	width:574px;
	height:25px;
	line-height:25px;
	padding-left:12px;
	background-image:url(/images/artic_titile.gif);
}
#projectarea{
	width:584px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	background-color:#f7f7f7;
	height:170px;
}
#projectarea ul{
	padding:20px 20px 0px 20px;
}
#projectarea ul li{
	list-style:none;
	margin-bottom:10px;
}
#projectarea ul li a{
	display:block;
	height:18px;
	background:url(/images/icon_02.gif) no-repeat 0px 2px;
	padding-left:14px;
	font-size:12px;
	color:#01669c;
	text-decoration:none;
}
#projectarea ul li div{
	padding-left:14px;
}
#projectbottom{
	background-image:url(/images/artic_bottom.gif);
	height:5px;
	width:586px;
	line-height:0px;
	font-size:0px;
}
.eventslist{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.eventslist p{
	padding-top: 5px;

}

#fourad{
	clear:left;
	padding-top:12px;
	width:784px;
	height:60px;
}
#botlink{
	text-align:center;
	width:784px;
	margin-top:12px;
}
.botline{
	padding:0px 12px;
}
#botcopy{
	margin-top:6px;
	width:784px;
	height:40px;
	background:url(/images/bottom_bg.gif) repeat-x;
}
.botbg{
	float:left;
	width:12px;
	height:40px;
	}
#botcopyarea{
	padding:12px 10px 0px 10px;
	float:left;
	width:740px;
	height:38px;
}
#botlink2{
	float:right;
	}
#botlink2 a{
	padding-left:14px;
	margin-left:8px;
	background:url(/images/nav_icon.gif) no-repeat;
}
.clear{
	clear:both;
}
/***font***/
.nounderline,.nounderline a{text-decoration:none;}
.px10{font-size:10px;}
.px12{font-size:12px;}
.c7a7a7a,.c7a7a7a a{color:#7a7a7a;}
.c01669c,.c01669c a{color:#01669c;}
.c00adc5,.c00adc5 a{color:#00adc5;}
.ffffff,.ffffff a{color:#ffffff;}
.c595959,.c595959 a{color:#595959;}
.c006ba7,.c006ba7 a{color:#006ba7;}
.c8b8b8b,.c8b8b8b a{color:#8b8b8b;}
.bold{font-weight:bold;}
