/* 
    Document   : style
    Created on : 09/01/2010, 1:32:51 PM
    Author     : yip
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
#container {
    background-color: #fff;
    overflow: hidden;
}
#header {
    background-image: url(/images/site/header_background.jpg);
    height: 97px;
    color: #fff;
}
#main_nav {
    padding-top: 30px;
}
#main_nav ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}
#main_nav ul li {
    list-style: none;
    display: inline;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin-left: 0;
    padding-left: 25px;
}
#menu {
    padding-right:10px;
}
#contact_number {
	text-align: right;
	padding-right:30px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFAA;
	margin-top: 6px;
}
a {
	text-decoration:none;
	color: #3B6EBF;
	font-weight: bold;
}
#menu a{
	color:#ccc;
}
#menu a:hover {
	color:#828417;	
}
#menu .current {
	color: #f58220;
}
#banner {
    background-image: url(/images/site/banner_background.jpg);
    height: 295px;
    color: #fff;
}
#banner_info {
    height: 141px;
	color: #d5d8e0;
	font-family: Times New Roman, serif;
	font-size: 24px;
}
#banner_info #banner_info_msg1 {
	margin: 36px 0 0 32px;
}
#banner_info #banner_info_msg2 {
	margin-left: 172px;
}
#banner_content {
    padding-top: 40px;
    height: 295px;
}
#banner_content p {   
	padding-right: 20px; 
    height: 295px;
}
#main {
    background-color: #333;
    background: url(/images/site/main_background.jpg) repeat-x;
}
.main_home ul {
    margin-left: 0;
    padding-left: 0;
}
.main_home ul li {
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 0;
}
.main_home .colcontent {
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 20px;
}
.main_home .colcontent h2 {
    margin-bottom: 4px;
}
.main_home #col2 {
    padding-left: 10px;
}
.main_home #col3 {
    padding-left: 4px;
}
.main_home #col1 h2 {
    color: #2985c4;
}
.main_home #col2 h2 {
    color: #828417;
}
.main_home #col3 h2 {
    color: #b50000;
}
.main_home #col1_top {
    width: 274px;
    height: 114px;
	display: block;
}
.main_home #col1_bottom {
    margin-top: 16px;
    background: url(/images/site/rounded_background.jpg) no-repeat;
    width: 275px;
    height: 182px;
    padding: 8px 0 0 14px;
}
.main_home #col1_bottom  h2 {
	color: #ec8e06;
}
.main_home #col2_top {    
    width: 274px;
    height: 114px;
	display: block;
}
.main_home #col2_bottom {
    margin-top: 16px;
    background: url(/images/site/rounded_background.jpg) no-repeat;
    width: 275px;
    height: 182px;
    padding: 8px 0 0 14px;
}
.main_home #col2_bottom  h2 {
	color: #529d02;
}
.main_home #col2_bottom  a{
	color: #529d02;
}
.main_home #col2_bottom .rss a{
	color: #529d02;
	font-size: 11px;
}
.main_home #col3_header {
    background: url(/images/site/Contactus.jpg) no-repeat;
    width: 284px;
    height: 304px;
}
.main_info .colcontent {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 30px;
}
.main_info .colcontent h2 {
    margin-bottom: 4px;
}
.main_info #col1 h2 {
    color: #828417;
}
.main_info #col2 ul li {
    list-style: none;
	font-size: 14px;
	margin-left: 0;
	padding-left: 0;
}
#footer {
    background-color: #424355;
    color: #95959b;
    text-align: center;
}
#footer p {
    padding-top: 20px;
}
.breadcrumb {
	padding-left: 30px;
	font-size: 12px;
}
#banner_info_msg1 {
	display: none;
}
#banner_info_msg2 {
	display: none;
}
h1 a :link, h1  a:visited, h1 a:active {
	color: #fff;
}
h1 a:hover {
	text-decoration: underline;
}
h2 a:hover {
	text-decoration: underline;
}

#sidemenu {	
	width: 238px;
	border-style: solid solid none solid;
	border-color: #7A83A7;
	border-size: 1px;
	border-width: 1px;
	margin: 10px 10px 10px 0;
	}
	
#sidemenu li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	font-size: 86%;
	}	
	
#sidemenu li a:link, #sidemenu li a:visited {
	color: #474E68;
	display: block;
	background: url(/images/site/menu1.gif);
	padding: 8px 0 0 10px;
	}
	
#sidemenu li a:hover {
	color: #26370A;
	background: url(/images/site/menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
#sidemenu  li a:active {
	color: #26370A;
	background: url(/images/site/menu1.gif) 0 -64px;
	padding: 8px 0 0 10px;
	}
.activemenu {
	color: #000;
}