body 
{
	text-align:center;
	line-height:130%;	
	font-size: 12px;
	margin: 0px auto;
	color: black;
	font-family: Tahoma, Arial;
	text-align:center;background-image: url( './Images/bg_1.gif' );
}
td{ font-size:12px;}
a{color:#4e4e4e; text-decoration:none;}
a:hover{color:Red; text-decoration:underline;}
#wrap{width:1000px; text-align:left; margin:0px auto; background-color:White;}

#top{float:left; width:100%;}
#top .color_left{ border-top:solid 4px #31a7b9; float:left; width:30%;}
#top .color_right{border-top:solid 4px #afafaf; float:left; width:70%;}

#header{clear:both; width:100%; float:left;}
#header #logo{height:44px;}
#header #logo #dc_logo{height:44px; float:left; width:178px;background-image: url( './Images/dc_logo.png' );background-repeat: no-repeat;}
#header #logo #ie_op{ float:right;}
#header #logo #ie_op ul{ float:right; margin:20px;}
#header #logo #ie_op ul li{ float:left; margin-left:5px; list-style-type:circle;  display:block; padding:2px;}
#header #logo #ie_op ul li:hover{ list-style-type:circle; background-image:none; }
#header #logo #ie_op ul a:hover{ color:blue; }
#header #pic{background-image: url( './Images/header_bg.png' ); background-repeat:repeat-x; height:108px; width:998px; border:solid 1px #e9e9e9; border-top-width:5px;}
#header #pic #dc_pic{background-image: url( './Images/header_pic.png' ); background-repeat:no-repeat; height:108px; width:998px;}

#login{ float:left; width:100%;	border-bottom:solid 1px #e9e9e9;background-image: url( './Images/bg_1.gif' ); }
#login #loginIfr{float:left;}
#login #warnInfo{float:right; color:Red; margin:8px;}


#login #warnInfo{ clear:both; float:right; padding:2px; background-color:Transparent;}
#login #login_table{clear:both; width:400px;}
#login #login_table td{padding:3px;}
#login #login_table td.btn{width:55px; text-align:left; background-image: url( './Images/login_btn_bg.png' ); background-repeat:no-repeat; background-position:right bottom;}

#mainer{clear:both;}
#mainer #sider{width:220px; float:left; line-height:150%;}
#mainer #sider .block{border:solid 1px #d6d6d6; padding:2px; margin-top:5px; margin-bottom:5px;}
#mainer #sider #cale{}
#mainer #sider #cale #semester
{
	width: 210px;
	height: 27px;
	background-image: url(  './Images/cale_semester.png' );
	background-repeat: no-repeat;
	color:White;
	display:none;
}
#mainer #sider img{border:none;}
#mainer #sider #cale #weeks{width:210px;}


#mainer #sider #dcNotice{}
#mainer #sider #dcNotice .title{
	width: 210px;
	height: 27px;
	background-image: url(  './Images/dcNotice_title.png' );
	background-repeat: no-repeat;
	color:White; font-weight:bold; text-align:center;padding-top:6px;}
#mainer #sider #dcNotice .title a{color:White; text-decoration:none; }
#mainer #sider #dcNotice .list{ background-color:#fffbb7;}

#mainer #sider #webList{}
#mainer #sider #webList .title{width:100%; height:23px; color:White; border-bottom:solid 1px white; font-weight:bold;background-image: url(  './Images/webList_title_bg.png' );}
#mainer #sider #webList .title ul{margin:0px; padding:0px;width:100%;height:23px;background-image: url(  './Images/webList_title_bg.png' ); background-repeat:no-repeat; background-position:right top;}
#mainer #sider #webList .title ul li
{
	float: left;
	display: block;
	width: 60px;
	height: 23px;
	background-image: url(    './Images/webList_title_a_hover.png' );
	background-repeat: no-repeat;
	padding-top:5px;
	text-align:center;
	margin-right:1px;
}
#mainer #sider #webList .title ul .on,li:hover
{
	cursor: hand;background-image: url(  './Images/webList_title_bg.png' );
	color:#333;
}

#mainer #sider #webList .list{ background-color:#efefef; padding:10px; padding-right:2px; line-height:200%;}
/*#mainer #sider #webList .list a{ text-decoration:underline;}
#mainer #sider #webList .list a:hover{ text-decoration:none;}
#mainer #sider #webList .list ul li{  list-style:none;list-style-image:url(  './Images/arrow_1.png' );}
#mainer #sider #webList .list ul li:hover{ background-color:White;}*/

#mainer #sider #webList2{}
#mainer #sider #webList2 .list{background-color:#e7fbfb; padding:8px; line-height:200%;}
#mainer #sider #webList2 a{color:#025e94;text-decoration:none; padding:2px 1px 2px 1px;}
#mainer #sider #webList2 a:hover{ background-color:#025e94; color:White; }


#mainer #container{float:right;  width:770px;}
#mainer #container a{color:#1f3a87; text-decoration:underline;}
#mainer #container a:hover{color:#ff0000;}
#mainer #container .time{color:#999999;}
#mainer #container .h_block{clear:both;float:left; width:768px; margin-top:5px; padding:1px;}
#mainer #container .block{ padding:1px; margin-top:10px; float:left; width:375px; display:inline; }
#mainer #container .block_r{ margin-left:10px;}
#mainer #container .block_1{border:solid 1px #d6d6d6;}
#mainer #container .block_2{border:solid 1px #ffce7a;}
#mainer #container .block_3{border:solid 1px #9ed62f;}
#mainer #container .block_1 .title{background-image: url(  './Images/block_title_bg_1.png' ); background-repeat:repeat-x; height:25px;}
#mainer #container .block_1 .title .pic
{
	background-image: url(   './Images/block_title_pic_1.png' );
	background-repeat: no-repeat;
	width: 20px;
	float: left;
	height: 25px;
	margin-left:10px;
	margin-top:5px;
}
#mainer #container .block_1 .title .text
{
	color: Black;
	float: left;
	font-weight:bold;
	margin-top:5px;
}
#mainer #container .block_1 .title .more{float:right; margin:5px;}

#mainer #container .block_2 .title{ background-color:#ffce7a; height:25px;}
#mainer #container .block_2 .title .pic{
	background-image: url(   './Images/block_title_pic_2.png' );
	background-repeat: no-repeat;
	width: 40px;
	float: left;
	height: 25px;
	margin-left:10px;
	margin-top:5px;}
#mainer #container .block_2 .title .text{color: Black;
	float: left;
	font-weight:bold;
	margin-top:5px;}
#mainer #container .block_2 .title .more{float:right; margin:5px;}
#mainer #container .block_3 .title{ background-color:#9ed62f; height:25px;}
#mainer #container .block_3 .title div{display:inline;}
#mainer #container .block_3 .title .pic{
	background-image: url(   './Images/block_title_pic_3.png' );
	background-repeat: no-repeat;
	width: 40px;
	float: left;
	height: 25px;
	margin-left:10px;
	margin-top:5px;}
#mainer #container .block_3 .title .text{color: Black;
	float: left;
	font-weight:bold;
	margin-top:5px;
	}
#mainer #container .block_3 .title .more{float:right; margin-top:5px; margin-right:5px; }

#mainer #container .h_block .h_title{float:left;background-image: url(  './Images/block_title_bg_1.png' ); background-repeat:repeat-x; height:25px;width:100%;}
#mainer #container .h_block .h_title .pic
{
	background-image: url(   './Images/block_title_pic_1.png' );
	background-repeat: no-repeat;
	width: 20px;
	float: left;
	height: 25px;
	margin-left:10px;
	margin-top:5px;
}
#mainer #container .h_block .h_title .text
{
	color: Black;
	float: left;
	font-weight:bold;
	margin-top:5px;
}
#mainer #container .h_block .h_title .more{float:right; margin:5px;}
#mainer #container .h_block .picNews{float:left;width:220px; margin:0px 15px;}
#mainer #container .h_block .list{float:left;  padding:0px; width:100%;}
#mainer #container .h_block .list_big{float:left;  padding:0px; width:90%;}






#footer{clear:both; margin-top:10px; background-color:White; border:solid 1px #afafaf;}
#footer div{ margin:1px; padding:10px; background-color:#d6d6d6;}









.tb{ border:solid 1px #9ad8f1; height:15px; font-size:12px; width:90px; background:#5ac0e7;color:#fff;}
.warn{color:Red; background-color:#ffffe1; border:solid 1px #666; padding:1px 3px; margin:2px;}
.sysName{ font-weight:bold; color:#ff3e40;}