*{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:url(./bodybackground.jpg) left top repeat-x;


}
a{text-decoration:underline;}
a:hover{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:100%;margin:0 auto; text-align:center;}
div.header{margin:0 auto; width:982px; height:160px;background:url(./header-bck.jpg) no-repeat;position:relative;}
div.titlewrap{padding-top:20px;padding-left:50px;float:left;}
div.titlewrap h1.f22{font-family:"ºÚÌå";font-size:28px;font-weight:bold;letter-spacing:2px;color:#fff;}
div.titlewrap h1 {
color:#FFFFFF;
font-family:"ºÚÌå";
font-size:32px;
font-weight:bold;
letter-spacing:4px;
}
#date{color:#CCB8CF;position:absolute;top:95px;left:254px;}
div.nav{float:right;letter-spacing:2px;padding-top:130px;padding-right:30px;}
#tmenu{height:21px;width:270px;text-align:right;}
#tmenu li{  display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;line-height:21px;}
#tmenu li a{ padding-left:5px;font-size:14px;font-weight:bold;  color:#fff;text-decoration:none;background:url(./menu_a.gif) no-repeat right center;padding-right:10px;}
#tmenu li a:hover{color:#FFCC00;}

div.neck{}

div.bodyer{background:#fff; margin:0 auto; text-align:center;width:983px;}
div.bodyerwrap{padding-left:0px;}
div.leftwrap{float:left;width:231px;padding-left:0px;background:url(./navbackground.gif) repeat-y;}

div.menuwrap{background:url(./nav-back-bottom.gif) left bottom no-repeat;padding:20px 0 20px 0;margin:0;}
#menu{margin:0 auto;}
#menu li{text-align:left;padding:5px 0;background:url(menu_li.jpg) no-repeat left bottom;margin:0 25px;}
#menu li ul{display:none;}
#menu li a{display:block;color:#4E1E4D;font-size:14px;text-decoration:none;line-height:29px;background:url(./menu-li-a-span.gif) no-repeat 20px 11px;}
#menu li a:hover{background:url(./nav-open-back.jpg) no-repeat 1px 1px;}
#menu li a:hover span{color:#FFF;}
#menu li a span{letter-spacing:1px;padding-left:35px;}
#menu li a.open{background:url(./nav-open-back.jpg) no-repeat 1px 1px;}
#menu li a.open span{color:#FFF;}
#menu li ul li{margin:0;background:none;padding:0 1px;zoom:1}
#menu li ul li a{background:url(./menu-li-a-span.gif) no-repeat 6px 10px;text-align:left;padding:0 0 0 20px;}
#menu li ul li a span{font-size:12px;padding:0;line-height:28px;}
#menu li ul li a:hover{background:url(./menu-li-a-span.gif) no-repeat 6px 10px;}
#menu li ul li a:hover span{color:#F60;}
#menu li ul li a.cur span{color:#F60;}

div.rightwrap{float:left;width:752px;}

div.footer{height:62px;background:url(./footback.jpg);text-align:center;color:#fff;letter-spacing:2px;line-height:43px;}
div.footer a{text-decoration:none;color:#fff;}
div.footer a:hover{text-decoration:underline;}

div.login{padding-left:0px; width:231px; height:185px;  background:url(./loginbackground.jpg) no-repeat left top;}
div.login h3{width:210px;color:#157984;  padding-top:35px; padding-bottom:0px;}

div.login h3{padding-top:26px;overflow:hidden;zoom:1;}
div.login h3 span{float:left;padding-left:17px;font-size:14px;color:#157984;display:inline;margin:0 0 0 15px;letter-spacing:1px;}
div.login div.form{margin:20px 30px 0 30px;}
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.jpg) no-repeat left top;border:none;color:#000;display:block;width:70px;height:27px;cursor:pointer;text-indent:99999px;margin:0 auto;}
div.login .loginsuccess{text-align:center;font:12px/160% Arial;color:#000;padding-top:44px;}
div.login .loginsuccess span{}
div.login a.login{color:#000;}
div.login a.logout{color:#000;}

#main{text-align:center;overflow:hidden;_position:relative;width:752px;}
div.content{float:left;width:520px;_width:500px; text-align:left;display:block;}
div.sidebar{float:right;width:218px;_width:200px;text-align:left;padding-left:7px;_padding-left:0px;margin-top:33px;background:url(./sidebarleft.gif) left top no-repeat;display:block;_position:absolute;_top:0px;_right:0px;}

div.coursecomm{margin:21px 15px 0 15px;}
div.coursecomm h3{margin:0 auto;height:38px;line-height:38px;border-bottom:3px solid #A69CB8;}
div.coursecomm h3 span{float:left;line-height:38px;padding:0 20px 0 35px;background:url(./notify_h3_span.bg.jpg) no-repeat 12px 12px;border-bottom:3px solid #5E4D77;}
div.coursecomm p{font:12px/200% Arial;letter-spacing:1px;color:#666666;padding:20px 0 0 23px;text-indent:26px;}

div.notify{margin:21px 15px 0 15px;}
div.notify h3{margin:0 auto;height:38px;line-height:38px;border-bottom:3px solid #A69CB8;}
div.notify h3 span{float:left;line-height:38px;padding:0 20px 0 35px;background:url(./notify_h3_span.bg.jpg) no-repeat 12px 12px;border-bottom:3px solid #5E4D77;}
div.notify ul{padding:11px 8px 0;}
div.notify ul li{padding:9px 0;background:url(./notice-list-li.gif) no-repeat 1px center;padding-left:23px;border-bottom:1px dashed #999999;color:#666666;}
div.notify ul li a{color:#000;text-decoration:none;color:#666666;}
div.notify ul li a:hover{color:#996600;text-decoration:underline;}


div.courseInfo,div.tutor{margin:0 21px;background:url(./right-teacher-back.jpg) no-repeat left top;text-align:center;padding:6px 0 0 0 ;*padding:1px 0 0 0;}
div.courseInfo h3,div.tutor h3 {display:inline;background:url(./h3_bg.gif) no-repeat left center;padding:0 0 0 10px;;}
div.courseInfo h3 span,div.tutor h3 span{background:url(./h3_bg.gif) no-repeat right center;font-size:14px;font-weight:bold;color:#FFF;letter-spacing:1px;padding:0 10px 0 0;}
div.courseInfo dt,div.tutor dt{font:12px/200% Arial;color:#000;float:left;background:url(./li-back.gif) no-repeat 1px 11px;padding:0 0 0 8px;}
div.courseInfo dd,div.tutor dd{font:12px/200% Arial;color:#000;}
div.tutor dl,div.courseInfo dl{margin:7px 0 0 0;background:url(./dl_bg.jpg) repeat-x left top;padding:15px;text-align:left;}
div.tutor dl dt; div.courseInfo dl dt{padding-left:20px; background:url(./li-back.gif) 10px 25px no-repeat;}


div.copyright{width:983px; background:url(./copyrightback.jpg);margin:0 auto;}