BODY { margin: 0px; text-align: center; background: #8dd8ff url(../images/index_bg.jpg) repeat-x; }
BODY, TEXTAREA, INPUT, TABLE, SELECT { color: #272727; font-size: 12px; font-family: Arial, Helvetica, sans-serif;
	SCROLLBAR-FACE-COLOR: #95dbfd; SCROLLBAR-HIGHLIGHT-COLOR: #95dbfd; SCROLLBAR-SHADOW-COLOR: #95dbfd; SCROLLBAR-3DLIGHT-COLOR: #95dbfd; 
	SCROLLBAR-ARROW-COLOR: #70a4c4; SCROLLBAR-TRACK-COLOR: #70a4c4;SCROLLBAR-DARKSHADOW-COLOR: #70a4c4;
}
#wrapper { width: 1002px; text-align: left; margin-left: auto; margin-right: auto; }

 



#left { clear: both; float: left; width: 300px; margin: 0px 20px 0px 26px; _margin-left: 13px; }

#left .news { font-weight: bold;  color: #35678b; height:235px;}
#left .news H1 { padding-left: 23px; font-size:120%; color: #333f47; background: url(../images/new_head.jpg) left 2px no-repeat; margin-bottom: 12px; }
#left .newsdate { font-weight: bold;  color: #ee1100;}
#left .newslink, #left a.newslink:link { font-weight: bold;  color: #00477b;}
#left a.newslink:hover { font-weight: bold;  color: #6b6f72; text-decoration:underline;}

#left .news UL { margin: 0px; padding: 0px; list-style: none; margin-top: 12px; width:292px; _width:300px; height:200px; background:#c5e8fb; overflow-y:scroll; overflow-x:0; margin-bottom:10px; border:1px solid #70a4c4;}
#left .news LI { padding: 0px 0px 0px 14px; margin: 0px 0px 10px 10px; font-size: 90%; background: url(../images/box.jpg) left 4px no-repeat;}
#left .news LI P { padding-bottom: 10px; background: url(../images/line.jpg) left bottom repeat-x; }
#left .news LI A { color: #35678b; text-decoration:none; }
#left .news LI A:hover { color: #35678b; text-decoration:underline; }
#left .news LI P.last { background: none; padding-bottom: 7px; }

#left .events { background: #b7e4fb;height: 77px; _height: 95px; padding: 9px 13px; }
#left .events H1 { font-size:120%; color: #333f47;  margin-bottom: 6px; }
#left .events H1 A { padding-left:115px; font-size:70%; color: #333f47; text-align:right; }
#left .events P { color:#00487b; font-size: 90%; font-weight: bold; padding-top:5px; }
#left .events P SPAN { color:#6b6f72; font-weight: normal; }
#left .events .month { float: left; width: 34px; height:40px; background:url(../images/event_pic.jpg) left top no-repeat; margin-right:5px; }
#left .events .month P { text-align: center;  color: #ffffff; font-weight: normal; padding-top: 1px; }
#left .events .month .date { text-align: center;  color: #ffffff; font-weight: bold; font-size:120%; padding-top: 6px; }

#intro { float: left; width: 301; height:334px; background1:#0066CC;	}
#intro P { color:#ffffff; font-size: 12px; padding-top: 150px; text-align: center; font-family: arial; }
#intro P A { color:#ffffff; font-weight: bold; }
#intro P A:hover { text-decoration: none;}

#right { float: left; width: 290px; margin-left: 30px; margin-bottom1: 15px; }
#right .programme { padding-bottom: 3px; }
#right .programme H1 { padding-left: 23px; font-size:120%; color: #333f47; background: url(../images/new_head.jpg) left 2px no-repeat; padding-bottom: 12px;}
#right .programme .course {color: #003a9b;padding: 10px 0px 5px 10px;   border: 1px solid #70a4c4; 	 }
#right .programme .course  OL { padding: 0px; margin: 0px 0px 0px 20px;_margin: 0px 0px 0px 25px;}
#right .programme .course  LI { color: #00487b; font-weight: bold; line-height: 18px; padding-left:3px;_padding-left:0px;}
#right .programme .course A { color: #dc3400; text-decoration:none; }
#right .programme .course A:hover { color: #dc3400; text-decoration:underline; }
#right .programme .course  OL LI OL { padding: 0px; margin:  0px;margin-left:18px; }
#right .programme .course OL LI OL LI { padding: 0px 0px 0px 3px; color: #2f3b43; font-weight: normal; line-height: 18px; font-size:90$;}


div#wn	{ 
    position:relative; 
    width:250px; height:110px;
    overflow:hidden;	
	}
	
	
#right .notice { width: 279px; height: 158px; _width: 289px; _height: 168px; background:url(../images/notice_back.jpg) left top no-repeat; padding: 5px; margin-top:8px;}
#right .notice .board { background: #093656; height1: 162px; padding-top: 5px; height: 153px; _height: 158px; padding-left: 22px; }
#right .notice .board IMG { margin: 0px; padding: 0px;  }
#right .notice .board P { color:#81d7ff;padding: 0px 0px 10px 0px;}
#right .notice .board P A { color:#e8c500; text-decoration: none; }
#right .notice .board P A:hover { text-decoration: underline; }

/*#right .notice .board .belt
{
position: absolute; 
left: 0;
top: 0;

}

#right .notice .board .panel{
float: left; 
overflow: hidden; 
margin1: 1px 0px 1px 0px;
width: 279px;
}*/




.institute { float: left; width: 284px; height: 164px; padding-right: 42px; position:relative; }
.institute H1 { padding-left: 9px; line-height: 33px; width: 275px; _width: 284px;font-size:100%; color: #333f47; background: url(../images/institute_head.jpg) left top repeat-x;}
.nomargin { margin-right: 0px; }


.institute .description { width: 102px;height: 82px;_width: 102px;_height: 92px;  z-index: 10;margin-top: -92px;_margin-top: 39px;_margin-left: -287px;
position: absolute; _padding-left: 9px;background: #35bfff;padding-top:10px; }

.institute .description UL  { list-style:  square; _display: inline; margin-left:22px; _margin-left:0px; }
.institute .description LI { line-height: 18px; color: #ffffff; font-size: 90%; }
.institute .description LI  A { color: #ffffff; text-decoration: none; }
.institute .description UL LI A:hover { color: #3f515f; text-decoration: underline; }



#content{ clear: both; margin-top:20px; padding:20px 34px 22px 26px; _padding-top:0px;}
#content H1{ color:#081a22; font-size: 120%; padding-bottom: 10px;}
#content P{ margin:0; padding:0;}
#content P A{ font-weight: bold; color: #184360;}



/*{
border: 1px solid #ff0000;
-moz-box-sizing: border-box;
-moz-box-sizing: content-box;
-moz-box-sizing: padding-box;
-moz-margin-top: 3px;
}*/