*{margin:0;padding:0;}
body,html{text-align:center;font-family:Arial, Helvetica, sans-serif;background:#FFF;}
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:974px;margin:0 auto;}
div.header{background:url(./page01_header_bg.jpg) left top no-repeat;position:relative;vertical-align:top;font-size:0;line-height:0;}
div.titlewrap{height:138px;overflow:hidden;}
div.title{text-align:left;}
div.title h1{font-family:"ºÚÌå";font-size:32px;padding:56px 0 0 230px;letter-spacing: 4px;line-height:140%;text-align:left;color:#265007;width:540px;/*filter: Shadow(Color=#ffffff, Direction=85);*/}
div.title h1.f22{font-size:22px;}
div.logo{display:none;}
div.date{position:absolute;right:20px;top:71px;font:12px/160% 'ËÎÌå';letter-spacing:1px;color:#EC8800;}
div.date span{}
div.date strong{font-weight:normal;}
div.nav{background:url(./page01_header_nav_bg.jpg) right top no-repeat;position:relative;top:0;height:28px;padding-right:50px;margin:0 0 0 193px;border-bottom:1px dotted #000;}
div.nav ul{list-style:none;text-align:right;float:right;}
div.nav ul li{float:left;background:url(./page01_header_nav_spacer.gif) right center no-repeat;padding-right:2px;}
div.nav ul li a{float:left;font:12px/22px Arial;letter-spacing:1px;padding:0 15px;height:22px;color:#000;text-decoration:none;display:block;}
div.nav ul li a:hover{background:url(./page01_header_nav_hover_bg.gif) repeat-x;color:#FFFFB5}
div.nav ul li a span{}
div.nav ul li a:hover span{}
div.neck{height:14px;}



/*_bottom*/
div.footer{background:#999;}
div.copyright{height:25px;text-align:center;}
div.copyright span{font:12px/25px Arial;color:#FFF;letter-spacing:1px;}
div.copyright span a{font:12px/25px Arial;text-decoration:none;color:#FFF;border-bottom:1px solid #FFF;}
div.copyright span a:hover{}


/*_left*/
div.bodyer{clear:both;background:url(./page01_bodyer_bg.gif) left top repeat-y;}
div.bodyerwrap{background:url(./page01_bodyer_b_bg.gif) left bottom no-repeat;}
div.leftwrap{float:left;width:207px;background:url(./page01_left_bg.jpg) left top repeat-x;margin-right:1px;overflow:hidden;}
div.menuwrap{margin-left:12px;padding:40px 0;width:192px;background:#E7E8E8 url(./page01_left_menu.jpg) left top no-repeat;text-align:center;}
ul.menu{list-style:none;padding:0;text-align:left;width:178px;margin:0 auto;height:auto;_height:100px;min-height:100px;}
ul.menu li{font-size:0;line-height:0;}
ul.menu li ul{display:none;}
ul.menu li{}
ul.menu li a{display:block;border-bottom:1px solid #F2F2F2;font:12px/160% Arial;color:#000;letter-spacing:1px;}
ul.menu li a:hover{color:#FFF;background:url(./page01_left_cur_bg.jpg) left top repeat-y;}
ul.menu li a.open{background:url(./page01_left_cur_bg.jpg) left top repeat-y;color:#FFF;}
ul.menu li a span{display:block;padding:3px 0 2px 35px;background:url(./page01_left_menu_li.gif) 20px 7px no-repeat;}
ul.menu li a.open span{display:block;padding:3px 0 2px 35px;background:url(./page01_left_menu_li.gif) 20px 7px no-repeat;}
ul.menu li ul{margin-top:2px;list-style:none;}
ul.menu li ul li a{border:0;font:12px/140% Arial;border-bottom:1px solid #F2F2F2;}
ul.menu li ul li a:hover,ul.menu li.open ul li a.cur{color:#A90D30;background:url(./spacer.gif) no-repeat;}
ul.menu li ul li a span{background:url(./page01_left_menu_li1.gif) 20px 10px no-repeat;padding:3px 0 2px 30px;}
ul.menu li ul li a:hover span,ul.menu li.open ul li a.cur span{background:url(./page01_left_menu_li1.gif) 20px 10px no-repeat;}


/*_right*/
div.rightwrap{float:left;width:766px;background:url(./page01_right_bg.jpg) right top no-repeat;text-align:left;}
div.rightwrap div.body{width:761px;border-top:1px solid #CCC;background:url(./page01_right_body_bg.jpg) left top repeat-x;text-align:center;overflow:hidden;}
#mainFrame{width:99%;background:transparent;overflow:hidden;margin:0 auto;min-height:500px;_height:500px;}





/**/
.content{float:left;width:550px;overflow:hidden;text-align:left;}
.sidebar{float:left;width:200px;text-align:left;}

div.login{background:#E7E8E8 url(./page1_login_b.jpg) left bottom no-repeat;width:192px;margin-left:12px;padding:0; border-bottom:10px solid #FFF;}
div.login h3{text-align:center;background:url(./page01_left_top.jpg) left top no-repeat;}
div.login h3 span{font:bold 14px/180% Arial;color:#FFF;letter-spacing:2px;}
div.login div.form{margin:20px 10px 0 10px;}
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{display:block;width:66px;height:27px;cursor:pointer;background:url(./page1_login_but.gif) no-repeat left top;border:none;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{width:481px;margin:20px auto;}
div.coursecomm h3{background:url(./page1_column_bg.jpg) center bottom no-repeat;padding-bottom:10px;}
div.coursecomm h3 span{background:url(./page1_column1.gif) left center no-repeat;display:block;height:15px;text-indent:-20000px;}
div.coursecomm p{font:12px/180% Arial;letter-spacing:1px;color:#666;padding:11px;}

div.notify{width:481px;margin:0 auto;}
div.notify h3{background:url(./page1_column_bg.jpg) center bottom no-repeat;padding-bottom:10px;}
div.notify h3 span{background:url(./page1_column2.png) left center no-repeat;display:block;height:15px;text-indent:-20000px;}
div.notify ul{padding:10px;list-style:none;}
div.notify li{font:12px/160% Arial;color:#666;letter-spacing:1px;line-height:23px;}
div.notify a{text-decoration:none;color:#666;}
div.notify a:hover{color:#960;}

div.courseInfo,div.tutor{margin-top:20px;width:192px;background:#E7E8E8 url(./page1_login_b.jpg) left bottom no-repeat;padding-bottom:10px;}
div.courseInfo{}
div.courseInfo h3,div.tutor h3 {background:url(./page01_left_top.jpg) no-repeat;height:32px;text-align:center;}
div.courseInfo h3 span,div.tutor h3 span{font:bold 14px/160% Arial;color:#FFF;letter-spacing:3px;}
div.courseInfo dl,div.tutor dl{clear:both;width:140px;margin:10px auto;}
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.tutor{}
div.tutor h3{}
div.tutor h3 span{}
div.tutor dl{}
div.tutor dt{}
div.tutor dd{}div.courseInfo dd{}