/*--------------------- general ---------------------*/

html, body { margin: 0; padding: 0; }
body { background: white; color: #5c5c5c; font: 62.5% Arial, Helvetica, sans-serif; }

/* to force scrollbar with centered layout
html { min-height: 100%; margin-bottom: 1px; } */

/*  Baseline values for browser consistency  */
p, div, h1, h2, h3, h4, h5, ul, li { margin: 0; padding: 0; }
img { margin: 0; padding: 0; border: 0; }
ul li, ol li { font-size: 1.2em; }
ul { list-style-image:url(../PageImages/bullet_EAIF.gif); }
ul.plainlist, ol { margin-bottom: 10px; }
ul.plainlist li, ul li, ol li { margin-left: 17px; margin-bottom: 10px; }
ul ul, ol ol { margin-top: 10px; margin-left: 15px; }
ul ul li, ol ol li { font-size: 12px; }
ol ol { list-style-type: lower-alpha; }
ol { margin-left: -34px; }

hr { background: #ddd; color: #ddd; border: 0; height: 1px; margin: 20px 0; _margin: 10px 0; }
a:link, a:visited, a:active { color: #009933; text-decoration: underline; outline: 0; }
a:hover { text-decoration: none; }

.clear { clear: both; height: 0px; }
.floatleft { float: left; }
.floatright { float: right; }
.inline { display: inline; }

html>body p.IEgap { display: none; }
p.IEgap { margin:0; }

/*--------------------- layout elements ---------------------*/

#container {
  width: 760px;
  margin: 15px auto 0; }
  
  #head {
    width: 760px; height: 129px;
	position: relative;
	background: white url('../PageImages/bg_head_EAIF.jpg') 0 0 no-repeat; }
	
	#head h1 {
	  width: 191px; height: 67px;
  	  position: absolute; top: 20px; left: 25px;
	  background: transparent url('../PageImages/logo_EAIF.jpg') 0 0 no-repeat;
	  text-indent: -9000px; }
	
  #contentwrap {
    margin-top: 15px; }
	
	#content { /* for 2nd level page WITH subnav */
	  width: 100%; }
	
	.withSubnav #content { /* or 2nd level page WITHOUT subnav */
	  width: 551px;
	  float: right; }	 
	
  #foot {
    clear: both;
    height: 18px;
	margin-top: 15px; _margin-top: 0;
	padding-top: 4px;
	border-top: 1px solid #E3E4E6;
	border-bottom: 1px solid #E3E4E6; }  
    
	#foot p {
	  color: #9A9A9A;
	  font-size: 10px;
	  float: left;
	  margin: 0; }
	  #foot p.copy { float: right; padding-top: 1px; }
	  
	#foot a {
	  color: #9a9a9a;
	  font-size: 11px; text-decoration: none; }
	  #foot a:hover { text-decoration: underline; }

#greyBox { width: 196px; float: left; }
#greyBox .top, #greyBox .right, #greyBox .bottom, #greyBox .left, #greyBox .tl, #greyBox .tr, #greyBox .bl, #greyBox .br { width: 100%; }
.top { background: transparent url('../PageImages/greyBox/top.gif') 0 0 repeat-x; }
.right { background: transparent url('../PageImages/greyBox/right.gif') right 0 repeat-y; }
.bottom { background: transparent url('../PageImages/greyBox/bottom.gif') left bottom repeat-x; }
.left { background: transparent url('../PageImages/greyBox/left.gif') 0 0 repeat-y; }
.tl { background: transparent url('../PageImages/greyBox/tl.gif') 0 0 no-repeat; }
.tr { background: transparent url('../PageImages/greyBox/tr.gif') right 0 no-repeat; }
.bl { background: transparent url('../PageImages/greyBox/bl.gif') 0 bottom no-repeat; }
.br { background: transparent url('../PageImages/greyBox/br.gif') right bottom no-repeat; }
  
#content #greyBox { width: 100%; float: none; margin-bottom: 10px; }
  
/*--------------------- paragraphs & headings ---------------------*/

p {
  font-size: 1.2em;
}
  
  p span.small { font-size: 0.9em; }
  
  p span.normal { font-size: 12px; }

h1 {
  font-size: 3em;
  color: #009933;
  margin: 0 0 10px;
  font-weight: normal; }
  
h2 {
  font-size: 1.4em; font-weight: bold;
  color: #336600;
  margin: 0 0 10px; }
  
h3 {
  font-size: 1.4em; font-weight: bold;
  color: #009933;
  margin: 0; }

/*--------------------- navigation ---------------------*/

ul.level1 { 
  list-style: none; list-style-image: none;
  width: 760px; height: 19px;
  padding-top: 4px;
  position: absolute; left: 0; bottom: 0; _bottom: -1px;
  background: transparent url('../PageImages/bg_level1_EAIF.jpg') 0 0 repeat-x; }

ul.level1 li { float: left; margin: 0; }

ul.level1 li a, ul.level1 li a:visited { 
  float: left;
  display: block;
  height: 19px;
  padding: 0 11px;
  margin-left: 3px; _margin-left: 2px;
  color: white; font-weight: bold;
  text-decoration: none; }

ul.level1 li a:hover {
  color: #009933; }
  
ul.level1 li a.MenuOn, ul.level1 li a.MenuOn:visited {
  background: white;
  color: #009933;
  height: 17px;
  padding: 2px 10px 0; }

ul.level2 {
  list-style: none; list-style-image: none;
  width: 187px;
  padding-top: 2px;
  margin-left: 3px;
  padding-bottom: 3px; }
  
ul.level2 li { margin: 0; }  
  
ul.level2 a, ul.level2 a:visited {
  display: block;
  padding-bottom: 4px;
  padding-top: 3px;
  color: #000033; text-decoration: none;
  border-bottom: 1px dotted #DFE1E0;
  background: transparent url('../PageImages/arrow_green_EAIF.gif') 8px 7px no-repeat;
  padding-left: 21px; }

ul.level2 li a:hover, ul.level2 li a.MenuOn {
  font-weight: bold; }

ul.level2 li a.MenuOpen {
  font-weight: bold;
  background: transparent url('../PageImages/arrow_green_open_EAIF.gif') 8px 7px no-repeat; }

ul.level3 {
  list-style: none; list-style-image: none; }
 
ul.level3 li { margin: 0; } 
  
ul.level3 a, ul.level3 a:visited {
  font-size: 11px;
  background: transparent url('../PageImages/arrow_level3_EAIF.gif') 21px 7px no-repeat;
  padding-left: 33px; }
  
ul.level3 li a:hover, ul.level3 li a.MenuOn {
  color: #029834; font-weight: normal; } 

a.arrow, a span.arrow {
  background: transparent url('../PageImages/arrow_brown_EAIF.gif') 0 3px no-repeat;
  padding-left: 15px;
  font-weight: bold; }

/*--------------------- images ---------------------*/

.aboutusSample { width: 552px; height: 174px; margin: 0 0 10px; }

/*--------------------- forms ---------------------*/

form label {
 cursor: pointer; }
		
fieldset {
 border: none; }
		
input, select, textarea {
 font: 1.2em Arial, Helvetica, sans-serif; }
 
/*------------------------------------------ HOME PAGE ------------------------------------------*/

#contentHome {
  width: 465px;
  float: left; }
  
  #mainNews {
	padding: 0 15px 0 40px; }
	
	#mainNews h1 {
	  font-size: 3.5em;
	  font-weight: bold;
	  color: #CF7919;
	  margin: 0 0 5px -30px; }	
	  
  #moreNews h1 {
	width: 444px; height: 17px;
	padding: 3px 0 0 18px;
	margin: 0;
	background: transparent url('../PageImages/bg_latestnews_EAIF.jpg') 0 0 no-repeat;
	font-size: 1.1em; text-transform: uppercase; font-weight: bold; color: white; }
	
	#moreNews ul { 
	  list-style: none; list-style-image: none; }
    #moreNews li {
	  background: url('../PageImages/arrow_green_EAIF.gif') 6px 12px no-repeat;
	  padding: 8px 0 8px 19px;
	  border-bottom: 1px dotted #cecece; }
	#moreNews li a {
	  font-size: 11px; color: #5c5c5c; text-decoration: none; font-weight: normal; }
	#moreNews li a:hover {
	  color: #CF7919; text-decoration: underline; }
	
#extra {
  width: 275px;
  float: right;
  margin-right: 3px; }
  
  #extra #countrymap {
  	width: 268px; height: 173px; 
	float: right;
	margin: 0 0 14px;
	border-top: 1px solid #E3E4E6;
	border-bottom: 1px solid #E3E4E6; }
	
  .eligibility {
    width: 246px; float: right;
	border: 1px solid #E3E4E6;
	padding: 13px 10px 3px;
	background: white url('../PageImages/bg_eligibility_EAIF.jpg') 0 bottom repeat-x; }
  .eligibility h1 {
	margin: 0 0 7px;
	padding: 0 0 4px;
    color: #336633; text-transform: uppercase; font-size: 1.7em;
	border-bottom: 1px dotted #cecece; float: left; }	
  .eligibility h2 {
    color: #009933; font-size: 1.2em; font-weight: normal;
	margin: 0 0 5px; }
  .eligibility p {
    font-size: 1.1em; }	

/*------------------------------------------ CASE STUDIES PAGE ------------------------------------------*/

.casestudy { margin: 0 0 1.7em; }
.casestudy h3 { clear: both; float: left; margin-right: 4px; _margin-right: 0; }
.casestudy p { margin: 0 0 5px; }


/*------------------------------------------ FAQ ------------------------------------------*/

.faq { padding: 10px 10px 4px; }

.faq a, .faq a:visited, .faq a:active {
  font-size: 1.4em; font-weight: bold; color: black; text-decoration: none;
  background: url('../PageImages/bullet_EAIF.gif') 0 5px no-repeat;
  padding-left: 12px;
  border-bottom: 1px dotted #BCBEBD;
  display: block;
  height: 19px;
  margin-bottom: -2px;
  padding-bottom: 3px; }
  
.faq a.on {color: #009933;}

.faq a:hover { color: #009933; }
  
.faq p { 
  padding-left: 14px; padding-top: 10px;
  line-height: 1.4em; }
	
.faq hr { background: #ddd; color: #ddd; border: 0; height: 1px; margin: 20px 0; _margin: 10px 0; }	

.faq #answer { display:block; padding-bottom: 10px;  }

#answer  a { color: #009933; text-decoration: underline; outline: 0; font-weight:normal; background: none; border:none; display:inline; font-size: 1.1em; padding: 0;   }

#answer  a:hover { text-decoration:none; } 

/*---------------------------------------- WHERE WE WORK PAGE ---------------------------------------*/

ul.countriesList {  
  margin-bottom: 10px; }

ul.countriesList li { 
  margin-bottom: 2px;
  margin-left: 35px;
  _margin-left: 10px;  
  width: 200px;
  float: left;
  _background: url('../PageImages/bullet_EAIF.gif') left 5px no-repeat;
  _padding-left: 12px; }
  
/*------------------------------------------ FUND STRUCTURE & BOARD TABLES ------------------------------------------*/

.fundTable, .boardTable { border: 1px solid #7BC987; }
.fundTable h2 { margin-bottom: 0; }
.fundTable p, .boardTable p { font-size: 11px; margin-bottom: 0; }
.fundTable td { padding: 10px; }

.fundTable tr.total td { padding: 0; }
.fundTable tr.total table { background: #7BC987; border: 1px solid #fff; }
.fundTable tr.total table td { padding: 4px 10px; }
.fundTable tr.total table p { font-size: 1.4em; font-weight: bold; color: #fff; }

.boardTable td { padding: 5px; }
.boardTable .shaded { background: #E7F1E7; }