@charset "utf-8";
/*
 * CSS Document by Jeffrey Ouma.
 * Copyright© 2009 artkenya.net Ltd. All rights reserved.
 * 
 * Description: Defines styles that apply only to the home page.
 * Note: Styles preceded by an asterisk(*) are specific to Internet Explorer. 
 * Styles are declared in order of appearance.
 */


/*
 * 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
 */

#flash {
	background:#00527A url("../Images/flash-bg.jpg") scroll no-repeat left bottom;
	height:307px;
	height:auto !important;
	min-height:307px;
}
#flash .flash-main {
	float:left;
	width:660px;
}
#flash .flash-main .flash-content {
	padding:14px 10px 0;
	*padding:14px 10px 0 !important;
	*padding:14px 10px;
}
#flash .flash-sidebar {
	color:#FFFFFF;
	float:right;
	width:313px;
}
#flash .flash-sidebar .flash-content {
	font-family:Arial,Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	padding:14px 23px 14px 13px;
}
#flash .flash-sidebar .flash-content h2 {
	color:#FFFFFF;
	font-family:Arial,Arial, Helvetica, sans-serif;
	font-size:15px;
	margin:0;
}
#flash .flash-sidebar .flash-content a, #flash .flash-sidebar .flash-content a:hover, #flash .flash-sidebar .flash-content a:visited {
	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
}
#flash .flash-sidebar .flash-content a .read-more {
	background:url("../Images/more-bg.png") scroll repeat-x left top transparent;
	border:1px solid #FFFFFF;
	display:inline-block;
	height:19px;
	line-height:19px;
	padding:0 10px;
}
#flash .flash-sidebar .flash-content a:hover .read-more {
	outline:2px solid #0099CC;
}

#social-network {
	color:#555658;
	display:block;
	font-family:Trebuchet MS;
	font-size:18px;
	height:45px;
	margin-top:-131px;
	text-transform:uppercase;
}
html:lang(fr) #social-network {
	font-size:13px;
	font-weight:bold;
	line-height:24px;
}

#strategicproperties {
	border:1px solid #DFDFDB;
	font-size:93%;
	margin:10px 0 0;
	padding:8px 8px 9px 7px;
}
#strategicproperties .strategicproperties-content {
	border:1px solid #EEEEEE;
	padding:0 10px 10px;
}

#featuredprogrammes {
	margin:0 0 20px;
	padding:10px 0 20px;
}

#featuredprogrammes .feature-container {
	float:left;
	height:108px;
	overflow:hidden;
	position:relative;
	width:593px;
}
#featuredprogrammes .feature-container #featurelinks {
	left:0;
	position:absolute;
	top:1px;
}
#featuredprogrammes .feature-container #featurelinks a.feature-link {
	display:block;
	float:left;
	padding:0 10px;
}
#featuredprogrammes a.scrollbar {
	height:108px;
	width:14px;
}
#featuredprogrammes a.scrollbar.scrollbar-left {
	background-position:50% -20px;
}
#featuredprogrammes a.scrollbar.scrollbar-left:hover {
	background-position:50% -168px;
}
#featuredprogrammes a.scrollbar.scrollbar-right {
	background-position:50% -316px;
}
#featuredprogrammes a.scrollbar.scrollbar-right:hover {
	background-position:50% -464px;
}

/* End of Body styles */
