@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-image:url("../Images/bg_start.gif");
}

body{
	color:#E7E7E7;
}

/* 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 {
	height:243px;
	text-align:center;
}
#bd p {
	font-size:116%;	
}


/*
 * MASTHEAD
 * ========
 */

#masthead {
	background-color:#FFFFFF;
}
#masthead-logo {
	display:inline-block;
	margin:10px 0;
}

/* End of Masthead styles */

#maincontent {
	float:none;
	margin-bottom:0;
	width:auto;
}
#maincontent .content {
	display:block;
	padding:25px;
	position:relative;
	width:auto;
}

#maincontent .content .box {
	background-color:transparent;
	float:left;
	margin:0;
	padding:0;
	width:49%
}
#maincontent .content .box.first {
	border-right:1px solid #FFFFFF;
}
#maincontent .content .box .box-content {
	padding:10px;
}

/* End of Body styles */


/*
 * FOOTER
 * ======
 */

#ft {
	border-top:0;	
	color:#666666;
	text-align:center;
}

/* End of Footer styles */


/*
 * HTML ELEMENTS
 * =============
 * These styles alter the characteristics of HTML elments such as headers, paragraph elements, etc.
 */

h2 {
	color:#E7E7E7;
	font-size:153.9%;	
}

a, a:link, a:visited, a:focus, a:active {
	color:#FFFFFF;
}
a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/* End of HTML Element styles*/