*{margin:0;padding:0;}
body,html{text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
ul{margin:0;padding:0;list-style:none;}
a{text-decoration:none;color:#000;}
img{border:none;}
table{padding:0;margin:0;width:100%;}
form{padding:0;margin:0;}
body{background:#FFF;}
a{text-decoration:none;}
table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align:left;
}
li{list-style:none;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#frame{display:none;}
#mainFrame{width:100%;background:transparent;overflow:hidden;margin:0 auto;min-height:500px;_height:500px;}

div.wrap{width:1000px;margin:0 auto; text-align:center;background:#3A3B3E;}
div.header{margin:0 auto; width:1000px; height:133px;background:url(./head_bg.jpg) no-repeat;position:relative;}
div.titlewrap{overflow:hidden;}
div.title{position:absolute;top:29px;left:16px;}
div.title h1{
    font-family:"����";
	font-size:34px;
    letter-spacing: 4px;
	line-height:140%;
    text-align:left;
    color:#FFF;
    width:740px;
}
div.title h1.f22{font-size:28px;}
div.logo{display:none;}
div.date{position:absolute;right:24px;top:73px;font:12px/160% '����';letter-spacing:1px;color:#FFF;}
div.date span{}
div.date strong{font-weight:normal;}

div.nav{height:37px;position:absolute;top:96px;right:0;background:url(./nav_bg.jpg) repeat-x left top;width:1000px;}
div.nav ul{float:right; list-style:none;height:37px;}
div.nav ul li{float:left;background:url(./nav_li_bg.gif) no-repeat left 2px;margin:0 0 0 5px;cursor:pointer;}
div.nav ul li a{float:left;background:url(./nav_bg.jpg) no-repeat left top;font:12px/22px Arial;letter-spacing:2px;padding:0 0 0 16px;height:37px;color:#FFF;}
div.nav ul li a:hover{}
div.nav ul li a span{float:left;padding:0 15px 0 0;font-weight:bold;line-height:37px;cursor:pointer;}
div.neck{height:14px;}
div.bodyer{margin:0 auto;text-align:center;width:1000px;position:relative;}
div.bodyerwrap{padding:0 0 2px 0;}
div.leftwrap{float:left;width:217px;display:inline;margin:0 5px 0 0;}

div.menuwrap{background:#D0E3E7 url(./menuwrap_bg.jpg) no-repeat left bottom;margin:5px 0 0 0;height:auto;_height:260px;min-height:260px;}
#menu{margin:0 auto;background:url(./menu_bg.jpg) no-repeat left top;padding:20px 0 0 0;}
#menu li{text-align:left;line-height:37px;}
#menu li ul{display:none;}
#menu li a{display:block;font-size:14px;text-decoration:none;line-height:37px;background:url(./menu-li-a.jpg) no-repeat left top;padding:0 0 0 45px;}
#menu li a:hover{background:url(./nav-open-back.jpg) no-repeat 1px 1px;}
#menu li a:hover span , #menu li a.open span{color:#FFF;}
#menu li a span{letter-spacing:1px;font-weight:bold;color:#21445D;}
#menu li a.open{background:url(./nav-open-back.jpg) no-repeat 1px 1px;}
#menu li ul{background:#E1EECA;border-top:1px solid #FFF;border-bottom:1px solid #FFF;}
#menu li ul li{background:none;zoom:1;}
#menu li ul li a{background:url(./menu-li-a-span.gif) no-repeat 46px 15px;padding:0 0 0 60px;}
#menu li ul li a span{padding:0;font-size:12px;color:#789942;font-weight:normal;}
#menu li ul li a:hover{background:#C6DE99 url(./menu-li-a-span-hover.gif) no-repeat 46px 15px;}
#menu li ul li a:hover span{font-weight:bold;color:#789942;}
#menu li ul li a.cur{background:#C6DE99 url(./menu-li-a-span-hover.gif) no-repeat 46px 15px;}
#menu li ul li a.cur span{font-weight:bold;color:#789942;}

div.rightwrap{float:left;width:778px;padding:0;background:#FFF url(./rightwrap_bg.jpg) no-repeat left bottom;}
div.rightwrap .body{background:url(./rightwrap_body_bg.jpg) no-repeat left top;border-right:1px solid #CCC;}

div.footer{height:40px;text-align:center;letter-spacing:2px;color:#FFF;line-height:40px;}
div.footer a{text-decoration:none;color:#FFF;font-size:12px;}
div.footer a:hover{text-decoration:underline;}

div.login{width:217px;background:#D0E3E7 url(./login_bg.jpg) no-repeat left bottom;}
div.login h3{width:217px;overflow:hidden;zoom:1;height:33px;line-height:33px;background:url(./login_h3.jpg) no-repeat left top;text-align:center;}
div.login h3 span{font-size:14px;color:#FFF;letter-spacing:1px;}
div.login div.form{margin:12px 10px 0 29px;}
div.login div.form div{font:12px/160% Arial;color:#21445D;text-align:left;line-height:26px;padding:0 0 6px 0;*padding:0 0 4px 0;}
div.login label{float:left;width:40px;*padding-top:3px;}
div.login input.input{border:1px solid #A0C8CC;background:#FFF;width:124px;height:26px;line-height:26px;font-size:14px;}
div.login div.button{text-align:center;padding:0 0 15px 0;}
div.login div.button a:hover{text-decoration:underline;}
div.login input.submit{background:url(./loginbuttom.jpg) no-repeat left top;border:none;color:#000;display:block;width:63px;height:26px;cursor:pointer;text-indent:-99999px;display:inline;margin:0 0 0 110px;overflow:hidden;}
div.login .loginsuccess{text-align:center;font:12px/160% Arial;color:#000;padding:35px 0;}
div.login .loginsuccess span{}
div.login a.login{color:#000;}
div.login a.logout{color:#000;}

#main{text-align:center;overflow:hidden;zoom:1;margin:0 auto;}
div.content{float:left;width:565px;text-align:left;float:left;border-right:1px solid #CCC;}
div.sidebar{float:left;width:211px;text-align:left;padding:20px 0;background:#D0E3E7 url(./sidebar_bg.jpg) no-repeat left top;}

div.coursecomm{padding:21px 14px 20px 14px;}
div.coursecomm h3{background:url(./title-back.gif) no-repeat 10px 7px;height:30px;border-bottom:1px solid #4B8299;}
div.coursecomm h3 span{font:14px "����";color:#236167;margin-left:33px;float:left;display:inline;line-height:30px;font-weight:bold;letter-spacing:1px;}
div.coursecomm p{font:12px/200% Arial;letter-spacing:1px;color:#666666;padding:20px 0 0 23px;text-indent:26px;}

div.notify{padding:0 16px 20px 14px;}
div.notify h3{background:url(./title-back.gif) no-repeat 10px 7px;height:30px;border-bottom:1px solid #4B8299;}
div.notify h3 span{font:14px "����";color:#236167;margin-left:33px;float:left;display:inline;line-height:30px;font-weight:bold;letter-spacing:1px;}
div.notify ul{padding:11px 8px 0;}
div.notify ul li{padding-left:23px;border-bottom:1px dashed #999999;color:#666666;line-height:32px;background:url(./menu-li-a-span.gif) no-repeat 13px 13px;}
div.notify ul li a{text-decoration:none;color:#666666;}
div.notify ul li.hover{color:#21AAB1;background:#EBF3F5 url(./menu-li-a-span-h.gif) no-repeat 13px 13px;}
div.notify ul li a:hover{color:#996600;text-decoration:underline;}


div.courseInfo,div.tutor{margin:0 10px;background:#F8F8F8 url(./tutor_bg.jpg) repeat-y left top;}
div.courseInfo h3,div.tutor h3 {text-align:left;text-indent:30px;background:url(./tutor_he_bg.jpg) no-repeat left top;}
div.courseInfo h3 span,div.tutor h3 span{font-size:14px;color:#236167;letter-spacing:1px;display:block;line-height:34px;}
div.courseInfo dl,div.tutor dl{clear:both;margin:10px auto 0;padding:0 15px;background:url(./right-teacher-back.jpg) no-repeat left bottom;height:auto;min-height:150px;_height:150px;}
div.courseInfo dt,div.tutor dt{font:12px/200% Arial;color:#000;float:left;padding:0;}
div.courseInfo dd,div.tutor dd{font:12px/200% Arial;color:#000;}
div.tutor dl,div.courseInfo dl{padding-top:5px;}
div.tutor dl dt; div.courseInfo dl dt{padding-left:20px;}
div.courseInfo{margin:10px 10px 0 10px;}
div.courseInfo dl{background:url(./right-teacher-back1.jpg) no-repeat left bottom;}



div.copyright{}