*{margin:0;padding:0;}
body,html{text-align:center;font-family:Arial, Helvetica, sans-serif;background:url(./topbackpic.jpg) top left repeat-x;}
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; margin:0 auto;}
div.wrap{width:100%;margin:0 auto; background:url(./bottomback.jpg) bottom repeat-x; text-aligh:center;}
div.header{background:url(./logopage.jpg) left top no-repeat;position:relative;vertical-align:top;font-size:0;width:981px; margin:0 auto;height:250px;}
div.titlewrap{height:250px;overflow:hidden;}
div.title{text-align:left;}
div.title h1{
    font-family:"����";
	font-size:40px;
    padding:110px 0 0 70px;
    letter-spacing: 4px;
    text-align:left;
    color:#977E48;
    width:600px;
	/*filter: Shadow(Color=#ffffff, Direction=85);*/
}
div.title h1.f22{font-size:32px;padding-top:107px;}
div.logo{display:none;}
div.date{position:absolute;right:635px;top:190px;font:12px/25px '����';letter-spacing:1px;color:#927041;}
div.date span{}
div.date strong{font-weight:normal;}
div.nav{height:26px;position:absolute;top:30px;right:20px;width:320px;}
div.nav ul{text-align:center;}
div.nav ul li{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;}
div.nav ul li a{font:14px/160% Arial;color:#513600;font-weight:bold;float:left;line-height:26px;}
div.nav ul li a:hover{background:#E5AE2D url(./nav_lia_hove_bg.jpg) no-repeat left top;}
div.nav ul li a span{display:block;font-size:13px;font-weight:bold;letter-spacing:6px;padding:0 10px 0 15px;}
div.nav ul li a:hover span{color:#FFF; background:url(./nav_lispan_hover_bg.jpg) no-repeat right top;}
div.neck{display:none;height:0;}



/*_bottom*/
div.footer{background:url(./page4_foot.jpg) repeat-x;height:38px;border:1px solid #D3D3D3; width:981px; margin:0 auto;}
div.copyright{text-align:center;}
div.copyright span{font:12px/38px Arial;color:#333333;letter-spacing:1px;}
div.copyright span a{font:12px/38px Arial;text-decoration:none;color:#333333;}
div.copyright span a:hover{}


/*_left*/
div.bodyer{clear:both;width:981px; margin:0 auto;padding:0 0 20px 0;}
div.bodyerwrap{}
div.leftwrap{text-aligh:center; float:left;width:230px;display:block;background: url(./menubacktoppic.jpg) 150px top center  no-repeat; }
div.menuwrap{ margin:0 11px;text-align:center;background:#D7D7CF url(./leftwrapback.jpg) no-repeat left bottom;padding:0 0 20px 0;height:auto;min-height:220px;_height:220px;}
/*ul.menu{list-style:none;padding:35px 0 0 0;width:164px;margin:0 auto;background:url(./menu_ul.jpg) no-repeat;text-align:left;}*/
ul.menu{margin:0 auto;text-align:left;background:url(./menuwrap_bg.jpg) no-repeat left top;height:auto;min-height:100px;_height:100px;padding:20px 0 10px 0;}
ul.menu li{font-size:0;line-height:0;margin:0 20px 4px 20px;}
ul.menu li ul{display:none;}
ul.menu li a{background:url(./munu_li3.jpg) 3px bottom no-repeat;padding-left:10px;font:14px/26px Arial;color:#333;letter-spacing:1px;text-decoration:none;display:block;font-weight:bold;}
ul.menu li a span{background:url(menuaspan.gif) no-repeat left 15px;padding-left:15px;display:block;line-height:38px;}
ul.menu li a:hover , ul.menu li a.open{color:#993300;}
ul.menu li a:hover span,ul.menu li a.open span{background:url(menu_a_hover_span11.gif) no-repeat left 15px;}

ul.menu li ul{list-style:none;}
ul.menu li ul li{background:url(./sub_liback.jpg) repeat-x left bottom;padding:2px 0;margin:0;height:auto;}
ul.menu li ul li a{border:0;font:12px Arial;color:#000000;height:auto;background:none;padding:0;;}
ul.menu li ul li a span{background:url(./sub_spanover.jpg) no-repeat 5px 13px;padding-left:19px;line-height:28px;}
ul.menu li ul li a:hover , ul.menu li ul li a.cur{color:#FFFF99;}
ul.menu li ul li a:hover span , ul.menu li.open ul li a.cur span{background:url(sub_spanover.jpg) no-repeat 5px 13px;}

/*_right*/
div.rightwrap{float:right;width:722px;text-align:left;overflow:hidden;}
div.rightwrap div.body{}
#mainFrame{width:100%;background:transparent;overflow:hidden;margin:0 auto;}


/**/
.content{float:left;width:492px;overflow:hidden;text-align:left;padding:20px 0}
.sidebar{float:right;width:176px;text-align:left;background:url(./sidebar_line.jpg) repeat-y;margin-top:5px;margin-bottom:13px; }

div.login{background:url(loginback.jpg) no-repeat 1px top;padding-bottom:15px;height:186px;}
div.login h3{padding-top:26px;overflow:hidden;zoom:1;}
div.login h3 span{float:left;background:url(login_title.gif) no-repeat left center;;padding-left:17px;font-size:14px;color:#513600;display:inline;margin:0 0 0 15px;letter-spacing:1px;}
div.login div.form{margin:20px 30px 0 30px;}
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:48px;}
div.login .loginsuccess span{}
div.login a.login{color:#000;}
div.login a.logout{color:#000;}

div.coursecomm{margin:0 auto;}
div.coursecomm h3{background:url(./coursecomm_title11.jpg) no-repeat;height:22px;padding-left:21px;}
div.coursecomm h3 span{font:bold 14px Arial;color:#6F4A00;letter-spacing:3px;}
div.coursecomm p{font:12px/160% Arial;letter-spacing:1px;color:#5E5E5E;padding:8px 0;text-indent:26px;line-height:22px;}

div.notify{margin:20px auto 0 auto;}
div.notify h3{background:url(./coursecomm_title11.jpg) left no-repeat;height:22px;padding-left:21px;}
div.notify h3 span{font:bold 14px Arial;color:#6F4A00;letter-spacing:3px;}
div.notify ul{margin:8px 0;list-style:none;}
div.notify li{background:url(./notify_li1.gif) 8px 10px no-repeat;color:#666666;font:12px Arial;letter-spacing:1px;border-bottom:1px dotted  #999;line-height:32px;padding:0 0 0 23px;}
div.notify a{font:12px Arial;letter-spacing:1px;color:#666666;text-decoration:none;line-height:32px;display:block;}
div.notify a:hover{color:#990000;}

div.courseInfo{background:url(courseInfo_bottom.jpg) no-repeat left bottom;}
div.courseInfo h3,div.tutor h3 {background:url(./courseInfo_title1.jpg) left top no-repeat;padding:8px 0 8px 60px;}
div.courseInfo h3 span,div.tutor h3 span{font:bold 14px Arial;color:#990000;letter-spacing:3px;}
div.courseInfo dl,div.tutor dl{clear:both;width:140px;margin:0 auto;padding:10px 0;letter-spacing:1px;}
div.courseInfo dt,div.tutor dt{background:url(./page4_dt1.gif) left 7px no-repeat;padding-left:15px;font:12px/200% Arial;color:#333;float:left;}
div.courseInfo dd,div.tutor dd{font:12px/200% Arial;color:#333;}


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