@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.5;
	font-weight: bold;
  } 
  
img { margin: 0; padding: 0; border: 0; }
body {
	background:url(../English_Pictures/bg1.jpg) repeat-x #FFFFFF;
	color: #AAAAAA;
	text-align: center;
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	border: 0;
	}

hr {
  border: 0;
  height: 1px;

  margin: 20px 0;
   }
   
/*------------ Text & Links ------------*/
a:link, a:visited { color:#CC6600; }
a:hover, a:active { color:#660000; }

h2 { font-size: 13px; background-color:#eeeeee; background:url(../../Chinese/Chinese%20Pictures/maincolumntopbar.jpg) repeat-x;  height: 41px; width: 659px;}

#sidebar div.box h2 {
	color: #879399;
	background-color:#BBBBBB; 
	padding: 0;
	font-size: 10px;
	text-transform: uppercase;
	width: 220px;
	height: 25px;
	cursor: pointer;
	}
#sidebar div.box h2.h2closed {
	
	}
#sidebar div.box h2 span {
	color:#777777;
	padding: 8px 27px 0 5px;
	text-decoration: none;
	display: block;
	}
	
div#maincolumn div.box h2 {
	color: #AAAAAA;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	background-color:#252B33;
	height: 30px;
	}
div#maincolumn div.box h2 span {
	padding: 8px 10px 0 10px;
	display: block;
	}
h3 { font-size: 14px; }

.box4 h3 {
	padding: 0 0 0 0;
	position: relative;
	text-align: center;
	height: 20px;
	background-position: top left;
	background-image:url(../English_Pictures/topbar.png);
}

div#maincolumn div.box {
	border:0.5px solid #BBBBBB;
	background-color:#DDDDDD;
}


.box4 h3 a:link, .box3 h3 a:visited { text-decoration: none; display: block; }
.box4 h3 a:hover, .box3 h3 a:active { text-decoration: underline; }
.box4 p { padding: 0; 
	}

blockquote {
	padding: 0 20px;
	}
blockquote b, blockquote strong {
	font-weight: bold; 
	}
blockquote i, blockquote em {
	font-style: italic; 
	}
	
	
	
	
/*------------ Containers & Sections ------------*/



div#sidebar {
	width: 220px;
	position: absolute;
	visibility: visible;
	background-color: transparent #EEEEEE;
	height: 466px;
	left: 753px;
	top: 216px;
	}
	

div#sidebar div.box {
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	width: 220px;
	background-color: #FFFFFF;
}
div#sidebar div.boxtile {  padding: 0; margin: 0; }
div#sidebar div.boxtop {  padding: 0; margin: 0; position: relative; top: 0; left: 0; height: 31px; width: 230px; font-size: 1px; line-height: 1px; }
div#sidebar div.boxbottom { padding: 25px; margin: 0; }


div#container1 {
    margin: 0;
	width: 100%;
	background-color:#999999;
	float: none 
	text-align: center;
	padding: 0;
}
div#container2 {
	position: absolute; left:725px; top: 130px;
	width: 430px;
	background-color:#888888;
	float: none
	pading: 5 5 5 5;
	text-align: center;
	
	
}

div#container1 div.h2{background-color:#ff66ee; text-align: center;padding: 0 0 0 0;}


div#maincolumn {
	width: 600px;
	height: 750px;
	float: left;
	position:absolute;
	top: 217px;
	left: 112px;
	overflow: visible;
	height: 730px;
}

div#maincolumn div.box { padding: 0; position: relative; border:0.5px solid #BBBBBB}

div#maincolumn div.boxtile { background:transparent url(../English_Pictures/box_mtl_r.gif) top left repeat-y; padding: 0; margin: 0; }
div#maincolumn div.boxtop {
	background:transparent url(../English_Pictures/box3_635top.gif) top left no-repeat;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 634px;
	font-size: 1px;
	line-height: 1px;
}
div#maincolumn div.boxbottom { background:transparent url(../English_Pictures/box635bottom.gif) bottom left no-repeat; padding: 25px 25px 25px 25px; margin: 0; 
	}
div#maincolumn div.box4 { margin-top: 50px; background-color:#E5FFF9}
/*div#maincolumn div.box4tile { background:transparent url(../English_Pictures/box_mtl_r.gif) top left  repeat-x; padding: 0; margin: 0; }
div#maincolumn div.box4top { background: top left repeat-x; padding: 0 0 0 0; margin: 0; }
div#maincolumn div.box4bottom { background:transparent url(../English_Pictures/box245bottom.gif) bottom left repeat-x; padding: 0; margin: 0; font-size: 15px; line-height: 15px; clear: left; }
*/
div#maincolumn div.box4 div.left {
	float: left;
	width: 120px;
	height: 120px;
	position: relative;
	left: 30px;
	background-color:#DDDDDD;
}
div#maincolumn div.box4 div.middlea {
	float: left;
	width: 120px;
	height: 120px;
	margin-left: 45px;
	background-color:#DDDDDD;
}

div#maincolumn div.box4 div.middleb{
	float: left;
	width: 120px;
	height: 120px;
	margin-left:15px;
	background-color:#DDDDDD;
}


div#maincolumn div.box4 div.right {
	float: left;
	width: 120px;
	height:120px;
	margin-left: 15px;
	background-color:#DDDDDD;
}
div#maincolumn div.box4 div.spotlight { padding: 0 0 10px 0; 
	}
	
	


/*------------ Navigation ------------*/
div#navcontainer {
	width: 1600px;
	height: 127px;
	margin:0;
	padding-left:37px;
	padding-top: 0;
	border: 0;
	position:absolute;
	left:1px;
	text-align: left;
	background:#73CDE9 url(../English_Pictures/heading2.jpg);
	top:0;
	visibility: visible;
}
div#mainnav {
	color:#97C1CB;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	position:absolute;
	left: 80px;
	top: 285px;
	height: 31px;
	background-color:#E0E0E0;
}
div#mainnav ul { float: left; margin: 0; padding: 0; border: 0; }
div#mainnav ul li {
	list-style: none;
	background:#666666;
	float: left;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1px;
}
div#mainnav li a:link, div#mainnav li a:visited {
	color:#990033;
	background:#EEEEEE;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
}
div#mainnav li a:hover, div#mainnav li a:active { color:#DDDDDD; background:#CC6600;
	}

body.home div#mainnav li#hometab, body.adults div#mainnav li#navli1, body.students div#mainnav li#navli2, body.kids div#mainnav li#navli3, body.community div#mainnav li#navli4, body.renovation li#navli5{ 
	list-style: none; background: #FFFFFF no-repeat top left; 
	}
body.home div#mainnav li#hometab a:link, body.home div#mainnav li#hometab a:visited, 
body.adults div#mainnav li#navli1 a:link, body.adults div#mainnav li#navli1 a:visited, 
body.students div#mainnav li#navli2 a:link, body.students div#mainnav li#navli2 a:visited, 
body.kids div#mainnav li#navli3 a:link, body.kids div#mainnav li#navli3 a:visited { 
	color: #879399; background: #FFFFFF no-repeat top left; 
	}
body.home div#mainnav li#hometab a:hover, body.home div#mainnav li#hometab a:active, 
body.adults div#mainnav li#navli1 a:hover, body.adults div#mainnav li#navli1 a:active, 
body.students div#mainnav li#navli2 a:hover, body.students div#mainnav li#navli2 a:active, 
body.kids div#mainnav li#navli3 a:hover, body.kids div#mainnav li#navli3 a:active { 
	color: #006D9E; 
	}
	

/*------------ Lists ------------*/
ol { margin: 0 0 10px 20px; padding: 0; list-style-type: decimal; list-style-position: outside; }
ol li { margin: 0; padding: 0; line-height: 2em; }
ul { margin: 0 0 0px 0; padding: 0; list-style: none; }
ul li { margin: 0; padding: 0px 0 0 2px; line-height: 2em; background color: #33FFFF no-repeat 0px 3px; }

ul.news { list-style: none; }
ul.news li { display: block; background:url(n614390432_2506272_1701.jpg) no-repeat bottom right; padding: 0 0 10px 0; }
ul.news li h3 { color:#CC6600; text-decoration: none; }
ul.news li h3 a:link, ul.news li h3 a:visited { color:#CC6600; text-decoration: none; }
ul.news li h3 a:hover, ul.news li h3 a:active { color:#660033; text-decoration: underline; 
	}
ul.quicklinks { list-style: none; }
ul.quicklinks li { margin-bottom: 5px; background: transparent url("/images/guillemet_r.gif") center left no-repeat; padding-left: 12px; }
ul.quicklinks li a:link, ul.quicklinks li a:visited { color: #660000; font-size: 11px; font-weight: bold; text-decoration: none; }
ul.quicklinks li a:hover, ul.quicklinks li a:active { color:#CC6600; 
	}
/*------------ Footer ------------*/
div#footer { width: 100%; color: #879399; position:relative; top:400px; padding-left: 150px; padding-bottom: 30px; border-top: double;
	border-color:#999999; }