﻿*{
	margin:0px;
	padding:0px;
}
body{
	background:#76BEFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	height:100%;
}
a{
	text-decoration:none;
}
label{
	font-weight:bold;
	height:20px;
	line-height:20px}
.box1{
	background:#0063DB;
	border-left:#7DBAFD solid 1px;
	border-top:#7DBAFD solid 1px;
	border-right:#2855A8 solid 1px;
	border-bottom:#2855A8 solid 1px;
	color:#fff;
	font-weight:500;
	height:16px;
}
.box2{
	width:100px;
	background:#fff;
	height:18px;
	border:1px solid #7D7D7D;
	margin-left:5px;
	}
.box3{
	border:1px #D3D0C7 solid;
	border-top:1px #404040 solid;
	border-left:1px #404040 solid;
	margin:5px;}
#wrapper{
	width:760px;
	margin:0 auto;
	padding:0px;
	background:#fff;
	text-align:left;
	height:100%;
}
/**top**/
#top-login-area{
	width:760px;
	height:33px;
	color:#999;
}
.top-login-area-left{
	background:url(../images/top-left.gif);
	height:33px;
	width:10px;
	float:left;
}
.top-login-area-body{
	background:url(../images/top-body.gif);
	height:33px;
	width:740px;
	float:left;
}
.top-login-area-right{
	background:url(../images/top-right.gif);
	height:33px;
	width:10px;
	float:right;
}
#hblogin{
	width:490px;
	float:left;
	padding-top:5px;
}
#top-login-area a:link,#top-login-area a:active,#top-login-area a:visited{
	color:#999;
}
#top-login-area a:hover{
	color:red;
}
#hblogin .input{
	width:85px;
	height:16px;
	border:1px solid #999;
	background:#fff;
}
.hbpermit{
	font-size:12px;
	color:#f33;
	font-weight:bold;
}
#hbmember{
	width:150px;
	float:right;
	line-height:33px;
	height:33px;
}
#bigbanner{
	width:760px;
	height:143px;
	clear:both;
}
#bigbanner2{
	background:url(../images/bigbanner2.jpg);
	width:758px;
	height:117px;
	margin:0 auto;
	clear:both;
}
.backtohome{
	width:90px;
	float:right;
	margin-top:15px
}
.clr{
	clear:both;}
	
#navigation-search{
	border-top:2px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:2px solid #FD5B84;
	}
.navigation-search{
	background:#0AC;
	border-bottom:1px solid #fff;
	height:28px;
	line-height:28px;
	}
.navigation{
	color:#fff;
	font-size:14px;
	width:520px;
	float:left;
	margin-left:5px;
	}
.navigation a{
	color:#fff;
	font-size:14px;
	}
.navigation a:hover{
	color:#fff;
	text-decoration:underline;
	}
.search{
	width:210px;
	float:right;
	}
/**footer**/
#footer{
	clear:both;
	width:760px;
	margin:0 auto;
	padding-top:10px;
	text-align:center;
	color:#fff;
}
#footer .red{
	color:red;
	text-decoration:underline;
}
#footer p{
	height:30px;
	line-height:30px;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color:#F33;
	text-decoration:underline;}
/**main**/
#main{
	height:100%;}
/**leftbar**/
#leftbar{
	width:194px;
	background:url(../images/leftbarbg.gif);
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	float:left;
	}
.leftbar{
	width:184px;
	margin:0 auto;
	border-bottom:1px solid #fff;}
#sitelogin{
	}
.sitelogintitle{}
.sitelogin_left{
	background:url(../images/left_title_1.gif);
	width:31px;
	height:27px;
	float:left;
}
.siteloginarea{
	width:150px;
	margin:0 auto;
	padding-top:5px;
	margin-bottom:5px;
	}
.title_right{
	background:url(../images/left_title_right.gif);
	width:6px;
	height:27px;
	float:right;
}
.title_body{
	background:url(../images/left_title_body.gif);
	width:142px;
	padding-left:5px;
	text-align:left;
	color:#fff;
	height:27px;
	float:left;
	line-height:27px;
	font-size:14px;
}
#org{}
#org ul{
	font-size:14px;
	margin-left:20px;
	clear:both;
	padding-top:10px;
	}
#org li{
	line-height:150%;
	list-style:none;
	color:#333;
}
#org li a{
	color:#333;
}
#org li a:hover{
	color:red;
	text-decoration:underline;}
.orgtitle{}
.orgtitle_left{
	background:url(../images/left_title_2.gif);
	width:31px;
	height:27px;
	float:left;
	}
#school{}
#school ul{
	font-size:14px;
	margin-left:20px;
	clear:both;
	padding-top:10px;
	margin-bottom:10px;
	}
#school li{
	line-height:120%;
	list-style:none;
	color:#333;
}
#school li a{
	color:#333;
}
#school li a:hover{
	color:red;
	text-decoration:underline;}
.school{}
.schooltitle_left{
	background:url(../images/left_title_3.gif);
	width:31px;
	height:27px;
	float:left;}
#sign_up{}
#sign_up ul{
	font-size:14px;
	margin-left:20px;
	clear:both;
	padding-top:10px;
	margin-bottom:10px;
	}
#sign_up li{
	line-height:120%;
	list-style:none;
	color:#333;
}
#sign_up li a{
	color:#333;
}
#sign_up li a:hover{
	color:red;
	text-decoration:underline;}
.sign_up{}
.sign_uptitle_left{
	background:url(../images/left_title_4.gif);
	width:31px;
	height:27px;
	float:left;}
.leftbarbottom{
	background:url(../images/leftbarbottom.gif) bottom no-repeat;
	height:10px;
	}
/**content**/
.content{
	width:562px;
	float:right;
	border-left:1px #BDCCD6 solid;
	border-top:1px solid #fff;
}
.content h1{
	background:url(../images/img1.gif);
	height:32px;
	line-height:32px;
	font-size:12px;
	padding-left:25px;
	font-weight:normal;
	width:125px;
	margin:0 auto;}
.content p{
	margin-top:2px;}
.middle{
	width:359px;
	float:left;
	border:1px solid #fff;
	}
.midtitle{
	background:url(../images/titlebg.gif);
	height:23px;
	color:#258294;
	padding-top:5px;
	padding-left:10px;
	}
.titlev{
	width:200px;
	font-size:14px;
	font-weighT:normal;
	float:left}
.more{
	width:60px;
	float:right;}

.rightbar{
	width:200px;
	background:#F0F5F9;
	float:right;
	border-right:1px solid #fff;
}
.listarea{
	background:#fff;}
.middle ul{
	clear:both;
	margin:10px;}
.middle li{
	list-style:url(../images/icon2.gif) inside;
	height:18px;
	line-height:18px;
	width:320px;
	overflow:hidden;
	text-overflow:ellipsis;
	}
.middle li a{
	color:#040404;
}
.middle li a:hover{
	color:red;}
.banner{
	padding:2px 1px 1px 1px;
	border:1px solid #42B7C9;
	clear:both;}
.teacherblog{
	background:url(../images/rightbagtitlebg.gif);
	height:21px;
	padding-top:6px;
	padding-left:12px;
	font-size:14px;
	color:#fff;}
.bbs{
	background:url(../images/bbsbg.gif);
	height:22px;
	padding-top:6px;
	font-size:14px;
	padding-left:12px;
	color:#fff;}
.rightbarmain{
	width:171px;
	margin:0 auto;
	background:#fff;
	color:#333;
}
.rightbarmain a{
	color:#333;
}
.rightbarmain a:hover{
	color:#099;}
.rightbarmainbottom{
	background:url(../images/rightbottom.gif) no-repeat top ;
	height:6px;
	margin:0 auto;
	width:171px;}
.righttextarea{
	width:140px;
	margin:0 auto;}
.gra{
	color:#5d5d5d;
	line-height:150%}
.rightbarmain ul{
	margin:2px;
	}
.rightbarmain li{
	list-style:url(../images/icon6.gif) inside;
	padding-left:5px;
	font-size:12px;
	color:#666;
	height:18px;
	line-height:18px;
	}
.lineline{
	background:url(../images/line2.gif);
	height:10px;
	display:block;
	clear:both;
	}
