/* Basic css for the portal */



html {
	margin: 0;
	padding: 0;
	}

#evrthngDiv {
	 text-align:left; margin:0 auto;position:relative; width: 100%;
	
}
/* header items */
#header {
	width: 100%;
	float:left;
	height: 100px;
	padding-top: 20px;
}

#RightContainer {
Float:right; 
width: 50%;
padding-right: 30px;
}

#IEFix #RightContainer { width: 55%; }

#header h1, #header h2{
	display: none;
	
}
#header #logo {
	padding-left: 2%;
	width: 150px;
	float:left;
	
}

#header #logo a{ margin:0 0 0 0px;
	padding:0px 0px; border:0px;}

#header #crumbs {
	text-align: right;
	vertical-align: top;
	float: right;
	padding-right: 25px;
	width: 100%;
	}
	
#IEFix #header #crumbs {width: 90%;} 
	
#header a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	margin:0 0 0 1px;
	padding:0.2% 0.5%;
	text-align:center;
	color:#000066;
	position:relative;
	line-height:1.3em;
	}	
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	
		}		
#header #searchbar{
	text-align:right;
	vertical-align:top;
	float:right;
	padding-right:25px;
	margin-top: 15px;
        }		
#header ul li {
	display: inline;
}
/* IE hack */
.divider {
width: 100%; text-align: right; padding-top: 10px;
}

/* navigation on the left */
#navAlpha {
	width:20%;
	top:1px;
	float: left;
	
	/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-top: 1px;
	padding-bottom: 40px;
	
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
#navBox2 { margin-left: -30px; margin-top: 5%;} 
#IEFix #navBox2 {margin-left: -37px;}
#navBox2 ul {
	list-style-type: none;
	line-height: 15px;
}

#navBox2 ul li {padding-bottom: 3px;}

#navBox2 ul.selected {
	list-style-image: url(../images/home/dot.gif);	
}
#navBox2 .selected a{font-weight: normal;}


#navBox2 a:hover {
	text-decoration:none;
	color:black;
	background-image:url(../images/home/link_bg2a.gif);
	background-repeat:repeat-x;
	background-position:left top;
	/*opacity:0.4;filter:alpha(opacity=40);]	*/
	
}
	



#IEFix #navBox2 a:hover{display:block;}
	
/*html>body #navBox2 a:hover, x:-moz-any-link, x:default {background-image:url(../imgs/link_bg2a.gif);
	background-repeat:repeat-x;
	background-position:top left; display:block;
	opacity:0.4;
	filter:alpha(opacity=40);
}
*/
#navBoxContainer { width: 900px;float: left; z-index: 1000; overflow:visible; background-image:url(../images/home/bg3_r1_c1a.gif); background-repeat:repeat-x; height: 34px;}
#IEFix #navBoxContainer {width:920px; float:left;}

#navBox {width: 98%; background-image:url(../images/home/bg3_r1_c1a.gif); background-repeat:repeat-x; height: 34px; margin-top: 10px; float:left;padding-left: 2%;}

#navBox ul li{
	list-style-type: none;
	display: inline;
}

#navBox a:link, #navBox a:active, #navBox a:visited {
	color: #fff;
	margin-top: -10px;
	height: 25px;
	float:left;
	line-height: 22px;
	font-weight:bold;
}


/* styles for selected tab on 1st level navigation bar */

.partners #navBox li.partners a, .events #navBox li.events a, .stories #navBox li.stories a, .jobs #navBox li.jobs a,.home #navBox li.home a, .about #navBox li.about a, .media #navBox li.media a, .multimedia #navBox li.multimedia a, .operations #navBox li.operations a, .deveffect #navBox li.deveffect a, .documents #navBox li.documents a, .topics #navBox li.topics a, .evaluation #navBox li.evaluation a{
	 background-image:url(../../images/home/bg4hover.gif); margin-top: -10px; height: 26px; float:left; line-height: 22px;
	 	 }



#navBox a:hover {background-image:url(../images/home/bg4hover.gif); background-repeat:repeat-x; height: 25px; background-position:left top;margin-top: -10px; text-decoration:none; line-height: 22px;}


#NewsImage {width: 85%; padding-bottom: 0px; margin-bottom: 0px;}

#imgNews {width: 100%; padding-bottom: 0px; margin-bottom: 0px;}

#navBeta {
	float:left;
	top:5px;
	z-index:1;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	padding-top: 1px;
	padding-bottom: 10px;
	width: 20%;
}




	
#IEFix #navAlpha {
		padding-bottom: 20px; /* IE fix */
		
}


/* ------------------------------------------------------*/	
/*styles for side boxes */	
.sidebox {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	border: 1px #dedede solid;
	margin-bottom: 2%;

}

.sidebox h2 {
	background-image:url(../images/home/videoHeaderBg.gif);
	background-repeat:repeat-x;
	line-height: 13px;
	font-size:100%;
	color:#000066;
	padding-right:0px;
	padding-left: 1%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 2px;
	padding-bottom: 0px;
	height: 24px;
	}

.genericDiv h2 {
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color: #000;
	padding-top: 10px;
	line-height:16px;

}

.sidebox p {padding-left:2%; padding-right: 2%; }
	
	.sidebox ul {
	line-height:14px;
	list-style-image: url(../images/home/dot.gif);
	
}

.sidebox li {padding-bottom: 5px; padding-right: 1%; }
	


<!-- Twitter widget styles
#widgetDiv {margin-top: 60px; }
#IE #widgetDiv {margin-top: -60px;}
#widgetDiv p { font-family: Arial, Helvetica, sans-serif; font-size:90%; color: #666666; }
#widgetDiv span {font-family: Arial, Helvetica, sans-serif; font-size:90%; }

-->

	
#video p {

	text-align: left;
	line-height:10px;
	margin-bottom: 0px;
	}

#corpvideo p {text-align: left;}


	
/*#Twitter ul { padding-right:2%; line-height: 16px; margin-left:2px;padding-left:2px; list-style-type:none; list-style-image:none;}
#Twitter li {padding-bottom: 15px; list-style-type:none;}*/

#blog .headline a{
line-height: 16px;
}

#blog ul{
	 padding-right:2%; line-height: 16px; margin-left:2px;padding-left:2px; list-style-type:none; list-style-image:none;

}
#blog li { padding-bottom: 16px; }

#blog .date {margin-left: 0%; padding-left: 0%; margin-bottom: 5px;}



#creditfooter {
display: none;
}

/* end of blog css*/


#publications p, #Press p, #President p { margin-bottom: 5px;}


/*div#research { margin-bottom: -3px;}*/

#IEFix #research, #search2 { border: 1px solid #dedede; width: 99%; margin-bottom: 2%; padding-right: 0px;}

#research {margin-left: 1%; border: 1px solid #dedede; margin-bottom: 2%; padding-right: 0px;} 

#research h2, #search2 h2 {	
	background-image: url(../images/home/magngla2.jpg);
	margin:0px 0px 5px 0px;
	padding-top:0px;
	padding-right:0px;
	height: 56px;
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
	font-size: 100%;
	line-height: 30px;
	overflow:hidden;
	padding-left: 1%;
	width: 99.3%;
	color:#000;
	
	}

#IEFix #research h2, #IEFix search2 h2{ margin-bottom: -14px;}

#research p { margin-bottom: 5px;}
	
#IEFix #research p {line-height: 12px;} /* IE fix*/

#seeAlso2 h2 {
	background-image:url(../images/video/seealso.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color: #000;
	padding-top: 10px;
	line-height:16px;
	}		

#projects h2 {
	background-image:url(../images/operations/projects.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99%;
	height: 60px;
	color: #000;
	padding-top: 10px;
	line-height:16px;
	}		
#hotLinks2 h2 {
	background-image:url(../images/media/contactMedia.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}	
	
#NwanzeCV h2 {
	background-image:url(../images/about/presCV.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}		

#multimedia h2 {
	background-image:url(../images/media/multimedia.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}	

#focus h2 {
	background-image:url(../images/focus.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}	
	
#fact h2 {
	background-image:url(../images/media/factfiles.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}	
	
#stories h2 {
	background-image:url(../images/media/stories.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}	
	
#contactM h2 {
	background-image:url(../images/media/contact.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.30%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}	

#UsefulLinks h2 {
	background-image:url(../images/about/usefullinks.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}	
	
#coreValues h2 {
	background-image:url(../images/about/corevalues.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}	
	
#guidelines h2 {
	background-image:url(../images/about/guidelines.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}

#reports h2 {
	background-image:url(../images/about/reports.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}
	
#smallGrantsAgr h2 {
	background-image:url(../images/operations/smallgrants.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	}
	
	
	
#IEFix #countrylist h2, #IEFix #seeAlso2 h2, #IEFix #hotLinks2 h2, #IEFix #focus h2, #IEFix #fact h2, #IEFix #multimedia h2,
#IEFix #stories h2, #IEFix #contactM h2, #IEFix #corpvideo h2, #IEFix #Glance h2, #IEFix #Moreabout h2, #NwanzeCV h2,#IEFix #infoOn2 h2, #IEFix #JumpTo h2, #IEFix #UsefulLinks h2, #IEFix #coreValues h2, #IEFix #guidelines h2, #IEFix #reports h2, #IEFix #projects h2, #smallGrantsAgr h2
{
	padding-left:1%;}		


#videolinks {text-align:center;}
#videolinks ul li {list-style:none; margin-bottom: 12%;}
#videolinks .v1 a{background-image:url(../images/video/videograb3.jpg); display:block; background-repeat:no-repeat; width: 151px; height: 115px;}
/*.videolinks a{ background-image:url(../imgs/videograb3.jpg); display:block; background-repeat:no-repeat; }*/
#videolinks span { display:none; }
#videolinks .v1 a:hover { background-image:url(../images/video/videograb3h.jpg); }

#videolinks .v2 a{background-image:url(../images/video/videograb2.jpg); display:block; background-repeat:no-repeat; width: 151px; height: 115px;}
#videolinks .v2 a:hover { background-image:url(../images/video/videograb2h.jpg); }

#videolinks .v3 a{background-image:url(../images/video/videograb1.jpg); display:block; background-repeat:no-repeat; width: 151px; height: 115px;}
#videolinks .v3 a:hover { background-image:url(../images/video/videograb1h.jpg); }

#videolinks .v4 a{background-image:url(../images/video/videograb4.jpg); display:block; background-repeat:no-repeat; width: 151px; height: 115px;}
#videolinks .v4 a:hover { background-image:url(../images/video/videograb4h.jpg); }


#corpvideo h2 { background-image: url(../images/about/video.jpg);
	width: 99.3%;
	height: 59px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 5px;
	font-size:100%;
	text-indent: 1%;
	color:#000;
	padding-top: 10px;
	line-height:16px;
}
#Glance h2 { background-image: url(../images/about/glance1.jpg);
	width: 99.3%;
	height: 60px;
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom: 2%;
	text-indent:1%;
	font-size:100%;
	color:#000;
	padding-top: 10px;
	line-height:16px;
	
}

#Moreabout h2 { background-image: url(../images/about/moreabout.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	padding-top: 10px;
	line-height:16px;
	color:#000;}	


#JumpTo h2 {
	background-image:url(../images/about/jumpto.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color: #000;
	padding-top: 10px;
	line-height:16px;
	}	
	
#countrylist h2 {
	background-image:url(../images/partners/countrylist.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	margin-bottom: 5px; 
	padding-right:0px;
	width: 99.3%;
	height: 60px;
	color: #000;
	padding-top: 10px;
	line-height:16px;
	}	


	
#Glance p {margin-bottom: 10px; padding-bottom: 10px;}


#infoOn2 { float:left; width: 100%;}	
	#infoOn2 h2 {

		background-image: url(../images/home/information.gif);
		overflow: hidden;
		background-repeat:repeat-x;
		background-position:left top;
		margin-bottom: 5px; 
		width: 99.3%;
		height: 55px;
		color:#000;}	
	
		#infoOn2 ul {list-style-type:none; margin-left:2%; list-style-type:none; list-style-image:none;}
		#infoOn2 li {line-height:13px; margin-bottom: 5px; list-style-type:none; list-style-image:none;}
		
	
/*	

/* secondary nav on subpages */
.Bluebox {
width: 100%;
background-color:#f1f4fb;
}

body {
	color: #333333;
	margin: 0;
	padding: 0;
	/*background-image:url(../imgs/bg.png);
	background-repeat: repeat-x;*/
	font-family: Arial, Helvetica, sans-serif;
	/* font-family:  Arial, Helvetica, sans-serif;*/
	/* font-size:0.75em;*/
	font-size:71%;
	
	
	}

h1 {padding:0px;
	font-size:large;
	font-weight:900;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
	
h2 {
	padding:0px;
	color:#666;
	font-size: medium;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	
	}
	
h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	/*line-height: 14px;*/
	font-weight: bold;
	color:#000066;
	}
	
h4 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	/*line-height: 14px;*/
	font-weight: bold;
	color:#000066;
	}
p {
	margin:0px 0px 16px 0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;

	}
	
	ul {
	line-height:16px;
	}

/*a[href^="http:"]{ 
   background: transparent url(imgs/external.gif) no-repeat center right;
}
css3 */

a:link, a:active, a:visited{
	color:#000066;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
	


/* a:visited {color:#07a;}
a:visited {color:#666666;}*/
a:hover {
	text-decoration: underline;
	color: #000000;
}

/* CONTENT */



#content {
width: 96%;
padding-top:45px;
top: 200px;
float: left;
padding-left: 2%;
padding-right: 2%;
}


#centre_bit_home {

	float:left;
	width: 46%;
	padding-left: 4%;
	padding-right: 4%;
	}




/* NOW BEGINS PORTAL CSS */

/*RURAL POVERTY PORTAL STYLESHEET*/

/*GENERAL*/








/*OTHER*/



.select_home {
	border-right: #336699 1px solid; 
	border-left: #336699 1px solid; 
	border-top: #336699 1px solid; 
	border-bottom: #336699 1px solid; 
	font-weight: normal; 
	font-size: 7pt; 
	width: 88%; 
	margin-left: 1%;
	color: #000066; 
	font-family: Verdana; 
	background-color: #ffffff;
	margin-bottom: 5px;
}




#IEFix .select_home {
	width: 89%;
}

.select1 {
	border-right: #336699 1px solid; 
	border-left: #336699 1px solid; 
	border-top: #336699 1px solid; 
	border-bottom: #336699 1px solid; 
	font-weight: normal; 
	font-size: 7pt; 
	margin-left: 1%;
	color: #000066; 
	font-family: Verdana; 
	background-color: #ffffff;
	margin-bottom: 5px;
}


.go {
	border-right: #003333 1px solid; 
	border-left: #003333 1px solid; 
	border-top: #003333 1px solid; 
	border-bottom: #003333 1px solid; 
	font-weight: normal; 
	font-size: 6pt; 
	/*width: 16px; */
	padding: 0;
	color: #003333; 
	font-family: Verdana; 
	background-color: #ffffff;
	margin-bottom: 5px;
}

#simple_bar {
	border: 1px solid #336699;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 5px;
	font-size: 8pt;
	height: 21px;
	width:250px;
	padding-top: 1px;
	background-color:#fff;
	float:right;}
	
#IEFix #simple_bar { width: 250px;}

#simple_bar .search_input {border:transparent;
	color: #336699; 
	font-family: Verdana;
	font-size: 8pt;
	width: 200px;
	margin-left:0%;
	padding: 0%;
	margin-right: 0%;
	}
.find { background-color: #000066; margin-top: -2px; height: 24px; color: white; font-size: 7pt; border: 1px solid #000066; width: 36px;}


.news {
	font-size:small; margin-bottom: 1%;margin-top: 1%; padding-left: 2%;

}

#missionDiv {float: left; width: 150px; height: 50px; border:#999999 1px solid; padding: 10px;margin: 10px; font-weight:bold; text-align:center; color: #000066;font-family: Verdana;}
 
.breadcrumbs a { 
	font-family: "Verdana"; 
	vertical-align: top;	
	color: #999;
	text-decoration: none;
}

#breadcrumbs { float:left; padding-left: 1px; width: 100%;}

#countryTbl {
	border: #dfdfdf solid 1px; margin:0px;
}

#countryTbl th {background-color:#dedede; border: #dfdfdf solid 1px;  }


.even {background-color: #f1f4fb;}

.videoMainDiv {width:100%;  float:left;}


.videoDiv {width: 45%; float:left;}
.videoTextDiv {width: 52%; float:right; text-align: left; padding-left: 5px;}

.storiesDiv {width: 100%; border-bottom:dotted 1px #CCCCCC; margin-bottom: 2%;float:left;}
.storiesImg {width: 100px; height: 100px; padding-right: 10px; float:left;}
.storiesText {width: 65%; float:left;}

.invisible {display:none;}

#whatsnew h2 {border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#F9F9F9; font-size:small;}

caption {
	font-weight: bold;
	color: #000000;
}

#mdgtbl th {height: 40px; text-align:left; vertical-align:middle;}

.Mdgheader {background-color:#dedede;}

.chartDiv { width: 100%; border-bottom: 1px dotted #ccc; float:left;}

/* dotted lines between table rows in Publications, evaluation home page **/
table.just_rel td{ border-bottom: #ccc dotted 1px;margin-bottom: 2%; }

.email_article a { 
	color: #000000;
	text-decoration: none;
	font-size: 8pt;
}
/*evaluation styles for collapsible menu on the right hand side */
/*css evaluation menu on the right*/
/*css evaluation menu on the right*/
div#nav {
	width: 80%;
	background: #ebebeb;
    border: 0; font-family:verdana;
	margin-left: 5px;
	}

div#nav ul,div#nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#nav li{
	margin: 0 0 1px 0; 
	font-weight:lighter;
	list-style-image:none;
	}

#nav a {
	display: block;
	line-height: 18px;
	border-top: 1px solid #FFF;
	background-color: #ebebeb;
	text-decoration: none;
	font-weight: lighter;
	text-indent:5px;
	}


#nav a:hover {background-color: #fafafa; text-indent:5px;}