@charset "utf-8";
/* CSS Document */
html,
	body {
		margin:0;
		padding:0;
		height:100%;
		background-image:url(image/bg2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
	}
	#container {
		min-height:100%;
		position:relative;
		background:url(image/contentbg.gif);
		background-repeat:repeat-y;
background-position: center center;
	}
	#header {
		padding:0px;
	}
	#body {
		position:relative;
		padding-bottom:8px;	/* Height of the footer */
	}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:8px;			/* Height of the footer */
		background:#4b4f55;
	}

.btn2{
	
	height:17px;
	width:17px;
	background:url(image/up.gif);
	border:none;
	box-shadow:none;
	margin:10px;
	float:left;
	position:relative;

}
.btn1{
	display:none;
	height:17px;
	width:17px;
	background:url(image/down.gif);
	box-shadow:none;
	border:none;
	margin:10px;
	float:left;
	position:relative;

	}

.heading{
	font-size:1.8em;
	font-weight:bold;
	color:#009900;
	margin-left:20px; 
	float:left; 
	position:relative;
	padding:30px 10px 0px 10px;
	text-align:left;
}


.thelistofcontent{
	font-size: 1.17em;
	font-weight:bold;
	line-height:10px;
	color:#fff;
	float:left; 
	position:relative; 
	margin-left:32px;
	margin-top:15px;
}

#menucontent{
	font-size: 1.1em;
	line-height: 14px;
	text-align: left;
	color:#009900;	
}

#menucontent a:link{
	line-height: 14px;
	text-align: left;
	color:#fff;
	text-decoration: none;
	display:block;
	padding: 6px;
	padding-left:8px;
}

#menucontent a:visited{
	line-height: 14px;
	text-align: left;
	color:#fff;
}

#menucontent a:hover{
	line-height: 14px;
	text-align: left;
	color:#fff;
	background: #18250a;
}

#content{
	font-size: 1em;
	line-height: 24px;
	float: left;
	position: relative;
	width: 690px;
	text-align: left;
	padding-top:15px;
	padding-bottom:10px;
}

#contact{
	font-size:1.1em;
	margin-left:20px; 
	float:left; 
	position:relative;
	padding:10px;
	width:440px;
	text-align:left;

}


#submenu1{
	font-size:1.1em;
	margin-left:20px; 
	float:left; 
	position:relative;
	padding:10px;
	width:240px;
	text-align:left;

}
#submenubtn{
	background:url(image/hku_15.jpg) no-repeat; 
	padding: 10px 0px 15px 25px;
}

#submenubtn a:link{
	font-size:1.1em;
	color:#333;
	text-decoration:none;
}

#submenubtn a:visited{
	color:#333;
	text-decoration:none;

}

#submenubtn a:hover{
	color:#090;
	text-decoration:none;

}



#print{
	float:right;  
	position:relative;
	padding:20px 30px 0px 0px;
	border:none;
}

#print a:link{
	border:none;
}

#print a:visted{
	border:none;
}

#print:hover{
	opacity:0.5;
}
	
#homebar{
	color:#333;
	position:relative; 
	float:right; 
	margin-top:50px; 
	font-size:14px; 
	font-weight:bold;
}

#homebar a:link{
	color:#333;
	font-size:14px; 
	font-weight:bold;
	text-decoration:none;
}

#homebar a:visited{
	color:#333;
	font-size:14px; 
	font-weight:bold;
	text-decoration:none;
}

#homebar a:hover{
	color:#090;
	font-size:14px; 
	font-weight:bold;
}



#accessControl .control-btn #contrast-wob.current, #accessControl .control-btn #contrast-normal.current {
	display: block;
}


#accessControl .control-btn, #accessControl .text_control {
	margin-left: 10px;	
	background: url("http://www.hku.hk/assets/img/spacer.gif") no-repeat scroll right center transparent;
	padding-right: 10px;
	float: left;
}

#accessControl {
	float: right;
	top: 50px;	
	font-size: 12px !important;
	font-weight: bold;
	margin-right:15px;
	position: relative;
	font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
#accessControl a{
	color: #000;
	text-decoration: none;
}
#accessControl a.fontScaler.current {
	color: #0C6 !important;
	text-decoration: underline;

}
#accessControl .text_control {
	position: relative;
	margin-top: -4px;
}
#accessControl a.fontScaler {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right: 0.1em;
}

#accessControl a.fontScaler.normal {
	font-size: 12px;
}
#accessControl a.fontScaler.large {
	font-size: 16px;
}
#accessControl a.fontScaler.largest {
	font-size: 20px;
}

#accessControl a.fontScaler.current {
	color: #0C6 !important;
	text-decoration: underline;
}
#accessControl a:hover{
	color: #275476;
	text-decoration: none;
}

#accessControl a.fontScaler:hover {
	text-decoration: underline;
	color: #0C6 !important;
	background: none !important;
}

#accessControl .control-btn #contrast-wob{
	display: none;
	font-size: 12px !important;
	text-decoration: none;
}

#accessControl .control-btn #contrast-normal {
	display: none;
	font-size: 12px !important;
	text-decoration: none;
}


/* wob */

body div.topmenubg{
	background-color: #385718;
}

body div.header, body #submenubtn a.over{
	color:#009900;
	font-weight:bold;
}

body #submenubtn a.over{
	color:#009900;
	font-weight:bold;
}

body.wob div.topmenubg {
	background-color: #387e00;
}

body.wob div.topmenubg .thelistofcontent{
	color:#fff;
}
body.wob div.topmenubg #menucontent a:link, body.wob div.topmenubg #menucontent a:visited{
	color: #fff;
}

body.wob div.topmenubg #menucontent a:hover{
	color:#ffff00;
}

body.wob .heading{
	color: #245201;
}

body.wob div.header, body.wob #submenubtn a.over{
	color:#245201;
	font-weight:bold;
}