*{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:#EFF0E2 url(./body_bg.jpg) left top repeat-x;}
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:998px;margin:0 auto; text-align:center;}
div.header{margin:0 auto; width:974px; height:261px;background:url(./head_bg.jpg) no-repeat;position:relative;}
div.titlewrap{overflow:hidden;}
div.title{position:absolute;top:25px;left:50px;}
div.title h1{
    font-family:"����";
	font-size:34px;
    font-weight:bolder;
    letter-spacing: 4px;
	line-height:140%;
    text-align:left;
    color:#FFF;
    width:800px;
}
div.title h1.f22{font-size:30px;}
div.logo{display:none;}
div.date{position:absolute;right:20px;top:190px;font:12px/160% '����';letter-spacing:1px;color:#FFF;}
div.date span{}
div.date strong{font-weight:normal;}

div.nav{height:39px;position:absolute;right:0;bottom:0;_bottom:-1px;}
div.nav ul{float:right; list-style:none;height:39px;}
div.nav ul li{float:left;background:url(./nav_bg.gif) no-repeat right top;cursor:pointer;height:39px;margin-left:0;padding:0 2px 0 0;}
.nav ul li.jshover{}
div.nav ul li a{float:left;font:13px/22px Arial;padding:0 0 0 16px;height:39px;line-height:33px;color:#FFF;font-weight:bold;}
div.nav ul li a:hover{background:url(./nav_a_hover_bg.jpg) repeat-x left top;}
div.nav ul li a span{float:left;padding:0 15px 0 0;line-height:39px;cursor:pointer;letter-spacing:1px;}
div.nav ul li a:hover span{}
div.neck{height:14px;}
div.bodyer{margin:8px auto 0 auto;text-align:center;width:998px;position:relative;background:url(./bodyer_bg.jpg) repeat-x left top;}
div.bodyerwrap{padding:0;}
div.leftwrap{float:left;width:242px;display:inline;margin:0 7px 0 0;padding-left:0;background:url(./leftwrap_bg.jpg) repeat-y left top;}

div.menuwrap{background:url(./menuwrap_bg.jpg) left bottom no-repeat;padding:0 0 20px 0;margin:0;height:auto;_height:200px;min-height:300px;}
#menu{margin:0 auto;background:url(./ulmenu_bg.jpg) no-repeat left top;padding:7px 0 0 0;}
#menu li{text-align:left;padding:1px 1px 1px 0;margin:0 13px;}
#menu li ul{display:none;}
#menu li a{display:block;color:#666;font-size:14px;text-decoration:none;line-height:34px;background:#FFF url(./menu-li-a-span.gif) no-repeat 33px 12px;padding:0 0 0 50px;}
#menu li a:hover{background:#E4E5D7 url(./nav-open-back.gif) no-repeat 33px 12px;}
#menu li a:hover span{color:#666;}
#menu li a span{letter-spacing:1px;font-weight:bold;}
#menu li a.open{background:#E4E5D7 url(./nav-open-back.gif) no-repeat 33px 12px;}
#menu li ul li{padding:1px 1px 0 0;zoom:1;margin:0;}
#menu li ul li a{background:#F0F1E4 url(./menu-lil-a-span.gif) no-repeat 40px 12px;line-height:29px;}
#menu li ul li a span{padding:0;font-size:12px;}
#menu li ul li a:hover{background:#9C0008 url(./menu-lil-ah-span.gif) no-repeat 40px 12px;}
#menu li ul li a:hover span{color:#FFF;}
#menu li ul li a.cur{background:#9C0008 url(./menu-lil-ah-span.gif) no-repeat 40px 12px;}
#menu li ul li a.cur span{color:#FFF;}

div.rightwrap{float:left;width:737px;padding:0;}

div.footer{width:974px;height:42px;text-align:center;letter-spacing:1px;line-height:42px;margin:10px auto 0 auto;background:#9C0008;color:#FFF;}
div.footer a{text-decoration:none;color:#FFF;font-size:12px;}
div.footer a:hover{text-decoration:underline;color:#FF0;}

div.login{position:absolute;width:218px;height:140px;top:-187px;left:12px;background:#E4E4D8;}
div.login h3{width:219px;height:28px;text-align:center;background:url(./login_h3_bg.gif) no-repeat left top;}
div.login h3 span{font-size:14px;color:#FFF;letter-spacing:1px;line-height:28px;}
div.login div.form{margin:15px 0 0 25px;}
div.login div.form div{font:12px/160% Arial;color:#000;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 #999;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.gif) no-repeat left top;border:none;color:#000;float:right;display:inline;margin:0 29px 0 0;width:54px;height:21px;cursor:pointer;text-indent:-99999px;overflow:hidden;}
div.login .loginsuccess{text-align:center;font:12px/160% Arial;color:#000;padding-top:35px;}
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:535px;text-align:left;float:left;padding:7px 0 0 0;display:inline;margin:0 18px 0 0;}
div.sidebar{float:left;width:184px;text-align:left;padding:7px 0 0 0;}

div.coursecomm{margin:0;border:1px solid #CCC;border-top:4px solid #9C0008;background:#FFF;padding:6px 18px 0 18px;}
div.coursecomm h3{background:url(./title-back.gif) no-repeat 10px 11px;height:36px;border-bottom:2px solid #CCC;}
div.coursecomm h3 span{font:14px "����";color:#666;margin-left:32px;float:left;display:inline;line-height:36px;font-weight:bold;letter-spacing:1px;}
div.coursecomm p{font:12px/200% Arial;letter-spacing:1px;color:#666666;padding:13px 20px 20px 20px;text-indent:26px;}

div.notify{margin:8px 0 0 0;border:1px solid #CCC;border-top:4px solid #9C0008;background:#FFF;padding:6px 18px 20px 18px;}
div.notify h3{background:url(./title-back.gif) no-repeat 10px 11px;height:36px;border-bottom:2px solid #CCC;margin:0 18px;}
div.notify h3 span{font:14px "����";color:#666;margin-left:32px;float:left;display:inline;line-height:36px;font-weight:bold;letter-spacing:1px;}
div.notify ul{padding:11px 18px 0;}
div.notify ul li{padding-left:23px;border-bottom:1px dashed #999999;color:#666666;line-height:32px;background:url(./menu-li-a2-span.gif) no-repeat 13px 13px;}
div.notify ul li.hover{background:#F4F4F2 url(./menu-li-a2-span.gif) no-repeat 13px 13px;color:#870006;}
div.notify ul li a{text-decoration:none;color:#666666;}
div.notify ul li a:hover{color:#996600;text-decoration:underline;}


div.courseInfo,div.tutor{padding-bottom:20px;border:1px solid #CCC;background:#FFF;}
div.courseInfo h3,div.tutor h3 {text-align:center;height:33px;background:url(./right_h3_bg.jpg) repeat-x left top;}
div.courseInfo h3 span,div.tutor h3 span{font-size:14px;color:#FFF;letter-spacing:1px;font-weight:bold;line-height:33px;}
div.courseInfo dl,div.tutor dl{clear:both;width:176px;margin:10px auto 0;}
div.courseInfo dt,div.tutor dt{font:12px/200% Arial;color:#000;float:left;padding:0 0 0 8px;}
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 0 0 0;}

div.copyright{}