@charset "utf-8";
/*
 * CSS Document by Jeffrey Ouma.
 * Copyright© 2009 artkenya.net Ltd. All rights reserved.
 * 
 * Description: Defines styles that apply to each page in the website regardless.
 * Note: Styles preceded by an asterisk(*) are specific to Internet Explorer. 
 * Styles are declared in order of appearance.
 */


/*
 * PAGE LAYOUT
 * ===========
 * These styles govern the structure of the page and the way it is placed in the browser window.
 * They also define styles that will be universal to the rest of the page such as the text color.
 */
html {
	background:#FFFFFF url("../Images/bg_home.gif") scroll repeat-x 0 115px;
}

body{
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	line-height:140%;
	margin:0;
	padding:0;
	text-align:center;
}

#doc {
	margin:0 auto;
	text-align:left;
	width:900px;	
}

/* End of Page Layout styles*/


/*
 * HEADER
 * ======
 * These styles are for the first third of the page layout, 
 * which is reserved for the banner and masthead.
 */


/* End of Header styles */


/*
 * BODY
 * ====
 * The second third of the page layout, reserved for most of the main content 
 * as well as the navigation
 */

#bd {
	/*clear:none;
	*width:900px;*/
}


/*
 * MASTHEAD
 * ========
 */

#masthead {
	position:relative;
}
#masthead-logo {
	display:inline-block;
	margin:10px 0;
}
.mastheadnav {
	color:#666666;
	font-size:93%;
	font-weight:bold;
	padding:0;
	position:absolute;
	right:0;
	text-transform:uppercase;
}
#mastheadlang.mastheadnav {
	text-transform:none;
	top:10px;
}
#mastheadnav.mastheadnav {
	bottom:10px;
}

.mastheadnav a, .mastheadnav a:link, .mastheadnav a:visited, .mastheadnav a:active {
	color:#666666;
	text-decoration:none;
}
.mastheadnav a:hover {
	color:#990000;
	text-decoration:underline;
}
.mastheadnav span.active, .mastheadnav a.active, .mastheadnav a.active:link, .mastheadnav a.active:visited, .mastheadnav a.active:active {
	color:#990000;
	font-weight:bold;
}
.mastheadnav a.active:hover {
	text-decoration:none;
}

/* End of Masthead styles */

#banner {
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0 1px;
	float:right;
	height:243px;
	margin:0 -2px;
	overflow:hidden;
	width:708px;
	*border-color:#FFFFFF !important;
	*border-style:solid !important;
	*border-width:0 1px !important;
	*margin:0 -2px !important;
	*border-color:#FFFFFF;
	*border-style:solid;
	*border-width:0;
	*margin:0;
}


/*
 * SIDEBAR LEFT
 * ============
 */

#sidebarleft {
	float:left;
	width:192px;
}

#sidebarleft .sidebarbox {
	clear:left;
	padding-top:12px;
}

#sidebarleft .sidebarbox .sidebarbox-hd {
	background-color:#003366;
	border-left:41px solid #1370A3;
	color:#FFFFFF;
	font-size:108%;
	font-weight:bold;
	line-height:28px;
	margin:0 0 2px;
	padding:0 0 0 10px;
}

#sidebarleft .sidebarbox .sidebarbox-bd {
	background-color:#EFEFEF;
	font-size:93%;
}
#sidebarleft #sidebarcontext.sidebarbox .sidebarbox-bd {
	background-color:transparent;
}
#sidebarleft .sidebarbox .sidebarbox-bd ul {
	margin:0;
	padding:0;
}
#sidebarleft .sidebarbox .sidebarbox-bd ul li {
	background-color:#EFEFEF;
	line-height:28px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 2px;
	padding-left:0;
}
#sidebarleft .sidebarbox .sidebarbox-bd ul li a {
	border-bottom:1px solid #DDDDDD;
	border-left:42px solid #DDDDDD;
	display:block;
	height:28px;
	padding-left:5px;
	text-decoration:none;
}
#sidebarleft .sidebarbox .sidebarbox-bd ul li li a:hover {
	background-color:#EFEFEF;
	border-color:#1370A3;
	color:#003366;
	text-decoration:none;
}
#sidebarleft .sidebarbox .sidebarbox-bd ul li.active a, #sidebarleft .sidebarbox .sidebarbox-bd ul li.active a:hover {
	border-color:#336699;
	color:#990000;
	font-weight:bold;
	text-decoration:none;
}

#sidebarleft .sidebarbox .sidebarbox-ft {
	background-color:#EFEFEF;
	font-size:93%;
}
#sidebarleft .sidebarbox .sidebarbox-ft .sidebarbox-content {
	padding:5px 10px;
}


/*
 * TOP NAVIGATION
 * ==============
 */

#topnav {
	float:left;
	width:192px;
}
#topnav .hd {
	height:95px;
}
#topnav .bd {
	background:#003366 url("../Images/bg_nav_top.gif") scroll repeat-y left top;
	color:#E7E7E7;
	font-size:93%;
	height:243px;
	text-transform:uppercase;
}
#topnav .bd ul {
	margin:0;
	padding:20px;
}
#topnav .bd ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:2px 0 5px;
}
#topnav .bd ul li a {
	border-bottom:0px solid #003366;
	border-left:20px solid #003366;
	color:#E7E7E7;
	display:block;
	height:17px;
	padding-bottom:1px;
	padding-left:7px;
	text-decoration:none;
}
#topnav .bd ul li a:hover {
	border-bottom:1px solid #336699;
	border-left:20px solid #336699;
	padding-bottom:0px;
}
#topnav .bd ul li.active a {
	border-bottom:1px solid #336699;
	border-left:20px solid #336699;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0;
	padding-bottom:0px;
	text-decoration:none;
}

#topnav .ft {
	background:transparent url("../Images/bg_nav_bottom.gif") repeat-y scroll left bottom;
	height:44px;
}

/* End of Top Navigation styles */

/* End of Sidebar Left styles */

#breadcrumb {
	border-bottom:1px dotted #999999;
	float:right;
	height:43px;
	width:708px;
}

#breadcrumb .content {
	float:left;
	padding:13px;
}

#breadcrumb .search {
	float:right;
	padding:10px 0 0 13px;
}
#search {
	border: 1px solid #999999;
	font-size:85%;
	padding:2px 4px;
	vertical-align:middle;
	width:191px;
}
#search.default {
	color:#999999;
	font-style:italic;
}

#searchbutton {
	background:transparent url("../Images/go.gif") scroll no-repeat left top;
	border:none;
	height:20px;
	vertical-align:middle;
	width:30px;
}


/*
 * SIDEBAR RIGHT
 * =============
 */

#sidebarright {
	float:right;
	margin:65px 0 10px 20px;
	width:200px;
	*width:200px !important;
	*width:197px;
}
#sidebarright .sidebar-content {
	background-color:#EFEFEF;
	color:#003366;
	padding:10px;
	text-align:left;
}
#sidebarright .sidebar-content h3 {
	background-color:#999999;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	line-height:28px;
	margin:0 0 12px;
	padding:0 0 0 5px;
}

#sidebarright .vision {
	background-color:#EFEFEF;
	border:3px solid #CCCCCC;
	color:#003366;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-size:123.1%;
	line-height:150%;
	margin:0 0 30px;
	padding:10px;
	text-align:center;
}

#sidebarright .vision .arrow-icon {
	margin-top:9px;
}

#sidebarright .sidebarbox, #maincontent .box {
	background-color:#EFEFEF;
	padding:10px;
}
#maincontent .box {
	float:right;
	margin:20px 0 10px;
	width:322px;
}
#maincontent .box.first {
	float:left;
}
#sidebarright .sidebarbox .sidebarbox-hd, #maincontent .box .box-hd {
	background-color:#999999;
	color:#FFFFFF;
	font-size:123.1%;
	font-weight:bold;
	line-height:24px;
	margin:0 0 12px;
	padding-left:10px;
}
#sidebarright .sidebarbox .sidebarbox-bd, #maincontent .box .box-bd {
	border-bottom:1px dotted #999999;
	font-size:93%;
}
#maincontent .box .box-bd {
	min-height:120px;
	height:auto !important;
	height:120px;
}
#sidebarright .sidebarbox .sidebarbox-bd .sidebarbox-content, #maincontent .box .box-bd .box-content {
	padding:0 5px 5px;
}
#sidebarright .sidebarbox .sidebarbox-bd .sidebarbox-content ul, #maincontent .box .box-bd .box-content ul {
	margin:0 0 0 14px;
}
#sidebarright .sidebarbox .sidebarbox-bd .sidebarbox-content ul li, #maincontent .box .box-bd .box-content ul li {
	list-style-type:none;
	margin:0 0 10px;
}
#sidebarright .sidebarbox .sidebarbox-bd .sidebarbox-content ul li a .arrow-icon.go-icon, #maincontent .box .box-bd .box-content ul li a .arrow-icon.go-icon {
	margin-left:-14px;
}

#sidebarright .sidebarbox .sidebarbox-ft, #maincontent .box .box-ft {
	padding:10px 0 0;
}
#sidebarright .sidebarbox .sidebarbox-ft .sidebarbox-content, #maincontent .box .box-ft .box-content {
	padding:0 5px 5px;
}

/* End of Sidebarright styles*/

#maincontent {
	float:right;
	margin-bottom:25px;
	width:708px;
}
#maincontent .content {
	display:inline-block;
	padding:20px 0 0 20px;
	width:468px;
}
#maincontent .content.content-home {
	width:auto;
}

#partners {
	border:1px dotted #DDDDDD;
	clear:both;
	padding:0 0 20px 0;
	text-align:center;
}
#partners h2 {
	background-color:#DDDDDD;
	line-height:28px;
	margin:0 0 20px;
	padding:0;
}
#partners a {
	text-decoration:none;
}
#partners img {
	padding:0 20px;
	vertical-align:middle;
}
/* End of Body styles */


/*
 * FOOTER
 * ======
 */

#ft {
	border-top:1px dotted #999999;	
	font-size:93%;
	padding:10px 0;
	position:relative;
}

#ft a.active, #ft a.active:link, #ft a.active:visited, #ft a.active:active {
	color:#990000;
	font-weight:bold;
	text-decoration:none;
}


/* End of Footer styles */


/*
 * HTML ELEMENTS
 * =============
 * These styles alter the characteristics of HTML elments such as headers, paragraph elements, etc.
 */

h1 {
	color:#990000;
	font-family:Georgia,Arial,Helvetica,sans-serif;
	font-size:189%;
	font-weight:normal;
	line-height:100%;
	margin:0;
	padding:0 0 20px;
}
h2 {
	color:#003399;
	font-family:Arial,Helvetica,sans-serif;
	font-size:123.1%;
	font-weight:bold;
	line-height:130%;
	margin:0 0 12px;
	padding:0;
}
h3 {
	color:#3366FF;
	font-size:108%;
	font-weight:bold;
	margin:10px 0;
	padding:0 0 10px;
}

a, a:link, a:visited, a:focus, a:active {
	color:#1370A3;
	text-decoration:underline;
}
a:hover {
	color:#990000;
	text-decoration:none;
}

/* End of HTML Element styles*/


/*
 * USER-DEFINED
 * ============
 * These styles are used in special instances to apply formatting and structural functions, 
 * e.g. clearing or hiding layers.
 */

.separator {
	border-top:1px dotted #003399;
	clear:both;
	margin-top:20px;
	padding-top:5px;
}

#cpanel {
	background:transparent url("../Images/cpanel.gif") no-repeat scroll left top;
	cursor:hand;
	display:block;
	height:24px;
	position:absolute;
	right:0;
	top:10px;
	width:150px;
}

.time {
	color:#999999;
	font-size:85%;
}

/* 
 * ARROW ICONS 
 * ===========
 */
.arrow-icon {
	background-attachment:scroll;
	background-color:transparent;
	background-image:url("../Images/arrow-sprite.gif");
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:9px;
	margin:5px 5px 0 0;
	overflow:hidden;
	width:9px;	
	*	margin:6px 5px 0 0;

}

.arrow-icon.back-icon {
	background-position:0 0;
}
a:hover .arrow-icon.back-icon {
	background-position:0 -45px;
}

.arrow-icon.go-icon {
	background-position:0 -9px;
}
a:hover .arrow-icon.go-icon {
	background-position:0 -54px;
}

.arrow-icon.top-icon {
	background-position:0 -36px;
}
a:hover .arrow-icon.top-icon {
	background-position:0 -81px;
}

/* End of Arrow Icon styles */

/*
 * COLLAPSIBLE PANEL
 * =================
 */

.collapsible .collapsible-hd {
	background-color:#EFEFEF;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0 1px 1px 0;
	margin:0 0 3px;
	padding:5px;
}

.collapsible .collapsible-hd a.collapsible-link .arrow-icon {
	background-position:0 -27px;
}
.collapsible .collapsible-hd a.collapsible-link:hover .arrow-icon {
	background-position:0 -72px;
}
.collapsible.open .collapsible-hd a.collapsible-link .arrow-icon {
	background-position:0 -18px;
}
.collapsible.open .collapsible-hd a.collapsible-link:hover .arrow-icon {
	background-position:0 -63px;
}

.collapsible .collapsible-bd {
	display:none;
	overflow:hidden;
}
.collapsible.open .collapsible-bd {
	display:block;
	*width:auto !important;
	*width:468px;
}

.collapsible .collapsible-bd .collapsible-content {
	padding:15px 15px 30px;
}

/* End of Collapsible Panel Styles */

#paging {
	text-align:center;
}
#paging a, #paging a:link, #paging a:visited, #paging a:focus, #paging a:active {
	color:#1370A3;
	text-decoration:underline;
}
#paging a:hover {
	color:#990000;
	text-decoration:none;
}


/*
 * GALLERY
 * ========
 */

.gallery-thumbnails {
	text-align:center;
}
.gallery-thumbnails a.thumbnail-link {
	display:inline-block;
	text-decoration:none;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container {
	margin:0px 0px 25px;
	width:234px;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container .thumbnail-wrapper {
	height:152px;
	width:152px;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container .thumbnail-caption {
	height:40px;
	margin:10px auto 0pt;
	overflow:hidden;
	width:120px;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container .thumbnail-checkbox {
	float:none;
	margin:-10px 0 0 -54px !important;
	position:absolute;
	z-index:1;
}
.gallery-thumbnails a.thumbnail-link .thumbnail-container .thumbnail {
	height:150px;
	width:150px;
}

#photogallery .picture-container .picture-wrapper {
	text-align:center;
}
#photogallery .picture-container .picture-wrapper img {
	border:1px solid #E7E7E7;
	margin:0 auto;
}
#photogallery-count {
	margin:20px 0 10px 0;
	text-align:center;
}
#photogallery-previous {
	float:left;
}
#photogallery-next {
	float:right;
}
#photogallery-next .arrow-icon.go-icon {
	float:right;
}
#photogallery-caption {
	margin-top:10px;
	padding-top:10px;
	text-align:center;
}

/* End of Gallery styles */

/* End of User-defined styles*/