/*
/* light-blue: #0197D6
/* blue: #003366
/* orange: #ff9900
/*
*/
body {
	margin: 0px;
	padding: 0px;
	background-color: #003366 /*#D6D9CD #A3B7C2*/;
	background-image: url("../images/bg.jpg");
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
	line-height: 140%;
	text-align: center;
	cursor: default;
}
/**************************************** GENERAL STYLES ***************************************/
.padding {
	padding: 0px 15px 15px 15px;
}
.paddingright {
	padding-right: 15px;	
}
.padding5 {
	padding: 5px;
}
.padding15 {
	padding: 15px;
}
.padding20 {
	padding: 0px 20px 20px 20px;
}
.nopadding {
	padding: 0;	
}
.center {
	text-align: center;	
}
p, td, ul, ol, li, form, input, textarea, legend, fieldset, select {
	font-size: 12px;
	color: #003366;
	line-height: 140%;
	}
p, li {
	margin: 0;
	padding: 6px 0 6px 0;
}
.small {
	font-size: 90%;
}
.videocaption{
	text-align: left;
	padding: 5px 4px 1px;
	font-weight: bold;
	font-size: 11px;
	color: #003366;
	line-height: 120%;
	}
.videocaption a:link, .videocaption a:visited, .videocaption a:active{
	text-decoration: none;
}
.videocaption a:hover {
		text-decoration: underline;
}
.videotiming {
	text-align: left;
	padding: 0 4px;
	font-weight: normal;
	font-size: 10px;
	color: #999;
	line-height: 100%;	
}
ul, ol, dl {
	margin: 0;
	padding: 6px 0 6px 20px;
	list-style-position: outside; 
}
ul {
	list-style: url("../images/bullet.gif"); 		
}
li {  
	margin: 0px 10px 5px 5px; 
	padding: 0 0 12px 5px; 
}
a:link, a:visited, a:active {		
	color: #003366;
	text-decoration: underline; 
	}		
a:hover {		
	color: #F90;
	text-decoration: none;}
			
.p7uberlink {
	font-weight: bold !important;
	color: #F90 !important;
	text-decoration: none !important;
	border-color: #FF9900 !important;
}
h1 {  
	margin: 0px 0 5px 0; 
	padding: 6px 0 8px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em; 
	font-weight: bold; 
	color: #003366; 
	line-height: 120%;
	font-variant:small-caps;
	/*background-color: #003366;
	background-image: url(../images/bg_panel.gif);
	background-position: -17px 50%;*/
	border-top: 2px solid #FF9900;
	border-bottom: 0px solid #ff9900;
}
h2 {  
	margin: 0px 0px; 
	padding: 12px 0px 12px 0px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 1.6em; 
	line-height: 120%; 
	font-weight: normal; 
	color: #003366; 
	text-transform:uppercase;
	border-top: 1px solid #336699;
}
h3{
	margin: 0;
	padding: 20px 0 12px 0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;
	color: #0197D6;
	line-height: 120%; 
}
h4{
	margin: 20px 0 0 0;
	padding: 20px 0 6px 0;
	font-size: 16px;
	color: #003366;
	border-bottom: 1px dotted #666;
}
h5 {
	margin: 0;
	padding: 20px 0 6px 0;
	font-size: 13px;	
}
.headerfirst {
	border: none;
	margin-top: 0px;
	padding-top: 0;
}
.headersecond {
	margin-top: 25px;
	padding-top: 12px;
	border-top: 1px dotted #999;
}
.headerspaced {
	margin: 25px 0;
	padding: 12px 0;
}
.newsdate {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	color: #999;
}
.newsheader{
	margin: 0 0 6px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;	
	font-weight: normal;	
	text-transform: uppercase;
	line-height: 130%;
	color: #003366;
}	
.newsheader a, .newsheader a:visited, .newsheader a:active {
	text-decoration: none;
	color: #003366;
}
.newsheader a:hover{
	text-decoration: underline;
	color: #f90;
}
.newssubheader {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 11px;
	color: #666;
}
.editorialheader{
	margin: 0 0 0 0;
	padding: 0;
	font-size: 14px;	
	font-weight: bold;
	color: #003366;	
	line-height: 140%;
}	
.editorialheader a{
	text-decoration: none;
	color: #003366;
}
.editorialheader a:hover{
	text-decoration: none;
	color: #003;
}

.sidebarheader, td .sidebarheader {
	margin: 0px 0 5px 0; 
	padding: 6px 0 8px 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; 
	font-weight: bold; 
	color: #003366; 
	line-height: 120%;
	font-variant:small-caps;
	border-top: 2px solid #FF9900;
	border-bottom: 0px solid #ff9900;
}
.sidebarnewsheader{
	margin: 0 0 6px 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;	
	font-weight: normal;	
	text-transform: uppercase;
	line-height: 130%;
	color: #003366;
}	

.clearfloat {
	clear: both;
	line-height: 0px;
}
hr {
	color:	#c6c6e1;
	font-weight: 100;
	}
form{
	display: inline;
	margin: 0px;
	padding: 0px;
}
.caption {
	text-align: center;
	font-size: 11px;
	color: #666;
	margin: 0 0 15px 0;
	padding: 0px 20px;
	line-height: 120%;	
}
/************************************************* LAYOUT CONTAINERS *****************************************/
#shadow {/*container holding the shadow*/
	margin: 0 auto;
	width: 1080px;
	padding: 10px 0px ;
/*	background-image: url("../images/bg.gif");
	background-repeat:repeat-y;	*/
	background-color: #fff;
	text-align: center;
	border-right: 4px solid #ccc;
	border-bottom: 4px solid #ccc;
	border-left: 4px solid #ccc;
	}
#wrapper {
	width: 1030px;
	margin: 0 auto;
	text-align: left;
}
html>body #wrapper {
		width: 1030px;
}
#masthead {
	position: relative;
	width: 100%;
	height: 132px;
	margin: 0 auto 12px auto;
	padding: 0px;
	color: #003366;
	background-image: url(../images/banner.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#masthead img {
	position: absolute;
	bottom: 0px;	
}
#masthead .countries {
	position: absolute;
	top: -10px;
	z-index: 20;
	right: 10px;
	width: auto;
	height: auto;
	background-color: #efefef;
	padding: 5px 10px;
	font-size: 11px;
	font-weight:bold;	
	color: #003366;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
#masthead .countries a{
	color: #003366;
	text-decoration: none;
}
#masthead .countries a:hover{
	color: #ff9900;
	text-decoration: none;
	}
#masthead .search {
	display: none;
	position: absolute;
	top: -3px;
	left: 350px;
	width: 265px;
	height: auto;
	padding: 5px;
	font-size: 11px;
/*    float: right;
    margin-top: 20px;*/
 }
#masthead .search input.search-text {
    background: url("http://www.worldbank.org/wb/images/cache30/homepage/background-images/sprite.png") no-repeat scroll 0 -296px transparent;
    border: 1px solid #CCCCCC;
    color: #666666;
    height: 13px;
    padding: 11px 20px;
    position: absolute;
    width: 223px;
    z-index: 20;
}
#masthead a.search-submit-text {
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    left: 190px;
    top: 10px;
    z-index: 100;
}
#banner {
	position: relative;
	width: 1030px;
	height: auto;
	margin: 0 auto;
    z-index: 10;
}
#topnav {  /* contains the top navbar classes */
	clear: both;
	margin: 0 auto 15px auto;
	width: 1030px;
	background-color: #003366;
	font-weight: normal;
/*	background-image: url("../images/bg_navbartop.gif");
	background-repeat:repeat-x;*/
}
#rotaryadvert {/* the carousel */
	clear: both;
	width: 1030px;
	height: auto;
	margin: 1px auto;
	background-color: transparent;
}
object { /* the container holding flash */
	position: relative;
	z-index: 1;	
	margin: 0 auto;
	text-align: center;
}
#breadcrumbs {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color:#efefef;	
	border-top: 0px solid #999;
	border-bottom: 1px dotted #999;
}
#breadcrumbs .content {
	padding: 8px 15px;
	color: #003366;
	font-size: 11px;
}
#breadcrumbs .content .smalldate{
	color: #003366;	
}
#breadcrumbs .right {
	position: absolute;
	top: 4px;
	right: 15px;
	width: auto;
	margin: 0px;
	color: #003366;
}
#container { /* container holding the main section of the site */
	padding: 15px 0px;
	background-color: #fff;
}
.sidebarrightfloat {
	float: right;
	width: 200px;
	border: 1px solid #666;
	margin: 0px 0px 10px 10px;
	padding: 10px;
	background-color: #e4e4f1;	
}
.sidebarrightfloat ul {
	margin-left: 0px;
	padding-left: 10px;	
}
#sitemap {
	clear: both;
	height: auto;
	margin: 0px 0;
	padding: 10px 10px;
	border-top: 0px solid #003366;		
	background-color: #efefef;
	background-image: url("../images/bg_sitemap.jpg");
	background-repeat:repeat-x;
	background-position:top;
}
#sitemap h3 {
	padding: 6px 0px;
	border-bottom: 1px dotted #999;
	color: #0197D6;
	text-transform:uppercase;
	font-size: 16px;	
}
#sitemap .category {
	text-transform: uppercase;	
	font-weight: bold;
}
#sitemap ul {
	list-style:none;
	padding: 0;
	margin: 0;
	line-height: 130%;	
}
#sitemap li {
	padding: 0;
	margin: 0;
	line-height: 130%;		
}
/* footer */
#footer {
	clear: both;
	height: auto;
	margin: 15px auto;
	padding: 10px;
	border-top: 1px solid #ccc;
	background-color: #efefef;
	color: #003366;
	font-size: 10px;
	text-transform:uppercase;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
#footer p {
	font-size: 10px;	
}
#footer .left {
   float: left;
    margin-right: 1%;
    position: relative;
	background-color: transparent;
	width: 49.5%;
}
#footer .right {
   float: right;
    margin-right: 0%;
    position: relative;
	background-color: transparent;
	width: 49.5%;
	text-align: right;
	}
/* the div below the footer */
#credits {
	clear: both;
	height: auto;
	margin: 10px auto;
	padding: 0px;
	text-align: center;
	font-size: 11px;
	color: #efefef;
}
#credits a{
	color: efefef;	
}
/***************************************BOXES ********************************************/
.box {
	margin: 0;
	padding: 12px;
	border: 1px solid #336699;
}
.accentbox {
	border: 1px solid #003366;
	padding: 10px;
	background-color:#E4E4F1;
	margin: 15px 0px;
	text-align: center;
}
#announcement {
	height: auto;
	margin: 10px auto;
	border: 1px dotted #ff0000;
	background-color: #FFFFCC;
	padding: 20px;
}
#announcement p {
	color: #000066;
	font-size: 13px;
}
.editorial {
/*	width: 100%;*/
	color: #003366;
	line-height: 120%;
	padding-bottom: 10px;
}
.editorialcontent {
	height: auto;
	border-bottom: 1px dotted #003366;
	padding: 15px 0px 15px;
}
.editorialcontent .updated, .editorialcontent .smalldate {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 10px;
	line-height: 15px;
	color: #999;}

.white {
	color: white;
	padding: 2px;
	text-transform:uppercase;
	font-weight: bold;
}
.white {
	color: white;}
	
.white a:link {		
	color: white;
	font-weight: bold;
	text-decoration: none; }
			
.white a:visited{		
	color: white;
	text-decoration: none; }
			
.white a:hover {		
	color: white;
	text-decoration: underline;}
			
.white a: active{		
	color: white;
	text-decoration: underline; }
	
.searchbox {  
	color: #003366; 
	width: 120px; 
	margin: 0px; 
	padding: 3px; 
	text-align: left;
}
.updated, .smalldate {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 15px;
	color: #999;}
	
/********************************************** SOCIAL icons *************************************************/
.sociallinks {
	position: relative;
	width: 100%;
	height: 40px;
	margin-top: 12px;	
}
.twittericon {
	position: absolute;
	top: 2px;
	left: 220px;
	width: 32px;
	height: 32px;
	overflow: hidden;	
}
.facebookicon {
	position: absolute;
	top: 2px;
	left: 265px;
	width: 32px;
	height: 32px;
	overflow: hidden;	
}

/***************************************************** IMAGES ************************************************/
img{
	border: 0;
}
img.homepage {
	max-width: 120px;
	height: auto;
	float: left;
	margin: 5px 15px 5px 0;
	padding: 0;
}
.imageframe {
	border: solid 1px #333333; 
	}
.imageborderleft {
	float: left;
	margin: 0px 12px 12px 0px;
	padding: 1px;
	border: 1px solid #000;
}
.imageborderright {
	float: right;
	margin: 0px 0px 5px 12px;
	padding: 1px;
	border: 1px solid #000;
}
.imageleft {
	float: left;
	margin: 5px 12px 5px 0px;
	padding: 1px;
	border: none;
}
.imageright {
	float: right;
	margin: 15px 0px 5px 12px;
	padding: 1px;
	border: none;
}
.editorialimage{
	border: solid 1px #333333;
	margin: 0px 5px 3px 0px;
	padding: 1px;
}
marquee {
	color: white;
	font-weight: bold;
	text-transform:uppercase;
	margin-top: 3px;
	padding-top: 3px;
	vertical-align: middle;
	}
marquee a:link {		
	color: white;
	font-weight: bold;
	text-decoration: underline; }
			
marquee a:visited{		
	color: white;
	text-decoration: underline; }
			
marquee a:hover {		
	color: white;
	text-decoration: underline;}
			
marquee a: active{		
	color: white;
	text-decoration: underline; }
#advertbox {/* THIS BOX CAN BE USED FOR SPECIAL MESSAGES, LIKE NEW YEAR OR CHRISTMAS */
/*	display: none;*/
	width: 0 auto;
	height: auto;
	background: #FFFFCC;
	border: 2px DASHED red;
	margin: 1px 0px 5px 0px;
	padding: 10px;
	}

#sidebarleft .p7Uberlink {
	font-weight: bold !important;
	color: #ff9900 !important;
	text-decoration: none;
	border-color: #ff9900 !important;
}
	
/***************************************************  SIDEBARLEFT NAVIGATION **************************************/
ul.nav {
	list-style-image:none!important;
	list-style: none!important; /* this removes the list marker */
	margin: 0 0 15px 0!important; /* this creates the space between the navigation on the content below */
	padding: 0 0 0 0;
}
ul.nav li {
	margin: 0 0 0 0!important;
	padding: 0 0 0 0!important;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc; /* this creates the button separation */
}
ul.nav a, ul.nav a:visited { 
	margin: 0 0 0 -15px;
	padding: 8px 5px 8px 10px;
	display: block;
	width: 220px;  
	text-decoration: none;
	background: #e4e4f1;
	border-left: 10px solid #e4e4f1;
}
html>body ul.nav a, html>body ul.nav a:visited {/*Firefox width */
	margin: 0 0 0 0;
	width: 170px;
	padding: 8px 5px 8px 15px;
	border-left: 10px solid #e4e4f1;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
/*	margin: 0 0 0 0!important;*/
	color: #F90;
	border-color: #F90;
}
html>body ul.nav a:hover, html>body ul.nav a:active, html>body ul.nav a:focus {
		border-left: 10px solid #F90;
}
/******************************************** END SIDEBARLEFT NAV *******************************************/

/******************************************** BOXES *******************************************/
.one_half, .one_third, .two_third, .one_fourth, .one_fifth, .one_sixth, .three_fourth, .one-half, .one-fourth {
    float: left;
    margin-right: 1%;
    position: relative;
	background-color: transparent;
}
.one-half{/*homepage only!*/
    width: 48%;
}
.one-fourth {/*homepage only!*/
    width: 25%;
}
.one_half{
    width: 59%;
}
.one_sixth {
	width: 15.83%;	
}
.one_fifth {
	width: 	19.2%
}
.one_fourth {
    width: 19.5%;
}
.one_third {
    width: 32%;
}
.two_third {
    width: 66%;
}
.three_fourth {
    width: 79.5%;
}
.last {
    clear: right;
    margin-right: 0 !important;
	border: none;
}


/*TABLES*/
table {
	width: 100%;
}
.dgewatermark {
	background-image: url("../images/erickimani_watermark.jpg");
	background-position: right top;
	background-repeat:no-repeat;	
}
/*********************************************** ADMIN PAGES *****************************************/
#adminwrapper {
	width: 700px;
	height: auto;
	margin: 0 auto;	
	background-color: #fff;
}


/*********************************************** ROUNDED CORNERS *****************************************
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
*/