*{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:1040px;margin:0 auto;}
div.header{width:1040px; background:url(./mylogoback.jpg) left top no-repeat;position:relative;vertical-align:top;font-size:0;line-height:0;height:293px;}
div.titlewrap{height:138px;overflow:hidden;}
div.title{text-align:left; position:absolute; top:120px; left:140px;}
div.title h1{
    font-family:"????";
	font-size:44px;
    padding:14px 217px 0 175px;
    letter-spacing: 4px;
	line-height:140%;
    text-align:left;
    color:#271B12;
	/*filter: Shadow(Color=#ffffff, Direction=85);*/
}
div.title h1.f22{font-size:28px;}
div.logo{display:none;}
div.date{position:absolute;left:826px;top:155px;font:12px/160% '????';letter-spacing:1px;color:#EC8800;}
div.date span{}
div.date strong{font-weight:normal;}
div.nav{height:46px;position:absolute;top:50px;right:100px;font-size:14px;}
div.nav ul{line-height:46px;}
div.nav ul li{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;cursor:pointer;}
div.nav ul li a{display:block;line-height:46px;background:url(./nav_a_bg.gif) no-repeat left top;padding:0 0 0 15px;color:#271B12;}
div.nav ul li a:hover{background:url(./nav_a_hover_bg.gif) no-repeat left top;color:#FFFFB5}
div.nav ul li a span{display:block;line-height:46px;background:url(./nav_li_span_bg.gif) no-repeat right top;padding:0 15px 0 0;cursor:pointer;letter-spacing:1px;font-weight:bold;}
div.nav ul li a:hover span{background:url(./nav_a_span_hover_bg.gif) no-repeat right top;}
div.neck{height:14px;}



/*_bottom*/
div.footer{background:url(./footpicback.gif);width:1040px;height:111px;float:left;}
div.copyright{height:25px;text-align:center; margin-top:40px;}
div.copyright span{font:12px/25px Arial;color:#663300;letter-spacing:1px;}
div.copyright span a{font:12px/25px Arial;color:#663300;border-bottom:0px solid #FFF;}
div.copyright span a:hover{}


/*_left*/
div.bodyer{clear:both;margin:0 auto;}
div.bodyerwrap{background-color:#FAF2DA;}
div.leftwrap{vertical-align:top;float:left;width:248px;background:#FAF2DA url(./menuwrap_bg.gif) left 50px no-repeat;}
div.menuwrap{width:248px;text-align:center;float:left;}
ul.menu{padding:0;text-align:left;}
ul.menu li{line-height:38px;zoom:1;}
ul.menu li ul{display:none;}
ul.menu li{margin:0 30px;}
ul.menu li a{display:block;background:url(./leftwrap_li_bg.gif) no-repeat 16px 16px;font-size:14px;font-weight:bold;letter-spacing:1px;padding:0 0 0 30px;border-bottom:1px solid #CDC49C;}
ul.menu li a:hover{color:#360;background:url(./leftwrap_lilick_bg.gif) no-repeat 16px 16px;}
ul.menu li a.open{color:#360;background:url(./leftwrap_lilick_bg.gif) no-repeat 16px 16px;}
ul.menu li a span{display:block;}
ul.menu li ul li{margin:0 auto;}
ul.menu li ul li a span{line-height:26px;}
ul.menu li ul li a{border:none;font-size:12px;font-weight:normal;background:url(./backli.gif) no-repeat 16px 10px;padding:0 0 0 24px;}
ul.menu li ul li a:hover,ul.menu li ul li a.cur{background:url(./backli.gif) no-repeat 16px 10px;color:#360;}

/*_right*/
div.rightwrap{float:left;width:761px;background:#FAF2DA;text-align:center;overflow:hidden;}
div.body{width:790px;text-align:center;}
#main{overflow:hidden;zoom:1;margin:0 auto;padding:10px 0 0 0;background:url(./main_bg.gif) no-repeat left top;}
#mainFrame{width:99%;background:transparent;overflow:hidden;margin:0 auto;min-height:500px;_height:500px;}

#frame{background:#FAF2DA url(./secondpagetitleback.gif) left top no-repeat;}

div.sidebar{float:left;width:214px;text-align:center;}
div.content{float:left;width:574px;_width:530px;overflow:hidden;text-align:left;}


div.login{float:left;background:url(./theloginback.gif) left top no-repeat;width:248px;height:310px; margin-left:0; border-bottom:0 solid #FFF;margin-top:0;}
div.login h3{padding-top:70px;overflow:hidden;zoom:1;}
div.login h3 span{float:left;font-size:15px;color:#6A461F;display:inline;margin:0 0 0 46px;letter-spacing:1px;}
div.login div.form{margin:35px 33px 0 33px;}
div.login div.form div{font:12px/160% Arial;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;color:#6A461F;}
div.login input.input{border:1px solid #999;background:#FFF;width:134px;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(./buttonback.gif) no-repeat;border:none;color:#000;display:block;width:74px;height:32px;cursor:pointer;text-indent:99999px;margin:0 auto;}
div.login .loginsuccess{font:12px/180% Arial;padding:40px 0 20px 0}
div.login .loginsuccess span{}
div.login a.login{color:#000;}
div.login a.logout{color:#000;}

div.coursecomm{margin:0 18px;}
div.coursecomm h3{background:url(./coursecomm_bg.jpg) no-repeat right top;height:81px;}
div.coursecomm h3 span{float:left;background:url(./coursecomm_h3_bg.jpg) no-repeat left bottom;height:46px;line-height:46px;font-size:14px;letter-spacing:1px;color:#205C1F;padding:0 15px 0 48px;margin:30px 0 0 0;}
div.coursecomm p{font:12px/180% Arial;letter-spacing:1px;color:#666;padding:15px;}


div.notify{margin:0 18px;}
div.notify h3{background:url(./coursecomm_bg.jpg) no-repeat right top;height:81px;}
div.notify h3 span{float:left;background:url(./coursecomm_h3_bg.jpg) no-repeat left bottom;height:46px;line-height:46px;font-size:14px;letter-spacing:1px;color:#205C1F;padding:0 15px 0 48px;margin:30px 0 0 0;}
div.notify ul{list-style:none;margin:0 auto;}
div.notify li{font:12px/160% Arial;color:#000;letter-spacing:1px;line-height:33px;padding-left:26px;border-bottom:2px solid #D7CFB0;background:url(./newslistli.gif) no-repeat 5px 12px;}
div.notify a{color:#666; }
div.notify a:hover{color:#FF6600;}

div.courseInfo,div.tutor{margin:0 25px 0 0;}
div.courseInfo{}
div.courseInfo h3,div.tutor h3{height:32px;text-align:center;margin:0 auto;color:#0A9374;background:url(./title_bg.gif) no-repeat 38px 14px;}
div.tutor h3{}
div.courseInfo h3{}
div.tutor h3 span , div.courseInfo h3 span{float:left;font-size:14px;font-weight:bold;letter-spacing:1px;height:32px;line-height:32px;margin:0 0 0 47px;background:url(./title_bg.gif) no-repeat right 14px;padding:0 5px 0 0;}
div.courseInfo dl,div.tutor dl{clear:both;background:url(./dl_bg.gif) no-repeat center top;margin:0 auto;text-align:left;padding:10px 0 0 15px;}
div.courseInfo dt,div.tutor dt{font:12px/200% Arial;color:#000;float:left;}
div.courseInfo dd,div.tutor dd{font:12px/200% Arial;color:#000;}
div.courseInfo h3 span{}

div.tutor{}