@charset "utf-8";
/* CSS Document */
/* Base Style */
html,body { margin:0; padding:0;}
body { background:url(../Images/footbg.jpg) left bottom repeat-x; color:#000; font-size:12px; font-family:Verdana,"宋体", sans-serif; text-align:center;}
div,form,ul,li,p,h1,h2,h3,h4,h5,h6,dd,dt,dl,table,td { margin:0;padding:0;}
td,p,li,select,input,textarea,div { font-size:12px;}
div { background:#FFF;}
h2 { font-size:14px;}
h3 { font-size:12px;}
img { border:0;}
input { border:#CDCED2 solid 1px; height:20px; voice-family:"\"}\""; voice-family:inherit; height:16px;}
html>input { height:16px;}
textarea { border:#CDCED2 solid 1px;}
select,input { vertical-align:middle;}
ul,li{ list-style-type:none; text-align:left;}
a:link {color: #000; text-decoration:none;}
a:visited {color: #000; text-decoration:none;}
a:hover { color:#f00; text-decoration:underline;}
a:active,a:focus {color: #f00;}
.cRed, a.cRed:link, a.cRed:visited{ color:#f00; }
.cBlue, a.cBlue:link, a.cBlue:visited{color:#00f;}
.cYello, a.cYello:link, a.cYello:visited{color:#ff0;}
.cWhite, a.cWhite:link, a.cWhite:visited{ color:#fff;}
.cBlack, a.cBlack:link, a.cBlack:visited{color:#333;}
.c369, a.c369:link, a.c369:visited{color:#369;}
.c039, a.c39:link, a.c39:visited{color:#039;}
.c060, a.c060:link, a.c060:visited{color:#060;}
a.cRed:hover, a.cBlue:hover, a.cWhite:hover, a.cBlack:hover, a.c060:hover {color: #EA4000;}
.clear { clear: both; font-size:1px; width:1px; height:0; visibility: hidden;}
.clearit { clear:both;}
.hidden { display: none;}
.show { display: block;}
.unLine ,.unLine a { text-decoration: none;}
.noBorder { border:none;}
.hand { cursor:pointer!important; cursor:hand;}
.fb { font-weight:bold;}
.left { float:left;}
.right { float:right;}
.al { text-align:left;}
.ac { text-align:center;}
.ar { text-align:right;}
.btn { width:60px; height:20px; line-height:20px; border:none; cursor:pointer;}
.btnok { background:url(../Images/btnok.gif) left top no-repeat;}
.btnreset { background:url(../Images/btnreset.gif) left top no-repeat;}
.btnsearch { background:url(../Images/btnsearch.gif) left top no-repeat;}
.btnview { background:url(../Images/btnview.gif) left top no-repeat;}
.ln130 { line-height:130%;}
.ln150 { line-height:150%;}
.pt15 { padding-top:15px;}
/* Global Style */
.bigc { background:url(../Images/topbg.jpg) left top repeat-x;}
.topc,.nav,.banner,.cnt { width:960px; margin:0 auto; text-align:left;}
.topc { height:150px; background:#FFF url(../Images/headbg.jpg) left top no-repeat;}
.nav { height:38px; background:#009440 url(../Images/navbgn.gif) repeat-x;}
.nav a:link,.nav a:visited,.nav a:active { color:#FFF; font-size:14px; font-weight:bold;}
.nav a:hover { color:#FF0; text-decoration:none;}
.nav a { display:block; float:left; height:38px; line-height:38px; padding-left:22px; padding-right:22px; background:url(../Images/mnubg.png) right center no-repeat!important; /* For FF,IE7+*/
_ background:url(../Images/menubg.gif) right center no-repeat; /* For IE5.5,IE6 */
}
.nav a.first { padding-left:50px;}
.nav a.last { background:none!important;}
.nav p { width:960px; height:38px; background:url(../Images/navbgrn.gif) right top no-repeat;}
.banner { width:960px; padding-top:1px;}
.cnt { padding:10px 0px;}
.page { width:747px; float:left; height:40px; line-height:40px; text-align:center;}
.foot { width:960px; margin:0 auto; border-top:#CDCED2 solid 1px; padding-top:10px; padding-bottom:15px; line-height:130%; text-align:center; background:url(../Images/footcbg.jpg) left bottom no-repeat;}

#scrollArea1{
width:100px;
position:relative;
float:left;
}

#scrollMenu1{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
}

#scrollArea2{
	position:relative;
	float:right;
	text-align:right;
	width:100px;
}

#scrollMenu2{
	width:100px;
	position:absolute;
	top:0px;
	left:0px;
	text-align:right;
}

#friends{
	width: 960px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	border-top:#cccccc solid 1px;
}

.Gray{
filter:Gray;

}

.unGray{
border:#339900 solid 1px;
}