﻿ 
/*Import stylesheet for field office homepage*/
.dummy {
}
/*STANDARD HTML STYLES*/
h1 {
 font-size: 200%;
font-weight: bolder;
}
h2 {
 font-size: 160%;
}
h3 {
 font-size: 140%;
}
h4 {
 font-size: 120%;
}
h5 {
 font-size: 110%;
}
h6 {
 font-size: 90%;
}
a:hover {
 color: #047BD2;
}
a:visited:hover {
 color: #047BD2;
}
p, ol, ul, dl, table, tr, td {
 font-size: 1em;
 line-height: 1.5;
}
p.line {
  BORDER-BOTTOM: #CCCCCC 0.05em solid;  
  padding: 5px 0px 5px;
  line-height: 1.3;
  margin: 0px 0px 0px;
  }
p.small {
 margin: 0px;
 padding: 0px;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 60%;
 line-height: 2.0;
}
/*END STANDARD HTML STYLES*/
/*POSITIONING STYLES*/
 body {
 margin: 0px;
 padding: 0px;
 line-height: 1.5;
}
#countrylogo {
  position:absolute;
  left:14px;
  top:13px;
  }
  
#logo {
  position:absolute;
  left:635px; 
  top:8px;
  }
#header {
  left:0px;
  top:0px;
  width:100%;
  height: 48px;
  }
#maincontentbkgd {
  clear:both;
  position:relative;
  width:100%;
  background-color:#FFFFFF;
  }
#maincontent {
  position:relative;
  width:780px;
  padding: 0px;
  }
#maincontentsearch {
  position:relative;
  padding-left: 14px;
  padding-top: 36px;
  width:758px;
  }
  
#topheaderbkgd {
  position:relative;
  width:100%;
  }  
  
#topheader {
  position:relative; 
  left:20px; 
  top:0px; 
  width:538px;
  margin:0px 0px 23px;
  padding:0px;
  background-image: url();
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x; 
  }
#bodyarea {
  width:390px;
  padding-top:30px;
  margin:0px 0px 0px; 
  padding-left:20px;
  }
#featureareabkgd {
  position:relative;
  width:100%;
  background-color:#FFFFFF;
  margin: 0px; 
  padding: 0px;
  clear: both;
  }
  
#featurearea {
  position:relative;
  width:570px;
  margin: 0px; 
  padding: 0px;
  }
 
#featurearea p {  
 margin: 0px; 
 padding-left: 14px; 
 padding-top: 14px; 
 padding-right: 10px;
 line-height: 1.2;
 font-size: 95%;
 }
 
#rightarea {
  position:absolute; 
  left:610px; 
  top:67px; 
  width:150px;
  margin:0px;
  padding:0px;
  }
#rightareahome {
  position:absolute;
  left:584px;
  top:83px;
  width:185px;
  margin: 0px; 
  padding: 0px;
  background-color:#FFFFFF;
  }
/*END POSITIONING STYLES*/ 
/*GRAPHICS STYLES USED IN TEXT FIELDS*/  
.newgraphic {
background-image: url();
background-repeat: no-repeat;
background-positon: bottom;
padding-left: 25px;
}
.newgraphic2 {
background-image: url();
background-repeat: no-repeat;
background-positon: bottom;
padding-left: 25px;
}
/*END GRAPHICS STYLES*/  
/*LEFT COLOUR */
#leftnavbkgd {
background-color: #1073DE; color: #FFFFFF;;  
}
  
 #leftnav {
  width:178px; 
  padding-top: 29px;
  padding-bottom: 29px;
  padding-left: 14px;
  } 
  
  .leftnavtitle h1 {
   width:168px; 
   margin: 0px;
   line-height: 1.1;
}
/*END LEFT COLOUR */
  
/*LEFTMENU STYLES*/
#leftmenu {
 margin: 0;
 padding-top: 14px;
 padding-bottom: 14px;
 padding-left: 14px;
 padding-right: 10px;
 
  }
  
#leftmenu p {
 line-height: 1.25;
 margin: 0;
 padding-bottom: 9px;
}
#leftmenu a {
 text-decoration : none;
}
#leftmenu a:hover {
 text-decoration: underline;
}
#leftmenu p.here {
 FONT-WEIGHT: 600;
 color: #047BD2;
 width: 100%;
}
#leftmenu a.here {
 font-weight : 600;
 color: #df5e32;
}
#leftmenu a.here :visited {
 color: #df5e32;
}
/*END LEFTMENU STYLES*/  
/*RIGHT BOX*/  
#highlight {
  BACKGROUND-COLOR: #ddf0fd;
  width:150px;
  margin: 0px 0px 20px;
  }
  
#highlight p.title {
  BORDER-TOP: #0000cc 0.05em solid; 
  BACKGROUND-COLOR: #0082d9; 
  TEXT-ALIGN: left;
  FONT-WEIGHT: 600; 
  COLOR: #ffffff;
  padding: 0px 5px 0px;  
  margin: 0px 0px 0px;
  }
  
#highlight p.content {
   background-image: url();
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  BACKGROUND-COLOR: #ddf0fd;
  padding: 5px 5px 5px;
  margin: 5px 0px 0px;
  }
  
#searchbkgd {
  position:absolute; 
  left:610px; 
  top:32px; 
  width:150px;
  margin:0px;
  padding:0px;
  }  
  
#search {
  position:relative; 
  width:150px;
  margin:0px 0px 15px;
  padding:0px; 
  }
    
#search form {
  height:20px;
  margin:0px;
  padding:0px;
  }  
  
#textfield {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 85%;
  line-height: 1;
  width:125px;
  } 
#orderformfield {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  }   
 
#searchbutton{
  position: absolute;
  left: 132px;
  top:1px;
  }
#searchbuttonhome{
  position: absolute;
  left: 132px;
  top:19px;
  }
/*END RIGHT BOX*/  
 
/* MAIN NAVIGATION*/
#mnoverview .mnoverview {
 background-color: #20A6FF;
}
#mnchildren .mnchildren {
 background-color: #20A6FF;
}
#mnactivities .mnactivities {
 background-color: #20A6FF;
}
#mnpartners .mnpartners {
background-color: #20A6FF;
}
#mnmedia .mnmedia {
background-color: #20A6FF;
}
#mnsupport .mnsupport {
background-color: #20A6FF;
}
#mnforchildren .mnforchildren {
background-color: #20A6FF;
}
#mnreallives .mnreallives {
background-color: #20A6FF;
}

#mnextra .mnextra {
 background-color: #20A6FF;
}

/* MAIN NAVIGATION*/
#mainnavbkgd {
  height:20px;
  width:100%;
  background-color: #0190F1;
  border-top: 1px solid #047BD2;
  border-bottom: 1px solid #047BD2;
  }
.mainnav {
  width:760px;
  }
.mainnav ul {
 margin: 0; /*removes indent IE and Opera*/
 padding: 0; /*removes indent Mozilla and NN7*/
 list-style-type: none; /*turns off display of bullet*/
 font-size: 85%;
 font-weight: bold;
}
.mainnav li {
 margin: 0;
 float: left;
 padding: 0;
}
  
.mainnav a {
 border-right: 1px solid #047BD2; 
 white-space: nowrap;
 padding-top: 3px;
 padding-bottom: 4px;
 padding-right: 4px;
 padding-left: 4px;
 line-height: 2.1;
 }
 
.mainnav a:link, .mainnav a:visited { 
 color: #FFFFFF;
 text-decoration: none;
}
.mainnav a.active {
 background-color: #20A6FF;
}
.mainnav a:hover {
 background-color: #20A6FF;
}
/* END MAIN NAVIGATION*/
/*IMAGE STYLES*/  
.imageborder {
 margin: 0px;
 padding:0px;
 border:1px solid #999999;
}
.imagecopyright {
 font-size: 85%;
 color: #BBBBBB;
 padding:0px 0px 5px;
 margin:0px;
 text-align: right;
}
.imagecaption {
 font-size: 90%;
 color: #660000;
 line-height : 1.25;
 margin: 0px;
 padding: 0px 0px 10px;
 background-image: url();
 background-position: bottom;
 background-repeat: repeat-x;
 font-family: Verdana, Arial, Helvetica, sans-serif;
  }
  
.imagearea {
  clear: left;
  float:left; 
  margin: 0px 10px 0px 0px;
  padding:0px;
  }
 
.psarow {
 position: relative;
 margin: 0px 0px 30px 0px;
 padding: 0px;
}
.psathumbnail {
 position: absolute;
 top: 0px;
 left: 0px;
 margin: 0px;
 padding: 0px;
 border:1px solid #999999;
 float: left;
}
.psastoryblurb {
 position:relative;
 top: -4px;
 left: 100px;
 width: 295px;
 margin: 0px;
 padding: 0px;
}
.psastoryblurb p {
 margin: 0px;
 padding: 0px;
}
#imageareathumb {
 float:left;
 margin-right: 10px;
 padding:0;
 border: 1px solid #CCCCCC;
}
/*END IMAGE STYLES*/ 
/*RIGHT BOX */
.highlighttext {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px;
  line-height: 1.5;
   background-image: url();
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  BACKGROUND-COLOR: #ddf0fd;
  }
.highlighttext p{
  padding: 0px 0px 12px 0px;
  margin: 0px;
  line-height: 1.5;
  }
.highlighttext ul{
  padding: 0px 10px 12px 20px;
  margin: 0px;
  line-height: 1.5;
  list-style: square;
  }
#rightlnk {
  position:relative; 
  width:150px;
  BACKGROUND-IMAGE: url(); 
  BACKGROUND-POSITION: top;
  BACKGROUND-REPEAT: repeat-x; 
  visibility: hidden;
  display:none;
  } 
   
#rightlnk p{
  font-size: 90%;
  color: #000000;
  line-height: 1.3; 
  margin: 0px;
  padding: 8px 0px 8px;
  } 
  
#rightlnk a {
  font-weight: bold;
  text-decoration: none;
  }
  
#rightlnk a:hover {
  text-decoration: underline;
  color: #df5e32;
  }
 
#rightlnk a:visited {
 color: #0000FF;
}   
#highlight2 {
  BACKGROUND-COLOR: #ddf0fd;
  width:150px;
  margin: 0px 0px 20px;
  font-size: 85%;
  }
#highlight2 p.title {
  BORDER-TOP: #0000cc 0.05em solid; 
  BACKGROUND-COLOR: #0082d9; 
  TEXT-ALIGN: left;
  FONT-WEIGHT: bold; 
  COLOR: #ffffff;
  padding: 0px 5px 2px;  
  margin: 0px 0px 0px;
  }
  
#highlight2 p.content {
  background-image: url();
  BACKGROUND-POSITION: bottom;
  BACKGROUND-REPEAT: repeat-x;
  BACKGROUND-COLOR: #ddf0fd;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left:5px;
  padding-right: 5px;
  margin: 0px 0px 0px;
  line-height: 1.5;
  }
/*END RIGHT BOX */
/*FOOTER LINKS */
#taglinenavbkgd {
 margin-left: 14px;
 height:48px;
 clear:both;
 width:100%;
  }
#footernavbkgd {
 padding-left: 14px;
 height:20px;
 width:100%;
 background-color: #E6E6E6;
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #047BD2;
  }
#footernav {
  width:760px; 
  }
#footernav ul {
 margin: 0; /*removes indent IE and Opera*/
 padding: 0; /*removes indent Mozilla and NN7*/
 list-style-type: none; /*turns off display of bullet*/
 font-size: 85%;
 font-weight: bold;
}
#footernav li {
 margin: 0;
 float: left;
 padding: 0;
}
  
#footernav a {
 display: block;
 text-decoration: none;
 padding-top: 3px;
 padding-bottom: 4px;
 margin-left: 0px;
 margin-right: 16px;
 white-space: nowrap;
 color: #047BD2;
 }
 
#footernav a:hover {
 text-decoration: underline;
}
 
/*END FOOTER LINKS */
/*HOMEPAGE STYLES */
.pagetitle {
 margin: 0px 0px 20px;
}
.sectionsubtitle a {
 margin: 0px;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 text-decoration: none;
 line-height: 1.1;
 font-size: 160%;
 font-weight: 600;
}
.sectionsubtitle a:hover {
 text-decoration: underline;
}
.sectionsubtitle2 {
 margin: 0px 0px -10px;
}
/*HOMEPAGE COLORS*/
.darkpurple {
background-color: #421063;
color: #FFFFFF;
}
.darkpurple a:link {
color: #B3E1FF;
}
.darkpurple a:visited {
color: #CCCCCC;
}
.darkpurple a:hover {
 color: #8AC9F3;
}
.orange {
background-color: #E67B01;
color: #FFFFFF;
}
.orange a:link {
color: #B3E1FF;
}
.orange a:visited {
color: #CCCCCC;
}
.orange a:hover {
 color: #8AC9F3;
}
.yellow {
background-color: #FFFF00;
color: #000000;
}
.orangeyellow {
background-color: #FF9900;
color: #000000;
}
.lightgray {
background-color: #EFEFEF;
color: #000000;
}
.pinkgray {
background-color: #C6BDC6;
color: #000000;
}
.magenta {
background-color: #FF0099;
color: #FFFFFF;
}
.magenta a:link {
color: #B3E1FF;
}
.magenta a:visited {
color: #CCCCCC;
}
.magenta a:hover {
 color: #8AC9F3;
}
.peach {
background-color: #FBC678;
color: #000000;
}
.pinkpurple {
background-color: #801080;
color: #FFFFFF;
}
.pinkpurple a:link {
color: #B3E1FF;
}
.pinkpurple a:visited {
color: #CCCCCC;
}
.pinkpurple a:hover {
 color: #8AC9F3;
}
.white {
background-color: #FFFFFF;
color: #000000;
}
.lightblue {
background-color: #B2CEF2;
color: #000000;
}
.darkcyan {
background-color: #1073DE;
color: #FFFFFF;
}
.darkcyan a:link {
color: #B3E1FF;
}
.darkcyan a:visited {
color: #CCCCCC;
}
.darkcyan a:hover {
 color: #85C7F4;
}
.mediumpurple {
background-color: #633984;
color: #FFFFFF;
}
.mediumpurple a:link {
color: #B3E1FF;
}
.mediumpurple a:visited {
color: #CCCCCC;
}
.mediumpurple a:hover {
 color: #8AC9F3;
}
.lavender {
background-color: #BDADC6;
color: #000000;
}
.lightgreen {
background-color: #C6CEA5;
color: #000000;
}
.mediumgreen {
background-color: #7BB500;
color: #FFFFFF;
}
.mediumgreen a:link {
color: #B3E1FF;
}
.mediumgreen a:visited {
color: #CCCCCC;
}
.mediumgreen a:hover {
 color: #8AC9F3;
}
.darkgreen {
background-color: #527300;
color: #FFFFFF;
}
.darkgreen a:link {
color: #B3E1FF;
}
.darkgreen a:visited {
color: #CCCCCC;
}
.darkgreen a:hover {
 color: #8AC9F3;
}
.darkblue {
background-color: #333399;
color: #FFFFFF;
}
.darkblue a:link {
color: #B3E1FF;
}
.darkblue a:visited {
color: #CCCCCC;
}
.darkblue a:hover {
 color: #8AC9F3;
}
/*END HOMEPAGE COLORS*/
.homebox {
  line-height: 1.2;
font-size: 95%;
}
.homeheader {
 font-size: 85%;
 font-weight: 600;
 line-height: 1.2;
text-transform: uppercase;
}
.sectioncolor {
  width: 178px;
  margin: 0;
  padding-top: 32px;
  padding-bottom: 14px;
  padding-left: 14px;
  padding-right: 10px;
  background-color: #1073DE; color: #FFFFFF;
}
.sectionfrontcolor {
background-color: #1073DE; color: #FFFFFF;
}
.sectioncolor h1 {
line-height: 1.1;
}
/*END HOMEPAGE STYLES */
/*REDDOT FORMATING STYLE*/
.reddot {
font-family: Arial, Verdana, default;
font-size: 10px;
background-color: #ffffff;
border: solid 1px #ff0000;
padding: 0px;
color: #FF0000;
z-index: 1000;
}
.comment {
 font-size: 85%;
 line-height: 1.1;
 color: #999999;
}
.gray {
 line-height: 1.1;
 color: #999999;
}
#box {
background-color: #F4E6E6;
padding: 5px;
}
#indent {
margin-left: 20px;
}
.pagesubhead {  
color: #047BD2;  
font-size: 110%;  
font-weight: bold;  
}            
ol, ul, dl {       
line-height: 1.4;   
}     
.pullquote {     
position:relative;     
float:right;      
font-weight: bold;   
line-height: 1.25;     
color: #9E9E9E;     
width: 150px;     
margin: 5px 5px 15px;      
padding: 5px 0px 5px; 0px;   
}                
.leadquote { 
font-weight: bold;      
font-style: italic;  
line-height : 1.25;      
color: #9E9E9E;         
}     
/* added by Luca for Google project */
#bodyareaSearch {
  position:relative;
  float:left;
  width:738px;
  left:20px;
  top:0px;
  margin:0px 0px 0px;
}
.odd {
  background-color: #f4f4f4;
  padding: 10px;
}
.googleindent {
  margin-left: 40px;
}
.even {
  background-color: #ffffff;
  padding: 10px;
}
.url {
  color: #660000;
}
#infobar {
 font-size: 130%;
 line-height: 1.3;
 margin: 0px 0px 20px;
 font-family:  verdana, arial, helvetica, sans-serif;
 color: #df5e32;
}

#searchbkgdBottom {
  position:absolute;
  left:300px;
  bottom:-25px;
  width:150px;
  margin:0px;
  padding:0px;
  text-align:left;
  }
 
#searchBottom {
  position:relative;
  width:150px;
  margin:0px 0px 15px;
  padding:0px;
  }

/*share tools 20100628*/
#sharethis1 a { background: url('/nigeria/shareThis-16x16.gif') 0% 50% no-repeat; }
#sharethis1 a { border:0 none; display:inline; padding:3px 0 3px 24px; font-weight:bold; }
 
/*END REDDOT FORMATING STYLE*/
 



