*{margin:0;padding:0;}
body,html{text-align:center;font-family:Arial, Helvetica, sans-serif;background:#FFF;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;}
.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:974px;margin:0 auto;background:url(./header_bg.jpg) repeat-x left top;}
div.header{height:144px;background:url(./header_back.jpg) no-repeat 425px 18px;position:relative;}
div.titlewrap{float:left;display:inline;background:url(./logo.jpg) no-repeat 22px 28px;height:50px;margin:38px 0 0 100px;width:640px;}
div.titlewrap h1.f22{font-family:"����";font-size:22px;font-weight:bold;letter-spacing:2px;color:#FFC;}
div.titlewrap h1 {color:#FFC;font-family:"����";font-size:29px;font-weight:bold;letter-spacing:4px;text-align:left;}
#date{color:#EC8800;position:absolute;top:68px;right:20px;}
div.nav{float:right;display:inline;letter-spacing:5px;margin:30px 20px 0 0;}
#tmenu li{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;padding-left:5px;}
#tmenu li a{color:#9FAA88;text-decoration:none;background:url(menu_a.gif) no-repeat right center;padding-right:10px;*padding-left:7px;}
#tmenu li a:hover{color:#F90;}
div.neck{background:url(./header_bottom.jpg) no-repeat left top !important;width:963px;height:27px;position:absolute;right:0;bottom:0;}

div.bodyer{background:#EAEBE4 url(./body_bg2.jpg) repeat-y 805px 0;}
div.bodyerwrap{background:url(./body_bg.jpg) repeat-y;padding-bottom:20px;}
div.leftwrap{float:left;background:url(./menu_bg.jpg) repeat-y 11px 0;padding:0px 11px;}
div.menuwrap{width:206px;background:url(./menu_bottom.jpg) no-repeat left bottom;padding-bottom:15px;margin-top:15px;}
#menu{background:url(./menu_top.jpg) no-repeat 10px 0;padding-top:30px;height:auto;min-height:100px;_height:100px;}
#menu li{width:185px;margin:0 auto;padding-top:4px;}
#menu li ul{display:none;}
#menu li a{display:block;background:url(menu_a_bg.gif) no-repeat left top;width:183px;height:25px;text-decoration:none;color:#fff;line-height:25px;font:12px/160% Arial;text-align:left;}
#menu li a:hover{background:url(menu_a_hover_bg.gif) no-repeat left top;}
#menu li a.open{background:url(menu_a_hover_bg.gif) no-repeat left top;}
#menu li a span{letter-spacing:2px;padding:0 0 0 35px;display:block;line-height:25px;}
#menu li ul li a{display:block;background:url(subA_bg.jpg) no-repeat;width:185px;height:27px;color:#325127;line-height:27px;overflow:hidden;}
#menu li ul li a span{background:url(subA_span.gif) no-repeat left 12px;padding-left:11px;margin-left:13px;display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#menu li ul li a:hover{background:url(subA_hover_bg.jpg) no-repeat left top;color:#A84A0D;}
#menu li ul li a.cur{background:url(subA_hover_bg.jpg) no-repeat left top;color:#A84A0D;}
#menu li ul li a:hover span{background:url(subA_hover_span.gif) no-repeat left 12px;}

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

div.footer{height:30px;background:#7B855C;text-align:center;color:#fff;letter-spacing:2px;line-height:30px;}
div.footer a{text-decoration:none;color:#fff;}
div.footer a:hover{text-decoration:underline;}

div.login{background:url(./login_top.jpg) no-repeat;width:184px;margin-left:11px;padding-top:25px;*padding-top:45px;padding-right:11px;}
div.login h3{}
div.login h3 span{display:none;}
div.login div.form{margin:20px 4px 0 4px;}
div.login div.form div{font:12px/160% Arial;color:#000;text-align:left;line-height:22px;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:120px;height:22px;line-height:22px;font-size:14px;}
div.login div.button{text-align:center;padding:0 0 5px 0;}
div.login div.button a:hover{text-decoration:underline;}
div.login input.submit{padding:0 5px;padding-top:2px;background:url(./default_login_but.jpg) repeat-x;border:1px solid #D18C0D;color:#000;overflow:visible;cursor:pointer;}
div.login .loginsuccess{text-align:center;font:12px/160% Arial;color:#000;margin:30px 0 10px 0;}
div.login .loginsuccess span{}
div.login a.login{color:#000;}
div.login a.logout{color:#000;}

#main{padding-left:27px;text-align:center;overflow:hidden;}
div.content{float:left;width:522px;text-align:left;}
div.sidebar{float:left;width:168px;text-align:left;margin-left:28px;}

div.coursecomm{background:url(content_bottom.jpg) no-repeat left bottom;padding-bottom:20px;}
div.coursecomm h3{background:url(coursecomm_title.jpg) no-repeat;width:124px;height:34px;}
div.coursecomm h3 span{display:none;}
div.coursecomm p{font:12px/200% Arial;letter-spacing:1px;color:#000;padding:12px 0 0 7px;text-indent:26px;}

div.notify{padding-bottom:20px;}
div.notify h3{background:url(notify_title.jpg) no-repeat;width:122px;height:45px;}
div.notify h3 span{display:none;}
div.notify ul{padding:0 8px;}
div.notify ul li{padding:9px 0;background:url(notify_li.gif) no-repeat 1px center;padding-left:23px;border-bottom:1px dashed #999999;}
div.notify ul li a{color:#000;text-decoration:none;}
div.notify ul li a:hover{color:#996600;text-decoration:underline;}

div.courseInfo{}
div.courseInfo h3,div.tutor h3 {text-align:center;border-top:2px solid #CED2C1;border-bottom:2px solid #CED2C1;}
div.courseInfo h3 span,div.tutor h3 span{font:bold 14px/300% Arial;color:#9B6A06;letter-spacing:3px;}
div.courseInfo dl,div.tutor dl{clear:both;width:140px;margin:10px auto;}
div.courseInfo dt,div.tutor dt{background:url(./default_li_2.gif) left 7px 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;}