@charset "utf-8";
@import url("body.css");
@import url("content.css");
@import url("textboxes_front.css");
/* H@W SITE COLOURS: bodyBg_blue:#DCDDDE;*/


/*SITE CONTAINERS*/
#outer_container {width: 990px; margin: 0 auto; text-align:left; }
#inner_container { position:relative; background: #E5F2E5; border:1px solid #3E543E;  } 
/*INSIDE CONTAINERS*/
.mainBody #header {/*background-color: #b3b4c7; */background:url(../images/site/home_top.jpg) no-repeat; padding: 0 10px; height:342px; } 
.mainBody #header h1 {margin: 0; padding: 10px 0;}

/*MENU ITEMS*/
.mainBody #menu_container{ margin-left:12px; position:relative; top:0px; left:0px; width:auto; margin-top:-35px; height:35px; font-size:.85em;}
.mainBody #menu_container .menu_item{ float:left; width:auto; margin-right:5px;}
.mainBody #menu_container .menu_item .menu_left_tab{ float:left; background:url(../images/site/menu_tab_left.png) no-repeat; width:14px; height:35px;}
.mainBody #menu_container .menu_item .menu_name{float:left; margin:0;min-width:10px;}
.mainBody #menu_container .menu_item .menu_name a.oneLine{ display:block; height:35px;background-color:#E5F2E5; text-decoration:none; color:#000; font-weight:bold; text-align:center; line-height:3em;padding:0px 3px 0 3px;  }
.mainBody #menu_container .menu_item .menu_name a.twoLines{ display:block; height:35px;background-color:#E5F2E5; text-decoration:none; color:#000; font-weight:bold; /*margin-bottom:-5px;*/ text-align:center;padding:5px 3px 0 3px;  }
.mainBody #menu_container .menu_item .menu_name a:hover, .mainBody #menu_container .menu_item .menu_name a.selected{ color:#900;}

.mainBody #menu_container .menu_item .menu_right_tab{ float:left; background:url(../images/site/menu_tab_right.png) no-repeat; width:14px; height:35px;}

/* Right side menu*/
.mainBody #menu_container_right{ position:relative; float:right; margin:-160px 0px 0 0; z-index:1000;}
.mainBody #menu_container_right .menu_item{ float:left; width:auto; margin-right:5px;}
.mainBody #menu_container_right .menu_item .menu_left{float:left; background:url(../images/site/enquiry_btn_left.png) no-repeat; width:12px; height:26px; }
.mainBody #menu_container_right .menu_item .menu_name{float:left; margin:0 ;min-width:10px;}
.mainBody #menu_container_right .menu_item .menu_name a{display:block; height:21px; background-color:#7ac17f; text-decoration:none; color:#FF0; font-weight:bold; text-align:center;padding-top:5px;}

.mainBody #menu_container_right .menu_item .menu_name a:hover{color:#900;} 
.mainBody #menu_container_right .menu_item .menu_name a.selected{color:#900;}
.mainBody #menu_container_right .menu_item .menu_right{float:left; width:14px; background:url(../images/site/enquiry_btn_right.png) no-repeat; height:26px;}



/* CONTENT AREA Index */
.mainBody #content_container{ position:relative; top:0px; left:0px; padding:0 20px 0 40px; font-size:.9em;}
.mainBody #content_container #colContentWithNews {margin:0px 440px 20px 0; min-height:400px; padding:20px 0 0 0;  }

/* NEWS BOX */
.mainBody #content_container #newsColRight {float:right; position:relative; top:35px; right:0px; /*background:url(../images/site/news_title_bg.png) no-repeat; 
background-position:top;*/ width: 390px; margin:0px 0 30px 0;}	

.mainBody #content_container #newsColRight #news_box_title{ color:#000;font-size:1.3em; font-weight:bold; text-align:center; line-height:2em;}
.mainBody #content_container #newsColRight #news_box_content{ background:url(../images/site/news_content_bg.png) repeat-y; padding:10px 30px;font-size:.9em;  }
.mainBody #content_container #newsColRight #news_box_content .news_box_item{ margin-bottom: 20px; padding-bottom:10px; border-bottom:#fff dotted 2px;}
.mainBody #content_container #newsColRight #news_box_content .news_box_item h3{ color:#e53424; }
.mainBody #content_container #newsColRight #news_box_content .news_box_item a{ }
.mainBody #content_container #newsColRight #news_box_content .news_box_item p{ line-height:1.5em;}

/* CONTENT AREA ALL OTHERS */
.mainBody #content_container #colContent_left {position:relative; top:0px; left:0px; margin:0px 270px 30px 0; padding:0; font-size:.9em; min-height:150px;}
/* SUB MENU ITEMS*/
.mainBody #sub_menu_container{ float:right; position:relative; top:60px; right:40px; margin-bottom:30px; width:200px; }
.mainBody #sub_menu_container #sub_menu_top{}
.mainBody #sub_menu_container #sub_menu_bottom{ margin-bottom:50px;}

.mainBody #sub_menu_container ul{ list-style:none; margin:0; padding:0; _background-color:#d8e7d7;}
.mainBody #sub_menu_container ul li{/*border-top:#afbbae dotted 1px;*/ padding:8px 12px 8px 12px; background-color:#d8e7d7;}
.mainBody #sub_menu_container ul li.last_item{/*border-bottom:#afbbae dotted 1px;*/}
.mainBody #sub_menu_container ul li a{ display:block; text-decoration:none; font-size:.9em; font-weight:bold; color: #060; background-color:#d8e7d7;}
.mainBody #sub_menu_container ul li a:hover{ color:#900;}
.mainBody #sub_menu_container ul li a.selected{color:#900;}

/* FOOTER */
.mainBody #footer_container {/*background:#ccb68e; */ position:relative; top:0px; left:0px; padding:0 0px 0 40px; text-align: center;} 
.mainBody #footer_container p{margin: 0; padding-bottom:15px;} 
.mainBody #footer_container p a{margin: 0; padding:0 15px 15px;}
.mainBody #footer_container p.second_row a{margin: 0; padding:0 30px 15px;}

/* ENQUIRY */
#enquiryContent{ margin-left:15px;}
.mandatory{color:#FF0000; font-size:0.8em; font-weight:bold;}

.doc_list{padding-left:20px;}

.fltrt { float: right;	margin-left: 8px;}
.fltlft { float: left;	margin-right: 8px;}
.clearfloat { clear:both; height:0;font-size: 1px;line-height: 0px;}
.red_text{ color:#FF0000;}
.box_width{ width:250px;}


<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.mainBody #sidebar1, .mainBody #sidebar2 { padding-top: 30px; }
.mainBody #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]--