/* Home Gallery | 2010
   Author Samuel Ndichu
 */

/* --- HTML --- */
*{ margin: 0; padding: 0; font:Arial, Helvetica, sans-serif;}

div#header{width:100%; margin-left:auto; margin-right:auto; padding-right:10px;}
div#header_title{height:53px; clear: both;}
div#header_left{width: 34.9%; padding: 0 10% 0 5%; float: left;}
div#header_right{width: 34.9%; padding: 0 10% 0 5%; float: right; clear: right;}

body{
	font-family:Arial, Helvetica, sans-serif;
	color:#73808a;
	height: 100%;
} 
#mainContainer { 
min-height:100%;
height:auto !imporatnt;
height:100%;
margin:0 auto -4em; 
} 
html{height: 100%; background:#D4D4D4;}
/*table, th, td {font-size:100%; border-collapse: collapse;}*/
img {border:0;}
#cont_img{ border:1px solid #ccc; padding:2px;}
a{color:#3366CC; text-decoration: none; padding:3px;}
a:hover{color: #F64C0A;text-decoration:none;}
h1{
	margin-bottom: 0.8em;
}
h1.top{color: #fff; font-size: 17px; height: 25px; padding: 28px 0 0 5%; width: 44.9%; float: left;}
h1.header_text{
	color:#FFFFFF;
	height: 25px;
	padding: 18px 50px 0px 134px;
}
h1.header_text a{ color:#FFFFFF; text-decoration:none; padding:10px;}
h2{
	margin-bottom: 10px;
}
h3{
	margin-bottom: 4px;
}

ul{
	margin-right: 15px;
}

p{margin-bottom: 12px; clear: both;}

ul{
	list-style: none;
	padding: 0;
	margin: 0 0 12px 0;
	position: relative;
	float: left;
	clear: both;
}
li{
	padding-left: 50px;
	background: url(../images/bg_li.gif) no-repeat 0 0.4em;
	margin: 0;
}
li#community{height:20px; padding:0px}
li#community a{ text-decoration:none; font-weight:bold; color:#336699;}

input{color: #9ca7ad; font-size: 12px;}

#careermenu{background:url(../images/td-black-bg.gif) repeat-x; width:80%; height:25px; padding-top:2px; padding-left:110px; padding-right:118px;}
#careermenu a{ color:#FFFFFF; padding-left:10PX; padding-right:10px;}
#careermenu a:hover{ color: #F64C0A;text-decoration:none;}
#main{position:relative; min-height:100%; font-size: 0.75em;}
/*For IE*/
* html #main{
	width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'980px':'99%');
	height:100%;
}

/*For IE7*/
*:first-child+html #main{
	width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'980px':'99%');
	height:100%;
}
#contractimg{padding-left:108px;}
#scrollingDiv{width:260px;padding:0px; padding-left:1px; margin-left:0px; position:absolute; }
#menu_list{width:100%; background:url(../images/bg.toolbar.gif) repeat-x;}
#main_left{ width: 100%; background-color:#cbd3da; height:100%; margin-bottom:-100px;}
#main_right{
	width: 79.25%;
	position:relative;
	left:210px;
	background:url(../images/body_headingbox.GIF) no-repeat;
	background-image: url(../images/body_headingbox.GIF);
}
#main2{clear:both; padding-left:30px;width:78%; padding-top:3px;}
#main_tbl{clear:both;padding-top:50px;padding-left:34px;width:628px;}
#top_para{padding-top:2px; text-align:justify;}
#pic{float:left;padding-top:4px;}
#contact_text{clear:both;padding-top:40px;padding-left:34px;}
ul#jcfr_menu{list-style: none; width: 100%; border-top: 0px #CC0000 solid; font-weight:500; line-height: 1em; position:relative; left:20px;}
ul#jcfr_menu li{padding: 0; margin: 0; background: none;}
ul#jcfr_menu a{color:#336699;}
ul#jcfr_menu a:hover{text-decoration:underline; color: #FF0000;}
/*--- LEFT ---*/
div#logo{padding: 20px 0 0 10px; border-right: 5px #77baf1 none; margin-right: 0px; width:200px; vertical-align:top;}
ul#menu{list-style: none; width: 80%; border-top: 0px #CC0000 solid; font-weight:500; line-height: 1.5em;   }
ul#menu li{padding: 0; margin: 0; background: none; background:url(../images/bg2.toolbar.GIF) repeat-x;}
ul#menu li#lefMenuTitle{
	background:url(../images/bg.toolbar.GIF) repeat;
	color:#ffffff;
	padding:3px;
	font-weight:bold;
}
#lefMenuLink{background:url(../images/headerbg.gif) repeat-x;}
#lefMenuLinkActive{color:#FF0000; font-size:16px; font-style:bold; background:url(../images/headerbg.gif) repeat-x;}
ul#inside_menu{list-style: none; padding:0; width: 294px; border-top: 5px #CC0000 solid; margin-left:auto; margin-right:auto; padding: 15px 0 0 0;  line-height: 1.8em;}
ul#home_menu{ margin-left:75px; width:294px; padding-top:-110px; line-height:1.5em;}
ul#home_menu a{color:#336699; text-decoration:none; font-weight:bolder;}
ul#inside_menu a{color:#336699; text-decoration:none;}
ul#menu a{color:#000000; text-decoration:none; font-size:16px; font:"Times New Roman", Times, serif;}
ul#menu a:hover{background:#CCCCCC;}
ul#home_menu a:hover{background:#cbd3da;}
	form#search{padding: 11px 0 0 120px; height: 38px;}
		form#search input{ float: left;}
		input.search{width: 114px; height: 19px; background: url(../images/bg_search.gif) no-repeat; border: 0; padding: 3px 0 0 10px;}
		* html input.search{background-attachment: fixed;}

	form#login_block{padding: 0 0 0 120px; font-size: 0.9em;}
		form#login_block h1{ margin: 0 0 12px 10px;}
		form#login_block label{display: block; color: #9ca7ad; padding: 0 0 0 10px; width: 60px; background: url(../images/bg_label.gif) no-repeat 100% 0.4em;}
		form#login_block input#username, form#login_block input#password{display: block; margin-bottom: 5px; background: url(../images/bg_login.gif) no-repeat; padding: 3px 0 0 10px; width: 174px; height: 19px; border: 0;}
			input.login_button{ display: block; margin: 10px 0 10px 0;}
		form#login_block a{padding-left: 6px;}
/*--- RIGHT ---*/
div#top_image{height: 352px; background-image:url(/images/top_01.jpg); background-position: 100% 100%; background-repeat: no-repeat;}
div#top_image1{height: 352px; background-image:url(/images/top_03.jpg); background-position: 100% 100%; background-repeat: no-repeat;}
div#top_image2{height: 352px; background-image:url(/images/top_02.jpg); background-position: 100% 100%; background-repeat: no-repeat;}
div#top_image3{height: 352px; background-image:url(images/top_01.jpg); background-position: 100% 100%; background-repeat: no-repeat;}
div#top_image4{height: 352px; background-image:url(images/top_01.jpg); background-position: 100% 100%; background-repeat: no-repeat;}
div#top_text{padding: 47px 0 0 4px; background: url(../images/border.gif) no-repeat; float:left; vertical-align:middle;}
	/* CONTENT */
div#content{clear: both; line-height: 1.3em; background: padding-top:7px;}  /* url(../images/bg_h1.jpg) repeat-x;*/
div#content_title{height:53px; clear: both;}
div#content_left{width: 34.9%; padding: 0 0 0 0; float: left;}
div#content_right{width: 44.9%; padding: 0 0 0 0; float: right;}
/*--- FOOTER ---*/
div#footer_block{height: 165px; clear: both; width: 100%;}
#footer_1{height: 58px; margin: -158px auto; position: relative;}
div#footer_left{width: 100%; margin-left:auto; margin-right:auto; background: #cbd3da; text-align:center; position:absolute; height: 4em;}
.footer, .push{	height: 4em; clear: both;background: #cbd3da;}
div#footer_content{width: 70%; background: #cbd3da; margin-left:auto; margin-right:auto; height: 100px; position:absolute; top:50px;}

div#footer_top_t{background: #fff; padding: 0 0 8px 123px;}
div#footer_top_t a{color: #829db4; margin-right: 64px; font-size:11px;}
div#copyright{width:100%; margin-left:auto; margin-right:auto; padding-top:10px; color: #3a7fb8; text-align:center;}
div#footer_right{width: 34.9%; float: right; height: 157px;}
#container {
	min-height: 100%;
	margin-bottom: -4em;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	border:solid;
	border-width:thin;
	width:90%;
	background:#FFFFFF;
}

div.maincontent-mini
{
	position:absolute;
	top:103px;
	padding-right:10px;
	padding-top:85px;
	background:#FFFFFF;
	left:1px;
	font-size:12px;
}


#footer {height: 4em;   position: relative; text-align:center; background: #cbd3da; width:100%; margin-left:auto; margin-right:auto;}

.clearfooter {   height: 100px;   clear: both;}
input.date {
	width: 150px;
	color: #000;
}