/* oliveGreen CSS */
body {
	margin: 0;
	padding: 0;
	background: #2E2200;
	font-size: 16px;
	color: #ffc;
	text-align:center;
}
body, th, td, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #2E2713;
	letter-spacing: -2px;
	font-size: 3em;}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#FF0;
	letter-spacing: -1px;
	font-size: 2em;}
h3 {
	font-size: 12px;
	font-weight:200;
	padding-left:8px;
	color:#FFF;
}
h4 {
	font-size: 20px;
	font-weight:bold;
	color: #7B9D25;
}
h5 {
	font-size: 15px;
	font-weight: bolder;
	line-height: 180%;
}

.chFont{
	font-family: MingLiU_HKSCS;
	font-size:15px;
	font-weight:400;
}
.programFont{
	font-family:MingLiU_HKSCS;
	font-size:15px;
	font-weight:400;
}
.special {
	font-size:9px;
	color:#F00;
	font-weight:bold;
	text-decoration:blink;
}

p, ul, ol {
	line-height: 200%;
}
a {
	color: #FFF;
}
a:hover {
	color: #FF0;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
	width: 850px;
	margin: 0 auto;
	padding: 0;
	border:thin; border-color:#E5DC1E;
	text-align:left;
}
/* Header */
#header {
	width: 850px;
	height: 140px;
	margin-left: 6px;
	background: url(image/banner_isaiah.jpg) no-repeat left;
	padding: 0;
}
/* Content */
#content {
	float: right;
	width: 580px;
	margin: 27 0 px;
	padding-left:0px;
	line-height: normal;
	font-style: normal;
}
#contentArchived {
	float: left;
	width: 790px;
	margin: 0px;
	padding-left:10px;
	line-height: normal;
	font-style: normal;
}	
#content dl{
	font-size:14px;
	font-weight:bold;
}
#content dd{
	font-size:inherit;
	font-weight:normal;
	line-height:1.8em;
}
/* Sidebar */
#sidebar {
	float: left;
	width: 220px;
	margin:32px 5px 0 0px;
	color: #2e2200;
	font-size:14px;
	height:650px;
}
#sidebar ul {
	margin: 0 0 0 6px;
	padding:0;
	list-style: none;
}
#sidebar li {
	margin: 0 0 10px 0;
}
#sidebar li a#current{
color:#2e2200; background:#c63;
font-weight:bold;
}
#sidebar a{
display:block;
color:#2e2200;background:#ffc;
widows:140;
font-weight:bold;
padding:4px 6px;
text-decoration:none;
border-top:4px solid #ccc;
border-left:4px solid #ccc;
border-right:4px solid #ccc;
border-bottom:4px solid #ccc;
border-color:#c63;
}
#sidebar a:hover {
color:#fff; background:#7B9D25;
}
#sidebar_lower {
	float: left;
	width: 220px;
	margin:32px 5px 0 0px;
	color: #2e2200;
	font-size:14px;
	height:160px;
}
#printContent {
	border:0px solid #000;
}

/* Footer */

/* Sticky footer codes from http://www.cssstickyfooter.com/using-sticky-footer-code.html */
.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;}
/* End hide from IE-mac */

#footer{
clear:both;
color:#2e2200; background:#ffc;
text-align: left;
margin-top:10px;
}
#footer p{
padding:0;
text-align: center;
font-size: 10px;
font-weight:bold;
}
/*footer navigation list from Keith Burgin on Listmatics - modified by Celia Lam*/
#navcontainer
{
	width: 100%;
	float: left;
	background-color: #ffc;
}
#navcontainer ul
{
margin: 0;
padding: 0 0 0 30px;
color: #ffc;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
}
#navcontainer ul li { 
	display: inline;
}
#navcontainer ul li a
{
padding: 0 17px;
background-color: #ffc;
color: #2e2200;
text-decoration: none;
float: left;
border-right: 1px solid #94B473;
}

#navcontainer ul li a:hover
{
background-color: #7B9D25;
color: #FFFFFF;
}

#navlist li a:hover, #navlist li a:active
{
color: #FFFFFF;
text-decoration: none;
background: #CC3333;
text-align: left;
text-transform: uppercase;
font: bold normal 10px/16px "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
}

/*new addition from Freefind Search Engine - added 11-Nov-11*/
<!-- START of freefind onpage results html -->
<!-- position these div's right after your body tag -->

<!--  FreeFind on-page results divs  -->
<div id="ffresult_win"   style=" z-index:1; padding: 20px 0 16px 0; margin:0px; width:538px; height:728px; border:none; display:none; position:absolute; top:0px; left:0px;">
	<div  id="ffresult_bar" onmousedown="ffresults.drag(event,false)"  style="cursor: move; z-index:5; position:absolute; top:0px; left:0px; background-color:maroon; padding:0; text-align: right; width:100%; height:20px; display:block;  border:solid; border-width: 1px; border-bottom: 0px; border-color:maroon;">
	<a  id="ffrclose" style="z-index:6; font-family: arial, verdana, sans-serif; font-size:8pt; color:white; " href="javascript:ffresults.hide()">Close window [X]</a>&nbsp;&nbsp;&nbsp;
	</div>
	<div  id="ffresult_2" style="z-index:7; position: relative; height: 100%; background-color:white;  display:block;">
	<div  id="ffresult_cvr" style="z-index:0; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%;">
	</div>
	<iframe  id="ffresult_ifr" name="ffresult_frame"  style="z-index:1; position:absolute; top:0px; left:0px; border:solid; border-width: 0px 1px 0px 1px; border-color:gray;" src="" width="100%" height="100%" scrolling="auto" frameborder="0">
	</iframe>
	</div>
	<div  id="ffresult_btm" style=" position:absolute; bottom:-1; left:0px; border:solid; border-color:gray; border-width: 1px; border-top: 0px; display: block; z-index:18; background-color:#d0d0d0; width:100%; height:16px; " >
		<div  id="ffresult_sbx" onmousedown="ffresults.drag(event,true);" style="cursor: se-resize; float:right; border:none; border-color:gray; border-width: 0px; width:16px; height:16px; "><img  style="" id="ffresult_szimg" height=16 width=16 border=0 src="" alt=""></div>
	</div>
</div>