/* css website layout by http://www.1stpageseo.com, ©opyright and ™rademark applied for, yes I will pro'se'cute, make my day, ver 2.1.2, January 1, 2008
*/
body{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
	padding:0;
	text-align:center;
	font-size: 15px;
	word-spacing: 0.15m;
	background-color: #E8F0E6;}
#container{
	margin: 0 auto 0 auto;
	padding: 0;}
#header {
	text-align: center;
	border: 0px;
	float: none;
	width: 100%;
	background-image: url(img/header.jpg);
	background-repeat: repeat-x;
	height: 140px;}
#content{
	width: 960px;
	clear: both;
	float: none;
	margin: 0px;
	padding-left: 30px;}
#aboutcontent{
	width: 600px;
	clear: both;
	float: none;
	margin: 0px;
	padding-left: 200px;
	font-weight: normal;
	text-align: left;}
#safaricontact{
	width: 350px;
	clear: both;
	float: none;
	margin: 0px;
	padding-left: 350px;
	font-weight: normal;
	text-align: left;}
.photo_left{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 0px;}
.photo_right{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
.photo_center{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	float: none;
	padding: 5px;}
.galleryphoto{
	padding:5px;
	border:1px solid #244671;
	float:left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;}
#centercontent600{
	width: 600px;
	clear: both;
	float: none;
	margin: 0px;
	padding-left: 220px;}
#leftcontent600{
	width: 600px;
	clear: both;
	float: none;
	margin: 0px;
	padding-left: 200px;
	text-align: left;}
#centercontent300{
	width: 300px;
	clear: both;
	float: none;
	margin: 0px;
	padding-left: 355px;}
#content600{
	width: 600px;
	clear: both;
	float: none;
	margin: 0px;
	padding-left: 165px;
	padding-top: 20px;}
#content300{
	width: 300px;
	clear: both;
	float: none;
	margin: 0px;
	padding-left: 165px;
	padding-top: 20px;}
#textbox{
	width: 290px;
	clear: both;
	float: left;
	margin: 0px;
	padding-left: 15px;
	text-align: left;
	text-indent: 0px;
	vertical-align: 0%;}
#navbox ul {
	padding: 0;
	margin: 0;
	background-color: #A3B39E;
	color: White;
	float: left;
	width: 100%;
	font-size: 17px;
	line-height: normal;
	font-weight: bold;
	font-family: Papyrus;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #356715;
	border-bottom-color: #356715;}
#navbox ul li {
	display: inline;
	font-size: 17px;
	line-height: normal;
	font-weight: bold;
	font-family: Papyrus;
	color: #FFFFFF;}
#navbox ul li a {
	padding: 0;
	margin: 0;
	background-color: #A3B39E;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	font-weight: bold;
	font-size: 17px;
	line-height: normal;
	padding-top: .75em;
	padding-bottom: .75em;
	font-family: Papyrus;
	padding-right: 1.75em;
	padding-left: 1.75em;}
#navbox ul li a:hover, #navbox ul li#active a {
	background-color: #A3B39E;
	color: #086811;	
	font-weight: bold;
	font-size: 17px;
	font-family: Papyrus;
	line-height: normal;}
#sitemap-content {
	padding: 0;
	width: 300px;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
	text-align: left;
	background: #fff;
	clear: both;
	margin: 0;
	float: left;
	font-size: 10px; }	
.redbold {
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;}
strong {
	color:#666666;
	margin:0;
	padding:0;
	text-align:center;
	font-size: 13px;
	font-weight: bold;}
h1{
	color: #4b723c;
	font-weight: bold;
	font-size:17px;}
h2{
	color: #356715;
	font-weight: bold;
	font-size:17px;
	padding-bottom: 10px;
	padding-top: 0px;}
h3{
	margin: 0;
	font-size:1.3em;
	font-weight:bold;
	color: #000000;}
h4{
	font-size:18px;
	color: #009966;
	margin: 0;
	font-weight:bold;}
h5{
	font-size:18px;
	color: #FF0000;
	margin: 0;
	font-weight:bold;
	padding-bottom: 20px;}
a{	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0px;
	text-decoration:none;
	font-weight: bold;}
a:visited{
color:#006633;
font-weight: bold;
text-decoration:none;}
a:active{
font-weight: bold;
color:#006633;
text-decoration:none;}
a:hover{
color:#006633;
font-weight: bold;
text-decoration:underline;}
#footer{
	clear:none;
	color:#a0a0a0;
	font-size:0.9em;
	margin-top:0px;
	text-align:center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;}
#footer a{
	color:#a0a0a0;
	font-weight:400;}
#footer a:hover{
	color:#a0a0a0;
	text-decoration:underline;}
A.navlinks:link {COLOR: #0066FF; 	font-family: Arial, Helvetica, sans-serif;
 FONT-SIZE: 12px; FONT-WEIGHT: bold; text-decoration:none;	border-bottom: none;}
A.navlinks:active {COLOR: #0066FF; 	font-family: Arial, Helvetica, sans-serif;
 FONT-SIZE: 12px; FONT-WEIGHT: bold; text-decoration:none;	border-bottom: none;}
A.navlinks:visited {COLOR: #0066FF; 	font-family: Arial, Helvetica, sans-serif;
 FONT-SIZE: 12px; FONT-WEIGHT: bold; text-decoration:none;	border-bottom: none;}
A.navlinks:hover {COLOR: #FF0000;font-family: Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;	FONT-WEIGHT: bold;	text-decoration:underline;	border-bottom: none;}
input.submithover{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
color: #000000;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;}
input.submit{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #A3B39E;
color: #FFFFFF;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
/*example <img src="blwebcam-sample.jpg" alt="Suni" class="center" />*/}


#content-nav {
	padding: 0;
	width: 1400px;
	height:  50px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 17px;
	line-height: normal;
	font-weight: bold;
	font-family: Papyrus;

}

/* ================================================================ 

This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/skeleton.html

Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

#nav, 
#nav ul {
	padding:0 0 0px 0;
 	margin:0;
	list-style:none;
	background:#A3B39E;
	position:relative;
	z-index:200;
}
#nav {height:0px; padding:0;}
#nav table {border-collapse:collapse;}
#nav li {
	float:left;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#nav li li {float:left;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}
#nav li a {display:block; float:left; color:#FFFFFF; height:25px; padding-left:38px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;	font-size: 17px; font-weight: bold;	font-family: Papyrus;
}
#nav li li a {height:20px; line-height:20px; float:none;}
#nav li:hover {position:relative; z-index:300; background:#A3B39E;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#FFFFFF;}
#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-63px;}
#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#FFFFFF;}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:-1px;}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}