body {
	background-color: #ffffff;
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

img { behavior: url(iepngfix.htc); }

#content {
	width: 856px;
	height: 644px;
	
}

.float_images {
	position: absolute;
}

a {
	color:white;
}

.hide_content span {
	display: none;
}

.text_menu_item {
	text-align:left;
}

.text_menu_item span {
	position:absolute;
	display:block;
	top:5px;
	left:5px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	width:135px;
	height:15px;
	overflow:hidden;	
	white-space: nowrap;
}


li.text_menu_item a {
	background: url(images/empty_menu.png); no-repeat 0px 0px;
	color:black;
}

li.text_menu_item a:hover {
	/*background: url(images/empty_menu_hover.png); no-repeat 0px 0px;*/
	color:#008837;
}



.normal_table {
	 text-align:left;
	 color:white;
	 border-width: 3px;
	border-spacing: 0px;
	border-style: solid;
	border-color: white;
	border-collapse: collapse;
	font-family: 'Lucida Grande', Lucida, Verdana, sans-serif;
	margin:5px;
}

.normal_table td {
	vertical-align:top;
	text-align:left;
}

.bold_column_table th {
	border-left:2px solid white;
	border-right:2px solid white;
	border-bottom:2px solid white;
}

.bold_column_table td {
	border-left:2px solid white;
	border-right:2px solid white;
}

.mainmenu_pop_item {
	color:white;
}

.mainmenu_pop_item:hover {
	color:#ffff00;
}


/* @group top_content */

#top_content {
	width: 865px;
	height: 85px;
	position: relative;
	margin-bottom: 2px;
}

#title {
	position: relative;
	float: left;
	margin-right: 2px;
}

#top_links {
	width: 345px;
	height: 85px;
	float: left;
}

.left_submenu {
	color: white; 
	background:#008137; 
}

.left_submenu:hover {
	color: black; 
	background:#00ff00; 
}


/* @group top menu */

ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 345px; /*For KHTML*/
  list-style: none;
  height: 85px;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 85px;
  /*text-indent: -9999px;	*/
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 20px;
  list-style: none;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
  border: 0px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #EEE;
  color: #666;
  font: bold 85px/85px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

ul#navmenu li#link_radio a:link,
ul#navmenu li#link_radio a:visited {
	width: 90px;
	height: 85px;
	background: url(images/link_radio.png) no-repeat 0px 0px;
}
ul#navmenu li#link_teachers_parents a:link,
ul#navmenu li#link_teachers_parents a:visited {
	width: 96px;
	height: 85px;
	background: url(images/link_teacher_parent.png) no-repeat 0px 0px;
}
ul#navmenu li#link_intranet a:link,
ul#navmenu li#link_intranet a:visited {
	width: 74px;
	height: 85px;
	background: url(images/link_intranet.png) no-repeat 0px 0px;
}

ul#navmenu li#link_library a:link,
ul#navmenu li#link_library a:visited {
	width: 85px;
	height: 85px;
	background: url(images/link_library.png) no-repeat 0px 0px;
}


/* @end */

/*
#link_radio {
	width: 90px;
	height: 85px;
	background: url(images/link_radio.png);
	float: left;
}

#link_teachers_parents {
	width: 96px;
	height: 85px;
	background: url(images/link_teacher_parent.png);
	float: left;
}

#link_intranet {
	width: 74px;
	height: 85px;
	background-image: url(images/link_intranet.png);
	float: left;
}

#link_library {
	background-image: url(images/link_library.png);
	width: 85px;
	height: 85px;
	float: left;
}*/

/* @end */

/* @group bottom_content */

#bottom_content {
	position: relative;
	background: url(images/content_bg.png);
	width: 856px;
	height: 544px;
}

#school_name {
	width:697px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 5px;
	behavior: url(iepngfix.htc);
	background: url(images/school_eng_name.png);
}

#counter {
	position: absolute;
	top: 6px;
	left: 662px;
	width: 95px;
}

#counter p {
	color:white;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin:0;
	padding:0;
}

#chinese_lang {
	position: absolute;
	top: 0px;
	left: 737px;
}

#english_lang {
	position: absolute;
	top: 0px;
	left: 803px;
}


#menu {
	width: 162px;
	height: 491px;
	position: absolute;
	left: 17px;
	top: 40px;
	z-index:2;
}

#page_content {
	width: 661px;
	height: 491px;
	position: absolute;
	top: 40px;
	left: 179px;
}

/* @group left menu */

#popup_info p {
	color: #000000;
}

ul#left_menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 164px; /* Width of Menu Items */
	border: 0;
	height:25px;
	}
	
ul#left_menu li {
	margin:0;
	padding:0;
	float: left; /*For Gecko*/
    display: inline;
    list-style: none;
	position: relative;
	}
	
ul#left_menu li ul {
	position: absolute;
	left: 130px; 
	top: 10px;
	display: none;
	border:1px solid black;
	background: white;
	padding:2;
margin:0;
	z-index:20;
	}
	
ul#left_menu li ul li {
		background: white;
	}

/* Styles for Menu Items */
ul#left_menu li ul li a {
	display: block;
	width: 162px;
	height:20px;
	text-decoration: none;
	background: #fff; /* IE6 Bug */
	padding: 0px;
	border: 0px; /* IE6 Bug */
	font: bold 20px/20px Verdana, Arial, Helvetica, sans-serif;
}

ul#left_menu li a {
	display: block;
	width: 162px;
	height:40px;
	text-decoration: none;
	background: #fff; /* IE6 Bug */
	padding: 0px;
	border: 0px; /* IE6 Bug */
	font: bold 40px/40px Verdana, Arial, Helvetica, sans-serif;
	}
	
	ul#left_menu li#link_menu_1 {
		height:  40px;
		z-index:20;
	}
	ul#left_menu li#link_menu_1 a:link,
	ul#left_menu li#link_menu_1 a:visited {
		width: 162px;
		height: 40px;
		background: url(images/menu_1.png) no-repeat 0px 0px;
		font: bold 40px/40px Verdana, Arial, Helvetica, sans-serif;
		
	}
	ul#left_menu li#link_menu_2 {
		height: 41px;
		z-index:19;
	}
	ul#left_menu li#link_menu_2 a:link,
	ul#left_menu li#link_menu_2 a:visited {
		width: 162px;
		height: 41px;
		background: url(images/menu_2.png) no-repeat 0px 0px;
		font: bold 41px/41px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_3 {
		z-index:18;
		height: 41px;
	}
	ul#left_menu li#link_menu_3 a:link,
	ul#left_menu li#link_menu_3 a:visited {
		width: 162px;
		height: 41px;
		background: url(images/menu_3.png) no-repeat 0px 0px;
		font: bold 41px/41px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_4 {
		height: 41px;
	}
	ul#left_menu li#link_menu_4 a:link,
	ul#left_menu li#link_menu_4 a:visited {
		width: 162px;
		height: 41px;
		background: url(images/menu_4.png) no-repeat 0px 0px;
		font: bold 41px/41px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_5 {
		height: 41px;
	}
	ul#left_menu li#link_menu_5 a:link,
	ul#left_menu li#link_menu_5 a:visited {
		width: 162px;
		height: 41px;
		background: url(images/menu_5.png) no-repeat 0px 0px;
		font: bold 41px/41px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_6 {
		height: 41px;
	}
	ul#left_menu li#link_menu_6 a:link,
	ul#left_menu li#link_menu_6 a:visited {
		width: 162px;
		height: 41px;
		background: url(images/menu_6.png) no-repeat 0px 0px;
		font: bold 41px/41px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_7 {
		height: 41px;
	}
	ul#left_menu li#link_menu_7 a:link,
	ul#left_menu li#link_menu_7 a:visited {
		width: 162px;
		height: 41px;
		background: url(images/menu_7.png) no-repeat 0px 0px;
		font: bold 41px/41px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_8 {
		height: 42px;
	}
	ul#left_menu li#link_menu_8 a:link,
	ul#left_menu li#link_menu_8 a:visited {
		width: 162px;
		height: 42px;
		background: url(images/menu_8.png) no-repeat 0px 0px;
		font: bold 42px/42px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_9 {
		height: 41px;
	}
	ul#left_menu li#link_menu_9 a:link,
	ul#left_menu li#link_menu_9 a:visited {
		width: 162px;
		height: 41px;
		background: url(images/menu_9.png) no-repeat 0px 0px;
		font: bold 41px/41px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_10 {
		height: 41px;
		z-index:20;
	}
	ul#left_menu li#link_menu_10 a:link,
	ul#left_menu li#link_menu_10 a:visited {
		width: 162px;
		height: 41px;
		background: url(images/menu_10.png) no-repeat 0px 0px;
		font: bold 41px/41px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_11 {
		height: 41px;
		z-index:1;
	}
	ul#left_menu li#link_menu_11 a:link,
	ul#left_menu li#link_menu_11 a:visited {
		width: 162px;
		height: 41px;
		background: url(images/menu_11.png) no-repeat 0px 0px;
		font: bold 41px/41px Verdana, Arial, Helvetica, sans-serif;
	}
	ul#left_menu li#link_menu_12 {
		height: 40px;
		z-index:1;
	}
	ul#left_menu li#link_menu_12 a:link,
	ul#left_menu li#link_menu_12 a:visited {
		width: 162px;
		height: 40px;
		background: url(images/menu_12.png) no-repeat 0px 0px;
		font: bold 40px/40px Verdana, Arial, Helvetica, sans-serif;
	}
	
/* Holly Hack. IE Requirement \*/
* html ul#left_menu li, html ul#left_menu li ul li { float: left; height: 1%; }
* html ul#left_menu li a, html ul#left_menu li ul li a { height: 1%; }
/* End */

ul#left_menu li:hover ul, ul#left_menu li.iehover ul { display: block; } /* The magic */


/* @end */



/* @end */