@charset "utf-8";
/* Index page CSS for CAS@home */
/* created by Lei.Yang 20111103*/



img{ border:none;}
.clear{ clear:both}
.input_70{ width:70px; height:20px;}
.input_120{ width:120px; height:20px;}
.border_blue{ border: 1px solid #6CF}


a{ color:#09F; text-decoration:none;}
a:hover{ text-decoration:underline;}


body{
	margin:0px;
	padding:0 15px;
	background:url(/header_bg.jpg) center top no-repeat #fff;
	font-size:15px;
	line-height:150%;
	font-family:"Trebuchet MS", "Helvetica","微软雅黑", "黑体";
}

body#main {
	background:url(../images/body_bg.jpg) center top no-repeat #fff!important;
}
*body{background:url(/header_bg.jpg) center top no-repeat #fff!important;}
#top{
	height:115px;
}
#top #top_nav{
	margin:0px auto;
	width:960px;
	height:110px;
	padding-top:5px;
	position: relative;
}
.logo{
	width:280px;
	float:left;
	height:65px;
	margin-top: 10px;
}
.logo a{display:block; width:280px; height:65px;}
.search{
	height:30px;
	width:240px;
	float:right;
	padding-top:10px;
	text-align:right;
}
.language{
	height:20px;
	width:220px;
	float:right;
	clear:right;
	text-align:right;
	padding-top:5px;
}
.language select{ height:26px;}

#wrap{ width:960px; margin:0px auto; padding:0px; height:auto;}
#content{}
.top_banner{
	width:960px;
	height:305px;
	padding-top:18px;
	background:url(../images/banner_bg.jpg) no-repeat;
	text-align: center;
}
.flash_show{
	width:760px;
	height:290px;
	padding:0px;
	overflow:hidden;
	float:left;
}
.research{
	width:180px;
	height:240px;
	padding:2px;
	overflow:hidden;
	margin: 0px auto;
}

.banner_right{
	width:190px;
	height:290px;
	float:left;
	padding:0px;
	text-align:left;
	overflow: hidden;
}
.title{
	font-size:20px;
	font-family:"Trebuchet MS", "Helvetica";
	line-height:30px;
	height:120px;
	padding-left:5px;
}
.num{
	height:120px;
	padding:0;
	font-size: 22px;
	line-height:60px;
	text-align:center;
	font-family:"Trebuchet MS", "Helvetica", "Microsoft YaHei UI";
	background:url(../images/arrow.png) center no-repeat;
	font-weight: bolder;
}
		.ctd_btn{ text-align:center;}
	

.research a{ color:#000; line-height:18px;}
.research a img{ padding:2px; border:none;}
.research a:hover img{ padding:1px; border:1px #fff solid;}
.proj_pic{ float:left; margin:5px;}
.info{
	display:block;
	width:960px;
	min-height:800px;
	background:url(../images/c_bg.jpg) repeat-y;
}
.news{ width:540px; padding:0 20px; height:auto; float:left;}
.news h2{ margin-left:20px; padding:0px; background:url(../images/icons.jpg) 6px left no-repeat; font-weight:normal; line-height:120%; height:30px; text-indent:20px;}
.news .news_list{}
.news .news_list ul{ margin:10px auto; padding:10px; list-style:none; width:500px; display:block; border-bottom: dashed 1px #CCC;}
.news .news_list ul li:nth-child(3) { text-align:right;}
.c_right{
	width:368px;
	float:right;
}

span.news_date {
    color: rgb(100,100,100);
    font-size: 0.9em;
    float: right;
}

.uotd{
	width:358px;
	min-height:160px;
	overflow:hidden;
	padding:5px;
}
.uotd h2{ margin-left:20px; padding:0px; background:url(../images/icons.jpg) -25px left no-repeat; font-weight:normal; line-height:120%; height:30px; text-indent:20px;}
.uotd_pic{ width:64px; height:64px; padding:1px; border:1px solid #999; display:block; float:left; margin-left:20px;}
.uotd_name { display:block; float:left; font-weight:bold; margin:0px 5px;}
.uotd_info{ float:left; margin:5px;}
.social{
	width:368px;
	height:auto;
}
.fansite{ width:350px; min-height:300px; margin-top:15px; padding:0px 10px;}
.fansite ul{ list-style:none; padding:10px 10px 5px 5px;; margin:0px; display:block; clear:both;}
.fansite ul li { padding:10px 5px 10px 20px;; margin:0px; display:block; clear:both;}
.fansite a{ color:#000;}
.fansite a:hover{ color:#333; text-decoration:none;}
.fansite_icon{ border:none; padding:1px; float:none; margin-right:5px; display:block;}


.footer{ background:url(../images/bar.jpg) top center no-repeat; width:960px; height:80px; text-align:center; padding-top:10px; text-align:center; clear:both; margin:10px auto;}

/* drop-down menus for nav bar*/

.nav_bar{
	width:700px;
	height:26px;
	text-align:right;
	padding-top:5px;
	padding-left:0px;
	clear:both;
	float:left;
}
#nav, #nav ul {
	float:right;
	list-style: none;
	line-height: 22px;
	background: ;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#nav ul{ margin-left:-40px;}

#nav ul ul{
	border: solid 1px #CCCCCC;
	border-top: 0px;
	border-right: 0px;
}

#nav a {
	font-size:14px!important;
	height:26px;
	line-height:26px;
	display: block;
	width: 110px;
	color: #000;
	text-decoration: none;
	text-align: center;
	text-shadow:#666;
}

#nav a:hover{
	color: #0066CC;
}

#nav a.selected{
	background:;
}

#nav li {
	float: left;
	width: 100px;
}

#nav li ul {
	position: absolute;
	left: -999px;
	width: 150px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border-bottom:solid 1px #9ff;
}

#nav li li {
	width: 120px;
}

#nav li ul a {
	width: 120px;/*--..... for ie5.x--*/
	w\idth: 126px;/*--..... for ie6.0 FF NS OPERA--*/
	padding: 0px 12px;
	line-height: 30px;
	border-top: solid 1px #9ff;
	text-align: left;
	background:#dff;
	font-size:12px!important;
	
}

#nav li ul a:hover{ background:#fff;}

#nav li ul ul {
	margin: -20px 0 0 149px;
}

#nav li:hover ul ul,#nav li.sfhover ul ul{
	left: -999px;
	*magin-left:-200px;
}

#nav li:hover ul, #nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
	left: auto;
	*margin-left:-100px;
}

#nav li:hover, #nav li.sfhover {
	background: #fff;
	*magin-left:-200px;
}
/*--------------2012-5-10-----------------*/
.stats_chart_btn{}
.stats_chart_btn ul{ list-style:none; padding:0px; margin:0px;}
.stats_chart_btn ul li{ width:100px; height:24px; line-height:24px; text-align:center; cursor:pointer; float:left; margin:0px 3px; padding:0px; border-bottom:2px solid #cee;  border-right:2px solid #cee;  border-top:1px solid #dff;  border-left:1px solid #dff;}
.stats_chart_btn ul li:hover{ background:#dFF;color:#000!important;}

/*---------------20120511--------------*/
.proj_info_box{ padding-top:10px; padding-bottom:80px; font-size:16px; line-height:28px; display:block; clear:both; float:none; padding-bottom:100px/9;}
.proj_info_box td{ height:40px\9;}
.proj_info_box a{ font-size:16px; border-bottom:dashed 1px; line-height:28px;}

/*------------------20120531------------------*/
a.intro_btn:link{background:url("../images/intro_bg.jpg") bottom no-repeat; display:block; height:200px; width:160px; font-size:26px; line-height:30px; text-decoration:none; font-weight:bold; padding-top:40px; padding-left:20px;}
a.intro_btn:hover{background:url("../images/intro_bg_hover.jpg") bottom no-repeat; color:#09F;}



/*------2012-4-18 copy form main.css!!!!2012-6-7 */
#wrap{ width:960px!important; margin:0px auto; padding:0px!important; min-height:1000px!important;background:url(../images/c_bg.jpg) center repeat-y}

.navigator{float:left; width:170px; min-height:250px; background:url(../images/v_bar.jpg) right no-repeat; padding:10px;}
.navigator h2{ background:url(../images/icons.jpg) 10px -55px no-repeat;  padding:20px 10px 10px 50px; color:#000;}

#wrap .user_info{ display:block; width:100px; float:right; text-align:right;}
.detail{ width: 720px; padding:9px; float:right; min-height:600px;}
.detail p img{ padding:2px; border: solid 1px #0CF;}
.sidebar{float:left; width:170px; min-height:450px; padding:10px;}
a.y_btn { background:url(../images/btn_bg.jpg) center top no-repeat; width:155px; height:59px; display:block; font-size:18px; font-weight:bold; line-height:59px; color:#000!important; text-align:center;}
a.y_btn:hover{ color:#f00!important; text-decoration:none;}
.page_title {display:none!important;padding:0px!important; margin:0px!important;}