*{margin:0;padding:0;}
body,html{text-align:center;font-family:Arial, Helvetica, sans-serif;}
/*html{overflow:-moz-scrollbars-vertical;}*/
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;background:#FFF url(./body_bg.jpg) repeat-x left top;}
div.wrap{margin:0 auto;background:url(./wrap_bg.jpg) repeat-x left bottom;padding:0 0 40px 0;}
div.header{background:url(./logo-backimg.jpg);width:960px; height:129px;position:relative;margin:0 auto;}
div.titlewrap{padding:55px 0 0 12px;color:#FFF;text-align:left;}
div.titlewrap h1.f22{font-family:"����";font-size:22px;font-weight:bold;letter-spacing:2px;color:#FFFFCC;}
div.titlewrap h1 {
color:#FFC;
font-family:"黑体";
font-size:40px;
font-weight:bold;
letter-spacing:4px;
}
div.title h1.f22{color:#FFC;font-size:30px;}
#date{text-align:right;left:72px;top:107px;position:absolute;}
#date span{text-align:left;color:#FFC;letter-spacing:1px;font-size:12px;}

div.nav{position:absolute;right:0;top:97px;}
#tmenu{}
#tmenu li{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;background:url(tmenu_li.jpg) repeat-x left top;margin-left:0;*margin-left:3px;}
#tmenu li a{font-size:14px;font-weight:bold;color:#FFF;letter-spacing:1px;float:left;padding:0 0 0 15px;background:url(./tmenu_li_a_bg.jpg) no-repeat left top;}
#tmenu li a span{float:left;line-height:32px;padding:0 15px 0 0;cursor:pointer;background:url(./tmenu_li_span_bg.jpg) no-repeat right top;color:#FFC;}
.lihover{background:url(tmenu_li_hover.jpg) repeat-x left top !important;}
#tmenu li a:hover{background:url(tmenu_li_ahover_bg.jpg) no-repeat left top;}
#tmenu li a:hover span{background:url(tmenu_li_spanhover_bg.jpg) no-repeat right top;color:#FFF;}
div.neck{}


/*_bottom*/
div.footer{width:960px;margin:0 auto;background:url(./foot_bg.jpg) left top repeat-x;height:42px;}
div.copyright{line-height:42px;}
div.copyright span{font:12px/37px Arial;color:#FFF;letter-spacing:1px;}
div.copyright span a{font:12px/37px Arial;text-decoration:none;color:#FFF;}
div.copyright span a:hover{color:#FF0;}


/*_left*/
div.bodyer{width:960px;margin:0 auto;clear:both;background:#FFF url(./leftwrap-back.jpg) repeat-x left top;padding:25px 0 15px 0;}
div.bodyerwrap{background:url(./rightwrap-back.jpg) right bottom repeat-y;}
div.leftwrap{float:left;width:240px;display:block;background:url(./nav-list-bottom-back.jpg) left bottom no-repeat;overflow:visible;}
div.menuwrap{width:216px;float:left;display:inline;margin:1px 0 0 16px;padding-bottom:20px;background:#E1E1E1;text-align:center;}
ul.menu{list-style:none;text-align:left;}
ul.menu li{font-size:0;padding:1px 0 0 0;}
ul.menu li ul{display:none;}
ul.menu li a{font-weight:bold;font:14px Arial;color:#fff;letter-spacing:1px;text-decoration:none;display:block;background:url(./menuli_bg.gif) no-repeat left top;line-height:30px;padding:0 0 0 40px;zoom:1;}
ul.menu li a span{font-size:14px;font-weight:bold;letter-spacing:1px;}
ul.menu li a:hover,ul.menu li a.open{background:url(./menuli_ahover_bg.gif) no-repeat left top;}
ul.menu li a:hover span,ul.menu li a.open span{}

ul.menu li ul{}
ul.menu li ul li{}
ul.menu li ul li a{background:url(./menuli_a_a_bg.gif) no-repeat 29px 11px;}
ul.menu li ul li a span{color:#000;}
ul.menu li ul li a:hover,ul.menu li.open ul li a.cur{background:url(./menuli_a_a_bg.gif) no-repeat 29px 11px;}
ul.menu li ul li a:hover span,ul.menu li.open ul li a.cur span{color:#516406;}

/*_right*/
div.rightwrap{float:left;width:720px; _width:720px; text-align:left;overflow:hidden; background:url(./rightwrap-back.jpg) right bottom repeat-y;}
div.rightwrap div.body{overflow:hidden;zoom:1;background:url(./right_body_bg.jpg) no-repeat 8px top;padding:150px 0 0 0;}
#mainFrame{overflow:hidden;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:472px;display:inline;margin:0 0 0 8px;overflow:hidden;text-align:left;}
.sidebar{float:left;_float:right; width:240px;text-align:left;}

div.login{float:left;display:inline;height:165px;width:216px;margin:0 0 0 16px;background:#E3E3E3;}
div.login h3{overflow:hidden;zoom:1;background:url(./login_bg.jpg) no-repeat left top;}
div.login h3 span{float:left;padding-left:4px;font-size:15px;color:#FFF;display:inline;height:30px;line-height:30px;margin:0 0 0 10px;letter-spacing:1px;}
div.login div.form{margin:18px 7px 0 7px;}
div.login div.form div{font:12px/160% Arial;color:#000;text-align:left;line-height:26px;padding:0 0 6px 14px;*padding:0 0 4px 14px;}
div.login label{float:left;width:40px;*padding-top:3px;}
div.login input.input{border:1px solid #D3CBAF;background:#FFF;width:126px;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:74px;height:30px;cursor:pointer;text-indent:99999px;margin:0 auto;overflow:hidden;}
div.login .loginsuccess{margin-top:28px;text-align:center;font:13px/200% Arial; color:#000;}
div.login .loginsuccess span{}
div.login .loginsuccess a{color:#000;}
div.login a.login{}
div.login a.logout{}

div.coursecomm{margin:0;}
div.coursecomm h3{border-bottom:1px solid #030;overflow:hidden;zoom:1;}
div.coursecomm h3 span{float:left;height:32px;line-height:32px;padding:0 0 0 22px;background:url(./coursecomm_h3_bg.gif) no-repeat 3px 12px;font-size:14px;font-weight:bold;letter-spacing:1px;color:#030;}
div.coursecomm p{font:12px/160% Arial;letter-spacing:1px;padding:10px;text-indent:2em;line-height:18px;}

div.notify{margin:15px 0 0 0;}
div.notify h3{border-bottom:1px solid #030;overflow:hidden;zoom:1;}
div.notify h3 span{float:left;height:32px;line-height:32px;padding:0 0 0 22px;background:url(./coursecomm_h3_bg.gif) no-repeat 3px 12px;font-size:14px;font-weight:bold;letter-spacing:1px;color:#030;}
div.notify ul{margin:8px 0;list-style:none;}
div.notify li{background:url(./conent_ulli_bg.gif) 10px 14px  no-repeat;color:#333333;font:12px Arial;letter-spacing:1px;border-bottom:1px dotted  #999;padding:8px 0 8px 21px;}
div.notify a{font:12px Arial;letter-spacing:1px;color:#333333;text-decoration:none;}
div.notify a:hover{color:#990000;}

div.tutor , div.courseInfo {width:193px;float:left;display:inline;margin:0 0 0 29px;border:1px solid #C5C5C5;}
div.courseInfo h3,div.tutor h3 {margin:1px 1px 0 1px;background:#D5D5D5;text-align:center;}
div.courseInfo h3 span,div.tutor h3 span{font:bold 14px Arial;color:#030;letter-spacing:1px;line-height:30px;}
div.courseInfo dl,div.tutor dl{clear:both;width:170px;margin:0 auto;padding:10px 0;}
div.courseInfo dt,div.tutor dt{font:12px/200% Arial;color:#000;float:left;background:url(./conent_ulli_bg.gif) no-repeat left 11px;padding:0 0 0 10px;}
div.courseInfo dd,div.tutor dd{font:12px/200% Arial;color:#000;}
div.tutor{border-bottom:none;}