*{margin:0;padding:0}
html,body{height:100%;background:#FFF;}

.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;}

#frame{display:none;}
/* End hide from IE-mac */

body{text-align:center;}
div.wrap{width:974px;margin:0 auto;}
div.header{background:url(./page4_header.jpg) left top no-repeat;position:relative;vertical-align:top;font-size:0;}
div.titlewrap{height:182px;overflow:hidden;}
div.title{text-align:left}
div.title h1{
    font-family:"����";
	font-size:42px;
    padding:40px 0 0 155px;
    letter-spacing: 4px;
    text-align:left;
    color:#FFFF99;
    width:600px;
	/*filter: Shadow(Color=#ffffff, Direction=85);*/
}
div.title h1.f22{font-size:32px;padding-top:45px;}
div.logo{display:none;}
div.date{position:absolute;right:42px;top:128px;font:12px/25px '����';letter-spacing:1px;color:#990000;}
div.date span{}
div.date strong{font-weight:normal;}
div.nav{height:22px;position:absolute;top:19px;right:18px;background:url(nav_left.jpg) no-repeat left top;padding-left:20px;}
div.nav ul{list-style:none;text-align:center;background:url(nav_right.jpg) no-repeat right top;padding-right:30px;}
div.nav ul li{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;;padding:0 5px;background:url(./nav_li.gif) no-repeat right center;}
div.nav ul li a{font:12px/160% Arial;letter-spacing:1px;color:#AFD5F3;text-decoration:none;}
div.nav ul li a:hover{color:#FFFFB5}
div.nav ul li a span{}
div.nav ul li a:hover span{}
div.neck{display:none;height:0px;}



/*_bottom*/
div.footer{background:url(./page4_foot.jpg) repeat-x;height:38px;border:1px solid #D3D3D3;}
div.copyright{text-align:center;}
div.copyright span{font:12px/38px Arial;color:#333333;letter-spacing:1px;}
div.copyright span a{font:12px/38px Arial;text-decoration:none;color:#333333;}
div.copyright span a:hover{}


/*_left*/
div.bodyer{clear:both;background:url(./bodyer_bg.jpg) left top repeat-y;}
div.bodyerwrap{}
div.leftwrap{float:left;width:205px;display:block;background:url(./page4_left_bg.jpg) left top repeat-y;}
div.menuwrap{padding-bottom:40px;padding-top:20px;background:url(./menuwrap_line.jpg) right bottom no-repeat;text-align:center;}
/*ul.menu{list-style:none;padding:35px 0 0 0;width:164px;margin:0 auto;background:url(./menu_ul.jpg) no-repeat;text-align:left;}*/
ul.menu{list-style:none;width:164px;margin:0 auto;text-align:left;}
ul.menu li{font-size:0;line-height:0;margin-bottom:4px;}
ul.menu li ul{display:none;}
ul.menu li a{blr:expression(this.onFocus=this.blur());background:url(menu_li.jpg) no-repeat;padding-left:8px;height:26px;font:14px/26px Arial;color:#fff;letter-spacing:1px;text-decoration:none;display:block;overflow:hidden;}
ul.menu li a span{background:url(menu_a_span.gif) no-repeat left 4px;padding-left:15px;}
ul.menu li a:hover,ul.menu li a.open{color:#FFCC00;}
ul.menu li a:hover span,ul.menu li a.open span{background:url(menu_a_hover_span.gif) no-repeat left 4px;}

ul.menu li ul{list-style:none;}
ul.menu li ul li{background:url(./sub_li.jpg) no-repeat left bottom;padding:9px 0;margin:0;height:auto;}
ul.menu li ul li a{border:0;font:12px Arial;color:#FFFFFF;height:auto;display:inline;background:none;padding-left:10px;}
ul.menu li ul li a span{background:url(sub_span.gif) no-repeat left center;padding-left:10px;}
ul.menu li ul li a:hover,ul.menu li.open ul li a.cur{color:#FFFF99;}
ul.menu li ul li a:hover span,ul.menu li.open ul li a.cur span{background:url(sub_hover_span.gif) no-repeat left center;}

/*_right*/
div.rightwrap{float:right;width:769px;text-align:left;overflow:hidden;background:url(rightwrap.jpg) no-repeat right top;}
div.rightwrap div.body{}
#mainFrame{width:100%;background:transparent;overflow:hidden;margin:0 auto;min-height:500px;_height:500px;}


/**/
.content{float:left;width:566px;overflow:hidden;text-align:left;padding:20px 0}
.sidebar{float:left;width:176px;text-align:left;background:url(./sidebar_line.jpg) repeat-y;margin-top:5px;}

div.login{background:url(login_bg.jpg) no-repeat;padding-bottom:15px;}
div.login h3{padding-bottom:15px;}
div.login h3 span{background:url(login_title.gif) no-repeat left center;;padding-left:17px;font-size:14px;color:#FFFF99;}
div.login div.form{width:150px;margin:0 auto;}
div.login div.form div{font:12px/160% Arial;color:#FFFFFF;text-align:left;padding-bottom:8px;}
div.login label{padding-right:8px;}
div.login input.input{border:1px solid #000;background:#FFF;width:100px;height:18px;line-height:18px;}
div.login div.button{text-align:center;padding:5px 0 20px 0;}
div.login input.submit{background:url(./login_button.jpg) no-repeat;border:none;color:#000;width:54px;height:22px;cursor:pointer;}
div.login .loginsuccess{text-align:center;font:12px/160% Arial;color:#000;}
div.login .loginsuccess span{}
div.login a.login{color:#000;}
div.login a.logout{color:#000;}

div.coursecomm{width:510px;margin:0 auto;}
div.coursecomm h3{background:url(./coursecomm_title.jpg) no-repeat;height:22px;padding-left:21px;}
div.coursecomm h3 span{font:bold 14px Arial;color:#990000;letter-spacing:3px;}
div.coursecomm p{font:12px/160% Arial;letter-spacing:1px;color:#5E5E5E;padding:8px 0;text-indent:26px;}

div.notify{width:510px;margin:0 auto;margin-top:20px;}
div.notify h3{background:url(./coursecomm_title.jpg) left no-repeat;height:22px;padding-left:21px;}
div.notify h3 span{font:bold 14px Arial;color:#990000;letter-spacing:3px;}
div.notify ul{margin:8px 0;list-style:none;}
div.notify li{background:url(./notify_li.gif) 8px center no-repeat;color:#666666;font:12px Arial;letter-spacing:1px;padding:8px 0;padding-left:23px;border-bottom:1px dotted  #999;}
div.notify a{font:12px Arial;letter-spacing:1px;color:#666666;text-decoration:none;}
div.notify a:hover{color:#990000;}

div.courseInfo{background:url(courseInfo_bottom.jpg) no-repeat left bottom;padding-bottom:80px;}
div.courseInfo h3,div.tutor h3 {background:url(./courseInfo_title.jpg) left top no-repeat;padding:8px 0 8px 60px;}
div.courseInfo h3 span,div.tutor h3 span{font:bold 14px Arial;color:#990000;letter-spacing:3px;}
div.courseInfo dl,div.tutor dl{clear:both;width:140px;margin:0 auto;padding:10px 0;}
div.courseInfo dt,div.tutor dt{background:url(./page4_dt.gif) left 5px no-repeat;padding-left:15px;font:12px/200% Arial;color:#000;float:left;}
div.courseInfo dd,div.tutor dd{font:12px/200% Arial;color:#000;}


div.tutor{padding-bottom:15px}
div.tutor h3{background:url(./tutor_title.jpg) no-repeat left top;}
div.tutor h3 span{}
div.tutor dl{}
div.tutor dd{}