*{margin:0;padding:0;}
body,html{text-align:center;font-family:Arial, Helvetica, sans-serif;}
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;}

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

body{text-align:center;}
div.wrap{width:1008px;margin:0 auto;}
div.header{height:203px;  background:url(./logoback.jpg) left top no-repeat;position:relative;vertical-align:top;font-size:0;}
div.titlewrap{height:174px;overflow:hidden;}
div.title{text-align:left}
div.title h1{
    font-family:"����";
	font-size:44px;
    padding:93px 0 0 223px;
    letter-spacing: 4px;
    text-align:left;
    color:#614927;
	/*filter: Shadow(Color=#ffffff, Direction=85);*/
}
div.title h1.f22{font-size:28px;padding-top:97px;}
div.logo{display:none;}
div.date{position:absolute;left:301px;top:164px;font:12px  '����';letter-spacing:1px;color:#996600;}
div.date span{}
div.date strong{font-weight:normal;}
div.nav{height:26px;position:absolute;top:180px;right:55px;padding-top:50px;}
div.nav ul{list-style:none;text-align:center;}
div.nav ul li{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;padding:0 5px 0 3px;background:url(nav_li_bg.gif) no-repeat right center;}
div.nav ul li a{font:14px/31px Arial;letter-spacing:1px;color:#464646;font-weight:bold;float:left;}
div.nav ul li a:hover{background:#7FA40A url(nav_a_leftbg.gif) no-repeat left top;}
div.nav ul li a span{float:left;padding:0 15px;line-height:26px;cursor:pointer;}
div.nav ul li a:hover span{background:url(nav_a_rightbg.gif) no-repeat right top;color:#FFF;}
div.neck{display:none;height:0;}



/*_bottom*/
div.footer{background:url(./mybottomback.jpg) left top no-repeat;height:59px;border:1px solid #CDCDCD; border-top:0;}
div.copyright{text-align:center; padding-top:20px;}
div.copyright span{font:12px/37px Arial;color:#5F6A44;letter-spacing:1px;}
div.copyright span a{font:12px/37px Arial;text-decoration:none;color:#5F6A44;}
div.copyright span a:hover{}


/*_left*/
div.bodyer{clear:both;background:url(./leftwrap-back.jpg) repeat-y;border-left:1px solid #D8D8D8;border-right:1px solid #D8D8D8;border-bottom:0px solid #FF9900;}
div.bodyerwrap{background:url(./rightwrap-back.jpg) right bottom repeat-y; *background:url(./rightwrap-back1.gif) right bottom repeat-y;}
div.leftwrap{float:left;width:227px;display:block;background:url(./nav-list-bottom-back.jpg) left bottom no-repeat;overflow:visible;}
div.menuwrap{float:left;width:227px;padding-bottom:20px;background:url(./nav-list-back.jpg) left top no-repeat;text-align:center;}
ul.menu{margin:0 auto;}
ul.menu li{background:url(./nva-pic.gif) no-repeat left 3px;margin:0 24px;text-align:left;}
ul.menu li ul{display:none;}
ul.menu li a{font-weight:bold; padding:0 0 0 25px;height:34px;font:13px Arial;color:#fff;letter-spacing:2px;text-decoration:none;display:block;overflow:hidden;}
ul.menu li a span{font-weight:bold;display:block;line-height:34px;}
ul.menu li a:hover,ul.menu li a.open{color:#FFF;}
ul.menu li a:hover span,ul.menu li a.open span{}
ul.menu li ul{}
ul.menu li ul li{background:url(./nav-mouse-over.gif) no-repeat;margin:5px 0;}
ul.menu li ul li a{display:block;color:#FFF;background:url(./coin22.gif) no-repeat 5px 11px;padding-left:18px;;overflow:hidden;}
ul.menu li ul li a span{line-height:28px;font-size:12px;font-weight:normal;}
ul.menu li ul li a:hover,ul.menu li.open ul li a.cur{color:#FFF;}
ul.menu li ul li a:hover span,ul.menu li.open ul li a.cur span{}

/*_right*/
div.rightwrap{float:left;width:779px; _width:767px; text-align:left;overflow:hidden; background:url(./rightwrap-back.jpg) right bottom repeat-y;}
div.rightwrap div.body{}
#mainFrame{margin:0 auto;_min-height:500px;width:100%; background:url(./cntent-top-back.jpg) left top no-repeat;}

                                                             
/**/
div.content{background:url(./conent.jpg) 0 150px no-repeat;float:left;width:562px;_width:550px;overflow:hidden;text-align:left;display:inline;margin:0;}
.sidebar{padding-left:9px;float:left;width:190px;text-align:left;background:#FFF;border-right:1px solid #D1D79D;border-left:1px dashed #D1D79D;}

div.login{background:url(./loginback.jpg) left top no-repeat;width:227px;height:163px; }

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

div.coursecomm{margin:0 28px;padding-top:15px;}
div.coursecomm h3{background:#D8E1B9 url(./titleback.jpg) no-repeat right top;height:28px;margin:0 auto;}
div.coursecomm h3 span{font:bold 14px/32px Arial;color:#126501;letter-spacing:3px;float:left;line-height:28px;padding-left:39px;background:url(title_span_bg.jpg) no-repeat left top;}
div.coursecomm p{font:12px/160% Arial;letter-spacing:1px;color:#333333;padding:20px 0;text-indent:26px;}

div.notify{margin:20px 28px;}
div.notify h3{background:#D8E1B9 url(./titleback.jpg) no-repeat right top;height:28px;margin:0 auto;}
div.notify h3 span{font:bold 14px/32px Arial;color:#126501;letter-spacing:3px;float:left;line-height:28px;padding-left:39px;background:url(title_span_bg.jpg) no-repeat left top;}
div.notify ul{margin:8px 0;list-style:none;}
div.notify li{background:url(./li-list-back.gif) 8px center no-repeat;color:#333333;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:#333333;text-decoration:none;}
div.notify a:hover{color:#990000;}

div.courseInfo{padding-bottom:50px;}
div.courseInfo h3,div.tutor h3 {padding:20px 0 2px 50px;background:url(./tutor-title-back.gif) center bottom no-repeat;overflow:hidden;zoom:1;}
div.courseInfo h3 span,div.tutor h3 span{font:bold 14px Arial;color:#126501;letter-spacing:3px;float:left;background:url(title_span_a_bg.gif) no-repeat right 11px;line-height:26px;padding:0 4px 0 0;*padding:0 6px 0 0;}
div.courseInfo dl,div.tutor dl{clear:both;width:140px;margin:0 auto;padding:10px 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.courseInfo dd{background:url(title_span_a_bg.gif) no-repeat left 9px;line-height:26px;}

#main{overflow:hidden;zoom:1;padding-top:90px;background:url(cntent-top-back.jpg) no-repeat -1px top;}

div.tutor{padding-bottom:30px;}
div.tutor h3{}
div.tutor h3 span{}
div.tutor dl{}
div.tutor dd{}