/***********************************************/
/* stylesheet.css                              */
/* Use with template template.html             */
/***********************************************/

/***********************************************/
/* HTML general tag styles                     */
/***********************************************/ 

body{
	font-family: Verdana, arial,sans-serif;
	font-size: 90%;
	color: #333333;
	line-height: 2;	
	margin: 0px;
	padding: 0px;
	text-align: left;
	width:100%;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: none;
}


h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 text-align: center;
 color: #006600;
 margin: 0px;
 padding: 0px 0px 10px 0px;
}

h2{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 text-align: center;
 color: #006699;
 margin: 0px;
 padding: 0px 0px 10px 0px;
}

h3{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 text-align: center;
 color: #000066;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 text-align: left;
 color: #05dd50;
 margin: 0px;
 padding: 0px;
}

h6{
 font-family: Verdana,Arial,sans-serif;
background-color:#f9a025;
 font-size: 150%;
 text-align: center;
 color: #ffffff;
 margin: 0px;
 padding: -5px 0px 0px 0px;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#header{
	padding: 30px 0px 0px 0px;
	width: 100%;
}

#leftNav{
	float: left;
	width: 20%;
	margin: 0px;
	background-color: ;
}

#rightNav{
  float:right;
	width: 20%;
	padding-right: 0px;
}

#content{
	float: left;
    	width: 55%;
}

#footer{
	clear: both;
	font-size: 75%;
	text-align: center;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

/************** .centredImage styles ***************/

.centredImage{
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

/************** #header styles ***************/

#header h1{
	font-size: 80%;
	padding: 0px 0px 20px 0px;

}
#header h3{
	font-size: 80%;
	padding: 0px 0px 0px 0px;

}
#header h6{
	font-size: 100%;
	padding: 0px 0px 5px 0px;

}

/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	color: #333333;
	font-size: 75%;
}

.feature h3{
	text-align: center;
	font-size: 130%;
}

.feature h4{
	padding: 10px 0px 5px 0px;
	text-align: left;
}

.feature h6{
	text-align: center;
	font-size: 150%;
}

.feature p{
	margin: 0px;
	padding: 0px 0px 5px 0px;
	
}

.featureImage{
	text-align: center;
	font-size: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 20px 10px 0px;
}

.featureImage p{
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.floatleft{
	float: left;
	margin: 10px 10px 10px 10px;
}


/*********** #leftLogo styles ***********/

#leftLogo{
	position: relative;
	margin: 0px;
	padding: 30px 0px 2px 10px;
}


/*********** #leftNav link styles ***********/

#leftNav ul a:link, #leftNav ul a:visited {display: block;}
#leftNav ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#leftNav li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #leftNav li {border-bottom: none;}

/*********** #mainLinks styles ***********/

#mainLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#mainLinks h3{
	text-align: left;
	padding: 10px 0px 2px 10px;
}

#mainLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
}

#mainLinks a:hover{
	background-color: #dddddd;
}

/*********** #archiveLinks styles ***********/

#archiveLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#archiveLinks h3{
	text-align: left;
	padding: 10px 0px 2px 10px;
}

#archiveLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
}

#archiveLinks a:hover{
	background-color: #dddddd;
}

/************** #rightLogo styles **************/

#rightLogo{
	position: relative;
	margin: 0px;
	padding: 30px 0px 2px 10px;
}

#rightLogo img{
	display: block;
}

/************** #headerLogo styles **************/

#headerLogo{
	position: relative;
	text-align: center;
	margin: 0px;
	padding: 10px 0px 2px 10px;
}

/************** #home styles **************/

.home-logo{ 
	display: inline-block;
	float:center; 
	width:192px; 
	height:120px; 
	text-indent:-9999px; 
	background:white url('images/header.png') left top no-repeat; }
.head { background-position:left top }
.aef { background-position:left -120px }
.pa { background-position:left -240px }
.ms { background-position:left -360px }
.aey { background-position:left -480px }
.ac { background-position:left -600px }
.aefa { background-position:left -720px }
.paa { background-position:left -740px }
.msa { background-position:left -780px }
.aeya { background-position:left -820px }
.aca { background-position:left -860px }


#home-logo{
	position: relative;
	margin: 0px;
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 20px 10px 0px;

}

/************** #proglogo styles **************/

.prog-logo{ 
	display: inline-block;
	float:center; 
	width:150px; 
	height:210px; 
	text-indent:-9999px; 
	background:white url('images/2011prog.png') left top no-repeat; }
.front { background-position:left top }
.es { background-position:left -210px }
.ap { background-position:left -420px }
.ae { background-position:left -630px }
.aref { background-position:left -840px }
.ag { background-position:left -1050px }
.apc { background-position:left -1260px }

#prog-logo{
	position: relative;
	margin: 0px;
	font-size: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 10px 20px 10px 0px;

}

/*********** #rightNav link styles ***********/

#rightNav ul a:link, #rightNav ul a:visited {display: block;}
#rightNav ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#rightNav li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #rightNav li {border-bottom: none;}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#sectionLinks h3{
	text-align: left;
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	padding: 2px 0px 2px 10px;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}


/************** #speakers styles **************/

.speakers{ 
	display:inline-block;
	float:left; 
	width:150px; 
	height:102px; 
	text-indent:-9999px; 
	background:white url('images/all-speakers-logo.png') left top no-repeat; }
.davidson { background-position:left top }
.mangoma { background-position:left -102px }
.mekondongo { background-position:left -204px }
.namburete { background-position:left -306px }
.ngeleja { background-position:left -408px }
.nnaji { background-position:left -510px }
.amadi { background-position:left -612px }
.awotwi { background-position:left -714px }
.cuambe { background-position:left -816px }
.darku { background-position:left -918px }
.enjoroge { background-position:left -1020px }
.jnjoroge { background-position:left -1122px }
.shilamba { background-position:left -1224px }
.moleleki { background-position:left -1326px }
.vika { background-position:left -1428px }
.mali { background-position:left -1530px }
.immongault { background-position:left -1632px }
.kakatsi { background-position:left -1734px }
.djedji { background-position:left -1836px }

#speakers{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

/************** #2012 styles **************/

.AEF2012{ 
	display:inline-block;
	float:center; 
	width:642px; 
	height:140px; 
	text-indent:-9999px; 
	background:white url('images/all2012.gif') left top no-repeat; }
.banner	{ width:642px; background-position:left top }
.wall	{ width:261px; height:261px; background-position:left -143px }
.mhi	{ width:150; height: 115px; background-position:-261px -143px }

#AEF2012{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	margin-bottom: 0px;
	padding: 10px 20px 10px 0px;
}


/************** #sponsors styles **************/

.sponsor-logo{ 
	display:inline-block;
	float:left; 
	width:150px; 
	height:40px; 
	text-indent:-9999px; 
	background:white url('images/all-sponsor-logo.png') left top no-repeat; }
.aggreko { background-position:left top }
.absa { background-position:left -40px }
.caterpillar { background-position:left -80px }
.nedbank { background-position:left -120px }
.nortonrose { background-position:left -160px }
.aes { background-position:left -200px }
.alstom { background-position:left -240px }
.dl { background-position:left -280px }
.globeleq { background-position:left -320px }
.proparco { background-position:left -360px }
.manitoba { background-position:left -400px }
.apr { background-position:left -440px }
.fieldstone { background-position:left -480px }
.herbertsmith { background-position:left -520px }
.siemens { background-position:left -560px }
.soitec { background-position:left -600px }
.symbion { background-position:left -640px }
.tetratech { background-position:left -680px }
.vestas { background-position:left -720px }
.wartsila { background-position:left -760px }
.chadbourne { background-position:left -800px }
.gtm { background-position:left -840px }
.allenovery { background-position:left -880px }
.fmo { background-position:left -920px }
.sofreco { background-position:left -960px }
.afc { background-position:left -1000px }
.orca { background-position:left -1040px }
.tcx { background-position:left -1080px }
.supporters { background-position:left -1120px }
.africanenergy { background-position:left -1160px }
.aei { background-position:left -1200px }
.eurostar { background-position:left -1240px }
.standard { background-position:left -1280px }
.afdb { background-position:left -1320px }
.rmb { background-position:left -1360px }

#sponsors{
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#sponsors h3{
	text-align: left;
	padding: 10px 0px 2px 10px;
}

#sponsors p{
	text-align: left;
	padding: 10px 0px 2px 10px;
}

.sponsorItem{
	text-align: left;
	font-size: 90%;
	padding: 10px 0px 2px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}