*{margin:0;padding:0}
html,body{height:100%;}

.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 */

body{background-color:#fff;}
div.wrap{background-color:#FDFDFC;width:974px;margin:0 auto;}
div.header{position:relative;height:157px;background:url(page7_header_bg.jpg) left top no-repeat;}

div.titlewrap{overflow:hidden;}
div.title{position:absolute;top:45px;left:102px;}
div.title h1{
    font-family:"����";
	font-size:32px;
    letter-spacing: 4px;
	line-height:140%;
    text-align:left;
    color:#3E7023;
    width:600px;
}
div.title h1.f22{font-size:32px;}
div.logo{display:none;}
div.date{position:absolute;left:145px;top:95px;font:12px/160% '����';letter-spacing:1px;color:#B45313;}
div.date span{}
div.date strong{font-weight:normal;}

div.nav{height:35px;width:723px;position:absolute;top:129px;right:19px;background: url(page7_header_navBg.gif) left top no-repeat;}
div.nav ul{float:right; list-style:none;height:35px;padding:0 10px;}
div.nav ul li{float:left;padding-right:2px;}
div.nav ul li a{float:left;background:url(./page7_header_li.gif) left 14px no-repeat;font:12px/22px Arial;letter-spacing:1px;padding:0 15px 0 20px;height:35px;line-height:40px; color:#fff;text-decoration:none;display:block;}
div.nav ul li a:hover{color:#FFFFB5}
div.nav ul li a span{}
div.nav ul li a:hover span{}
div.neck{height:14px;}



/*_bottom*/
div.footer{background:#6C9261 url(./page7_footer_bg.jpg) left top no-repeat;height:37px;clear:both;}
div.copyright{height:30px;text-align:center;padding-top:7px;}
div.copyright span{font:12px/25px Arial;color:#FFF;letter-spacing:1px;display:block; line-height:30px;}
div.copyright span a{font:12px/25px Arial;color:#FFF;}
div.copyright span a:hover{text-decoration:none;color:#BBE03D;}


/*_left*/
div.bodyer{clear:both;background:url(./page7_left_mid_bg.jpg) left top repeat-y;}
div.bodyerwrap{background:url(./page7_content_right.jpg) right bottom no-repeat;}/*content bottom background*/
div.leftwrap{float:left;width:237px;text-align:center;overflow:hidden;background:url(./page7_left_btm1.jpg) left bottom no-repeat;padding-bottom:100px;}
.jpk  div.leftwrap{padding-bottom:402px;background:url(./page7_left_btm.jpg) left bottom no-repeat;}
div.menuwrap{width:237px;background:url(./page7_left_top.jpg) left top no-repeat;padding-top:20px;}
ul.menu{list-style:none;padding-left:18px;padding-bottom:10px; text-align:left;margin:0 auto;background:url(./page7_left_menu.jpg) 7px top repeat-y }
ul.menu li{font-size:0;line-height:0;border-bottom:1px dashed #B7BAA9;width:174px;margin-left:5px;}

ul.menu li a{display:block;overflow:hidden;height:25px; padding-left:10px; font:12px Arial;color:#000;letter-spacing:1px;text-decoration:none;}
ul.menu li a:link,ul.menu li a:visited{}
ul.menu li a:hover{background:url(./page7_left_li_bg.gif) no-repeat;}
ul.menu li a.open{background:url(./page7_left_li_bg.gif) no-repeat;}
ul.menu li a span{display:block;background:url(./page7_left_li.gif) left 10px no-repeat;line-height:25px;padding-left:15px;}
ul.menu li a.open span{display:block;}
ul.menu li ul{display:none;list-style:none;margin:0;padding:0;width:174px;}
ul.menu li ul li{margin:0;padding:0;padding-left:30px;width:144px;}
ul.menu li ul li a{font:12px Arial;display:block;height:auto;margin:0;padding:0;}
ul.menu li ul li a:hover,ul.menu li.open ul li a.cur{color:#99FF00;background-image:none;}
ul.menu li ul li a span{ display:block;background:url(./page7_left_subli.gif) no-repeat 0 12px;padding-left:10px;}
ul.menu li ul li a:hover span,ul.menu li.open ul li a.cur span{color:#CC6600;background:url(./page7_left_subli1.gif) no-repeat 0 12px;}


/*_right*/
div.rightwrap{float:left;width:737px;background:#F9F9F6 url(./firstpage-top.gif) left top no-repeat;text-align:left;padding-bottom:0px;}
.jpk div.rightwrap{background:none;  background:url(./page7_content_top.jpg) left top no-repeat;padding-bottom:140px;}
div.rightwrap div.body{padding-right:20px; background:url(./page7_content_repeat.jpg) right top repeat-y;text-align:center;overflow:hidden; } /*content repeat background*/
#mainFrame{width:99%;background:transparent;overflow:visible;margin:0 auto;min-height:500px;_height:500px;
}

div.login{background:url(./login-back.gif) 6px center no-repeat;height:222px;}
div.login h3 span{font-size:0px;}
div.loginsuccess{font-size:12px;color:#1D492B;}
div.loginsuccess span{font-size:12px;color:#1D492B;}
div.button{padding-top:20px;}
div.button a{color:#1D492B; font-size:12px;}
div.content{width:480px;float:left;}
div.sidebar{width:215px;float:right;}

div.login h3{overflow:hidden;zoom:1;height:23px;}
div.login h3 span{display:none;float:left;padding-left:4px;font-size:15px;color:#FC6;margin:0 0 0 15px;letter-spacing:1px;}
div.login div.form{margin:20px 18px 0 18px;}
div.login div.form div{font:12px/160% Arial;color:#54724B;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:134px;height:26px;line-height:26px;font-size:14px;}
div.login div.button{text-align:center;padding:10px 0 15px 0;}
div.login div.button a:hover{text-decoration:underline;}
div.login input.submit{background:url(./login_buttonnew.gif) no-repeat;border:none;color:#000;display:block;width:72px;height:29px;cursor:pointer;text-indent:-99999px;margin:0 auto;overflow:hidden;}
div.login .loginsuccess{margin-top:28px;text-align:center;font:13px/200% Arial; color:#FFF;}
div.login .loginsuccess span{}
div.login .loginsuccess a{color:#FFF;}
div.login a.login{}
div.login a.logout{}

#main  div.coursecomm h3{color:#996600;font-size:22px;text-align:left;padding-bottom:10px;}
#main  div.coursecomm{padding-top:30px;padding-left:32px;}
#main  div.coursecomm p{font-size:12px; color:#000; font-family:"宋体";letter-spacing:2px; line-height:20px;text-align:left;}
#main  div.content  div.notify{background:url(./course-introduce.gif) left top no-repeat; }
#main  div.content  div.notify h3 span{color:#126501; font-size:14px;font-family:"宋体",Arial;display:block;text-align:left;}
#main  div.content  div.notify h3{padding-top:11px;padding-left:75px;}
#main  div.content  div.notify ul{text-align:left;padding-top:20px;padding-left:50px;}
#main  div.content  div.notify ul li{line-height:35px; height:35px; font-size:12px;color:#000; font-family:"宋体",Arial;padding-left:25px;background:url(./titlelist-li-back.gif) left bottom no-repeat;list-style-type:none;}
#main  div.content  div.notify ul li a{color:#000; text-decoration:none;}
#main  div.content{padding-top:25px;}
#main  div.sidebar{padding-top:25px;min-height:500px;}

div.courseInfo,div.tutor{text-align:center;margin:0 auto;}
div.courseInfo h3,div.tutor h3 {margin:0 10px;text-align:left;line-height:32px;background:url(./teacher-infor.jpg) center center no-repeat;height:32px;}
div.courseInfo h3 span,div.tutor h3 span{font-size:14px;color:#333;letter-spacing:3px;font-weight:bold;margin:0 0 0 30px;}
div.courseInfo dl,div.tutor dl{border:0 solid #8B6E53;border-top:none;width:195px;margin:0 auto 25px;padding:10px 0;}
div.courseInfo dt,div.tutor dt{font:12px/200% Arial;color:#000;float:left;;background:url(./dt_bg.jpg) no-repeat 10px 11px;}
div.courseInfo dd,div.tutor dd{font:12px/200% Arial;color:#000;}
div.courseInfo dt.even,div.courseInfo dd.even{line-height:30px;background:#FFF;}
div.courseInfo dt,div.courseInfo dd{line-height:30px;}

#frame{display:none;}
#mainFrame{width:100%;background:transparent;overflow:hidden;margin:0 auto;min-height:500px;_height:500px;}