﻿
/*Styles for printer friendly pages*/
.printheader,.postselect {
display:none !important
}
#close {
display:none !important
}
#straplineimage, #logoimage {
display:none !important
}
#topimage {}

/*Style ends*/

/* MOBILE
--------------------------------------- */
#m_logo {display:none;}

a {
 text-decoration: none;
 }
a:hover {
 text-decoration: underline;    
 }
p.gray {
 color: #CCCCCC;
 font-size: 85%;
 }
#headerBG { width: 100%; height:122px; background: url(/french/css/images/header_bg-1.gif) 0 0 repeat-x; }
#headerBG img { border: 0; }

/* this is the language links section */
#languageLinks {
    height: 14px;
    width: 313px;
    background: transparent url(/french/css/images/langnav.gif) top left no-repeat;
    position: absolute;
    top:5px;
    left:448px;}
        /* Simplified Box Model Hack so the widths are right in IE 5.x */
 #languageLinks {
     \width: 310px;
    w\idth: 313px;}

  #languageLinks li {
    list-style: none;
    position: absolute;}
 #languageLinks li, #languageLinks a {
    border: 0;
    height: 14px;
    display: block;}
  div#languageLinks ul#languageMenu li a {
    text-indent: -9999px;
    text-decoration: none;
    }
div#languageLinks #englishMenu       {left: 0; top: 0;  width: 56px; height: 14px;}
div#languageLinks #spanishhMenu      {left: 57px; top: 0; width: 75px; height: 14px;}
div#languageLinks #frenchMenu     {left: 131px; top: 0; width: 80px; height: 14px;}
div#languageLinks #arabicMenu       {left: 211px; top: 0; width: 61px; height: 14px;}
div#languageLinks #chineseMenu  {left: 271px; top: 0; width: 42px; height: 14px;}

div#languageLinks #englishMenu.yourHere         {background: transparent url(/french/css/images/langnav.gif) 0px -15px no-repeat;}
div#languageLinks #spanishhMenu.yourHere       {background: transparent url(/french/css/images/langnav.gif) -57px -15px no-repeat;}
div#languageLinks #frenchMenu.yourHere      {background: transparent url(/french/css/images/langnav.gif) -131px -15px no-repeat;}
div#languageLinks #arabicMenu.yourHere         {background: transparent url(/french/css/images/langnav.gif) -211px -15px no-repeat;}
div#languageLinks #chineseMenu.yourHere        {background: transparent url(/french/css/images/langnav.gif) -271px -15px no-repeat;}

div#languageLinks #englishMenu a:hover         {background: transparent url(/french/css/images/langnav.gif) 0px -15px no-repeat;}
div#languageLinks #spanishhMenu a:hover        {background: transparent url(/french/css/images/langnav.gif) -57px -15px no-repeat;}
div#languageLinks #frenchMenu a:hover       {background: transparent url(/french/css/images/langnav.gif) -131px -15px no-repeat;}
div#languageLinks #arabicMenu a:hover         {background: transparent url(/french/css/images/langnav.gif) -211px -15px no-repeat;}
div#languageLinks #chineseMenu a:hover    {background: transparent url(/french/css/images/langnav.gif) -271px -15px no-repeat;}

#headerNew {background-color:transparent; width: 935px; height:59px; margin:0 0 34px; position:relative;}
#headerNew #logo {display:block; position:absolute; top:29px; left:586px;}
#headerNew span {display:block; position:absolute; top:41px; left:23px;}
#headerNew span.zh {display:block; position:absolute; top:43px; left:23px;}

#navt1 {background-color:#007BD3; border:1px solid #55C1FF; border-width:1px 0; position:absolute; top:88px; left:0; width: 975px; height:32px;}
* html #navt1 { height: 34px; }
#navt1 ul {display:block; padding:6px 0 0 23px; height:26px; width: 975px; margin: 0;}
#navt1 ul li {color:#FFF;float:left; list-style:none; margin-right: 16px;}
#header { 
  left:0px;
  top:0px;
  width:100%;
  height:59px;
  margin: 0px;
  padding: 0px;
/*  background-color: #0099ff; */
  }

#mainnavbkgd {
  left:0px;
  top:0px;
    width:100%;
  height:33px;
  margin: 0px;
  padding: 0px;
  background-color:#047BD2;
  }

#mainnavbkgd_En {
  left:0px;
  top:0px;
  width:100%;
  height:33px;
  margin: 0px;
  padding: 0px;
  background-color:#047BD2;
  }

#mainnav_En {
  width:900px; 
  height:33px;
  margin: 0px 0px 0px -2px;
  padding: 0px;
  }  

.navHeader_En  {
  padding: 0px;
  margin: 0px 0px 0px 22px;
  float: left;
  }

.navHeader  {
  padding: 0px;
  margin: 0px 0px 0px 28px;
  float: left;
  }

#blueareabkgd {
  width:100%;
  margin: 0px;
  padding: 0px;
  background-color:#0093EF;
/*  border-top: 1px solid #3EADFF; */
  }
  
#bluearea {
  position:relative;
  width:780px;
  height:196px;
  margin: 0px;
  padding: 0px; 
  }
#map {
  position:absolute;
  left:0px;
  top:0px;
  margin: 0px;
  padding: 0px;
  }
 
#bluearea p {
  padding: 0px;
  margin: 0px;
  }
  
  
  
#newHighlight {
  color: #FFFF00;
  font-weight: bold;
  }
#connector_namerica_section1 {
  position:absolute;
  left: 20px;
  top: 16px;
  margin: 0px;
  padding: 0px;
  width:255px;
  height:44px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  z-index:10;
  }
#connector_us_section1 {
  position:absolute;
  left: 20px;
  top: 16px;
  margin: 0px;
  padding: 0px;
  width:255px;
  height:50px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  z-index:10;
  }  
  
#connector_saro_section2 {
  position:absolute;
  left:451px;
  top:16px;
  margin: 0px;
  padding: 0px;
  width:310px;
  height:68px;
  z-index:12;
  border-top: 1px solid white;
  border-left: 1px solid white;
  z-index:10;
  }
#connector_ceecis_section2 {
  position:absolute;
  left:437px;
  top:16px;
  margin: 0px;
  padding: 0px;
  width:324px;
  height:30px;
  z-index:12;
  border-top: 1px solid white;
  border-left: 1px solid white;
  z-index:10;
  }
#connector_mena_section2 {
  position:absolute;
  left:396px;
  top:16px;
  margin: 0px;
  padding: 0px;
  width:365px;
  height:68px;
  z-index:12;
  border-top: 1px solid white;
  border-left: 1px solid white;
  z-index:10;
  }  
  
#connector_esaro_section3 {
  position:absolute;
  left:409px;
  top:107px;
  margin: 0px;
  padding: 0px;
  width:352px;
  height:10px;
  z-index:10;
  border-top: 1px solid white;
  z-index:10;
  }
#connector_tacro_section3 {
  position:absolute;
  left:294px;
  top:107px;
  margin: 0px;
  padding: 0px;
  width:466px;
  height:10px;
  z-index:10;
  border-top: 1px solid white;
  z-index:10;
  }
#connector_wacaro_section3 {
  position:absolute;
  left:382px;
  top:107px;
  margin: 0px;
  padding: 0px;
  width:378px;
  height:10px;
  z-index:10;
  border-top: 1px solid white;
  z-index:10;
  }
   
#regional_content_left {
  position:relative;
  left: 0px;
  top: 0px;
  width:175px; 
  padding: 19px 0px 0px 20px;
  margin: 0px;
  z-index:20;
  float: left;
  }  
  
#regional_content_left p {
  background-color:#0093EF;
  }
  
#regional_content_right {
  position: relative;
  left: 0px;
  top: 0px; 
  width:175px;
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 0px 580px;
  z-index:20;
  }  
  
#regional_content_right p {
  background-color:#0093EF;
  }  
  
#regionalcontenttopsection {
  position: relative;
  width:175px;
  height: 85px;
  margin: 0px;
  padding: 0px;
  }
#regionalcontentbottomsection {
  position: relative;
  width:175px;
  height: 85px;
  margin: 5px 0px 0px 0px;
  padding: 0px;
  }
 
#featuresbkgd {
  position:relative;
  width:100%;
  margin: 0px;
  padding-bottom: 12px;
  background-color:#047BD2;
  clear: left;  /* needed to clear the "push" style in "bluearea" div in Mac IE */
  }
#features {
  position:relative;
  width:780px;
  height:400px;
  margin: 0px;
  padding: 0px;
  }
  
  
#latest_header {
  position:absolute;
  left:209px;
  top:8px;
  margin: 0px;
  padding: 0px;
  width:175px;
  }
  
#latest_content {
  position:absolute;
  left:209px;
  top:27px;
  width:164px;
  margin: 0px;
  padding: 0px;
  }
 
 
#latest_content p {
  margin: 0px;
  padding: 0px;
  }
#factoftheday {
  position: relative;
  width:188px;
  margin: 0px 0px 0px 384px;
  padding: 12px 0px 0px 0px;
  clear: left;  /* needed to clear the "push" style in "bluearea" div in Mac IE */
  }
 
 
#factoftheday_header {
  margin: 0px;  
  padding: 0px 12px 1px 12px;
  border-left:1px solid #6FAAD6;
  border-right:1px solid #6FAAD6;
  } 
#factoftheday p {
  margin: 0px;  
  padding: 0px 12px 10px 12px;
  border-left:1px solid #6FAAD6;
  border-right:1px solid #6FAAD6;
  } 
  
 
#presscentre {
  position: relative;
  width:188px;
  margin: 0px 0px 10px 384px;
  padding: 0px 0px 0px 0px;
  }
  
  
#presscentre_header {
  margin: 0px;
  padding: 0px 12px 1px 12px;
  border-left:1px solid #6FAAD6;
  border-right:1px solid #6FAAD6;
  }
  
#presscentre p {
  margin: 0px;
  padding: 0px 12px 0px 12px;
  border-left:1px solid #6FAAD6;
  border-right:1px solid #6FAAD6;
  }
  
#altLangBanners {
    font-size: 85%;
    position: absolute;
    left: 765px;
    top: 12px;
    width: 125px;
    border:1px solid #6FAAD6;
}

#banner1 {
  position:absolute;
  left:585px;
  top:50px;
  width: 80px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  border:1px solid white;
  }
#banner1 img {
  border:0;
  }

#banner1_lg {
  position:absolute;
  left:585px;
  top:50px;
  width: 180px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  border:1px solid white;
  }

#banner1_lg img {
  border:0;
  }


#banner1_text {
  position:absolute;
  left:585px;
  top:130px;
  width: 80px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  }     
  
#banner2 {
  position:absolute;
  left:679px;
  top:50px;
  width: 80px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  border:1px solid white;
  }
#banner2 img {
  border:0;
  } 
#banner2_text {
  position:absolute;
  left:679px;
  top:130px;
  width: 80px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  }    
  
#search_home {
  position:absolute;
  left:584px;
  top:12px;
  width: 175px;
  length: 130px;
  }
#search_header {
  margin: 0px;
  padding: 0px;
  }
  
#textfield_home {
  position: absolute;
  top: 10px;
  left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  line-height: 1;
  width:152px;
  }
#textfield_home_Sp {
  position: absolute;
  top: 12px;
  left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  line-height: 1;
  width:152px;
  } 
#textfield_home_Fr {
  position: absolute;
  top: 10px;
  left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  line-height: 1;
  width:152px;
  }  
 
 
#searchbutton{
  position: absolute;
  left: 160px;
  top:11px;
  }
#searchbutton_Sp {
  position: absolute;
  left: 160px;
  top:13px;
  }
#searchbutton_Fr {
  position: absolute;
  left: 160px;
  top:11px;
  }  
  
 
#mainimage {
  position:absolute;
  left:20px;
  top:-50px;  
  width:175px;
  height:204px;
  padding: 0px;
  margin: 0px;
  }   
#bottomnavbkgd {
  position:relative;
  width:100%;
  margin:0px;
  padding:0px;
  border-top:1px solid #42B4FF;
  }
      
#bottomnav {
  left:0px;
  top:0px;
  width:/*780*/935px;
  height: 30px;
  margin:0px;
  padding:0px;
  }
    
#bottomnav p {
  margin:0px;
  padding:0px;
  }
#utilities {
  position:absolute;
  left:20px;
  top:0px;
  width:780px;
  margin:0px;
  padding:0px;
  }
   
    
#utilities a {
 position:relative;
 padding-top:0;
 margin-left: 0px;
 margin-top: 3px;
 margin-right: 16px;
 margin-bottom: 4px;
 float: left;
 line-height: 130%;
 color: #FFFFFF;
 font-size: 90%;
 white-space: nowrap;
 text-decoration: none;
 } 
 
#utilities a:hover {
 text-decoration: underline;
}
#languages {
  position:absolute;
  left:650px;
  top:0px;
  width:160px;
  }   
#languages a {
  position:relative;
  padding:0px;
  margin-left: 0px;
  margin-top: 3px;
  margin-right: 9px;
  margin-bottom: 4px;
   padding-bottom:2px;
  float: left;
  line-height: 130%;
  color: #FFFF00;
 font-size: 90%;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  } 
 
#languages a:hover {
  text-decoration: underline;
  }
#languages_home {
  position: relative;
  left: 0px;
  top: 0px;
  width: 170px;
  margin: 0px 0px 0px 584px;
  }
  
  
#languages_home a {
  position: relative;
  padding-bottom:2px; 
   margin: 3px 10px 4px 0px;
  float: left;
  line-height: 130%;
  font-size: 0.9em;
  color: #FFFF00;
  font-weight: bold;
  }

.arabicText {
font-size:150%;
font-family: Arabic Transparent, Verdana, Arial, Helvetica, sans-serif;
}
  
  
  

 /* needed for pushing down next div area */
/* New version of push to fix problems with Firefox */
#push 
 {
 clear:both;
 font-size:1px;
 line-height:1px;
 visibility:hidden;
 }
  
/*#push {      
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  width : 760px;
  height: 40px;
  float: left;
  } */



/* A-level pages */
  
  
#blueareabkgd_alevelpage {
  width:100%;
  margin: 0px;
  padding: 0px;
  background-color:#0093EF;
/*  border-top: 1px solid #3EADFF; */
  }
  
#bluearea_alevelpage {
  position:relative;
  width:700px;
  margin: 0px;
  padding: 28px 0px 0px 20px; 
  } 
   
#bluepage_nodots_column {
  position:relative;
  left: 0px;
  top: 0px;  
  padding: 0px;
  margin: 0px;
  width:176px;
  float: left;
  }
  
  
#bluepage_dots_column {
  position: relative;
  left: 0px;
  top: 0px; 
  width:188px;
  padding: 0px;
  margin: 0px;
  background-image:  url(/french/css/images/app_alevel_dots_vert.gif); 
  background-repeat: repeat-y;
  float: left;
  }
  
  
#bluepage_dots_column_wide {
  position: relative;
  left: 0px;
  top: 0px; 
  width:376px;
  padding: 0px;
  margin: 0px;
  background-image:  url(/french/css/images/app_alevel_dots_vert.gif); 
  background-repeat: repeat-y;
  float: left;
  }

#pc_bluepage_dots_column_wide {
  position: relative;
  left: 0px;
  top: 0px; 
  width:376px;
  padding: 0px;
  margin: 0px;
  background-image:  url(/french/css/images/app_alevel_dots_vert.gif); 
  background-repeat: repeat-y;
  float: left;
  background-color:white;
  }  
  
.contentrow {
  position:relative;
  left:0px;
  top: 0px; 
  width: 552px;
  min-height: 100px;
  margin:0px;
  padding:0px;
  background-image:  url(/french/css/images/app_alevel_dots_horz.gif); 
  background-repeat: repeat-x;
  float: left; /* Changed from a clear to a float to fix firefox */
  z-index:15;
  }
  
  
.contentrow_last {
  position:relative;
  left:0px;
  top: 0px; 
  width: 552px;
  height: 135px;
  margin: 0px;
  padding: 0px;
  background-image:  url(/french/css/images/app_alevel_dots_horz.gif); 
  background-repeat: repeat-x;
  float: left;
  z-index:15;
  }
.contentrow_ibc_worldmap {
  position:relative;
  left:0px;
  top: 0px; 
  width: 552px;
  height: 200px;
  margin:0px;
  padding:0px;
  background-image:  url(/french/css/images/app_alevel_dots_horz.gif); 
  background-repeat: repeat-x;
  clear: left;
  z-index:15;
  }
    
#countries_row {
  position:relative;
  left:0px;
  top: 0px; 
  margin: 0px;
  padding: 0px;
  }
#countries_row table {
 position: relative; 
 left:-2px; 
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 line-height: 130%;
 margin: 0px;
 padding: 0px;
}  
  
#countriesregional_row {
  position:relative;
  left:0px;
  top: 0px; 
  margin: 0px;
  padding: 0px 12px 0px 12px;
  }
.countries_column1 {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  width:186px;
  vertical-align: top;
  }
.countries_column2 {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  width:186px;
  vertical-align: top;
  }
.countries_column3 {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  width:160px;
  vertical-align: top;
  }
#countries_regional_row {
  position:relative;
  left:0px;
  top: 0px; 
  margin: 0px;
  padding: 0px;
  float: left
  }
#countries_regional_row table {
 position: relative; 
 left:11px;
 top:11px; 
 color: #FFFFFF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 100%;
 line-height: 130%;
 margin: 0px;
 padding: 0px;
} 
.countries_region_column1 {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  width:186px;
  vertical-align: top;
  }
.countries_region_column2 {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  width:186px;
  vertical-align: top;
  }
  
.gridtopsection {
  position: relative;
  height: 153px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}
  
.gridtoplongsection {
  position: relative;
  height: 220px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

.pc_gridtopsection {
  position: relative;
  min-height: 640px;
  margin: 0px;
  padding: 0px 0px 10px 0px;
  }
  
  
.childprotection_text {
  position: relative;
  margin: 0px;
  padding: 0px 100px 10px 0px;
  z-index:20;
  }
  
  
.earlychildhood_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 12px;
  z-index:20;
  }
  
  
.girlseducation_text {
  position: relative;
  margin: 0px;
  padding: 0px 78px 10px 12px;
  z-index:20;
  }
  
  
.hivaids_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 12px;
  z-index:20;
  }
  
  
.immunization_text {
  margin: 0px;
  padding: 0px 85px 10px 12px;
  z-index:20;
  }
  
  
.why_we_do_it_text {
  margin: 4px 0px 0px 0px;
  padding: 0px 125px 0px 12px;
  z-index:20;
  }
  
  
.infobycountry_text{
  margin: 0px;
  padding: 0px 12px 0px 200px;
  z-index:20;
  }
  
  
.infobycountry_text p{
  margin: 0px;
  padding: 13px 0px 0px 0px;
  }
.section_text_wide_right{
  margin: 0px;
  padding: 0px 12px 0px 200px;
  z-index:20;
  position: absolute; /*DY 20080626 for ff*/
  }
.donatenow_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 0px;
  z-index:20;
  }
.pc_section2_text {
  position: relative;
  margin: 0px;
  padding: 0px 10px 10px 0px;
  z-index:20;
  }
.pc_section2_text p{
  margin: 0px;
  padding: 0px 0px 8px 0px;
  }

.pc_section3_text {
  position: relative;
  margin: 0px;
  padding: 5px 10px 10px 0px;
  z-index:20;
  clear:both;
  }

.pc_section3_text p {
  margin: 0px 0px 7px 0px;
  padding: 0px 0px 8px 0px;
  clear:both;
  }

.pc_section3_text p img {
  margin: 0 5px 5px 0;
  border: 1px solid #7fccff;
  float:left;
  }

.pc_section4_text {
  position: relative;
  margin: 0px;
  padding: 0px 10px 10px 0px;
  z-index:20;
  }
.pc_section4_text p{
  margin: 0px;
  padding: 0px 0px 8px 0px;
  }

.pressreleases_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 0px 12px;
  z-index:20;
  float: left;
  }

.pressreleases_text p {
  margin: 0px;
  padding: 0px 0px 20px 0px;
  color: #000000;
  line-height: 1.3;
  font-size: 1em;
  clear:all;
  }

.pressreleases_text p img {
  margin-right:5px;
  border: 1px solid #7fccff;
  float:left;
}

.pressreleases_text p a:link {
 color: #0000FF;
 text-decoration: underline;
}

.pressreleases_text p a:visited {
 color: #800080;
 text-decoration: underline;
}


.pressreleases_text .large {
 font-size: 110%; 
}

.videolink {
 position:relative;
 top:5px;
}
.videolink a img {
 position:relative;
 top:-2px;
 border:0;
}
.ibc_section2_text {
  position: relative;
  margin: 0px;
  padding: 0px 75px 10px 0px;
  z-index:20;
  }  
  
.ibc_section3_text {
  position: relative;
  margin: 0px;
  padding: 0px 75px 10px 12px;
  z-index:20;
  }
.ibc_section4_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 12px;
  z-index:20;
  }
.employment_text {
  position: relative;
  margin: 0px;
  padding: 0px 78px 10px 12px;
  z-index:20;
  }
.structure_text {
  position: relative;
  margin: 0px;
  padding: 0px 78px 10px 12px;
  z-index:20;
  }
.partnerships_text {
  position: relative;
  margin: 0px;
  padding: 0px 78px 10px 0px;
  z-index:20;
  }
.videocatalogue_text {
  position: relative;
  margin: 0px;
  padding: 0px 78px 10px 12px;
  z-index:20;
  }
.audiofeatures_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 12px;
  z-index:20;
  }
.section_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 12px;
  z-index:20;
  }
.section_noborder_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 0px;
  z-index:20;
  }
.section_noborder_text_dark_background {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 7px;
  z-index:20;
  }
.ibc_region_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 0px;
  z-index:20;
  float: left;
  }
  
.ibc_region_text p{
  margin: 0px;
  padding: 13px 0px 0px 0px;
  }  
  
.arrow_row {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 7px 0px 0px 0px;
  padding: 0px;
  }
.orange_arrow {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 2px 0px 0px 0px;
  padding: 0px;
  float: left;
  }  
  
.arrow_row p {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 0px 11px;
  padding: 0px;
  line-height: 120%
  }
  
    
#pageheader{
  position: relative;
  top: 75px;
  left: 0px;
  width:165px;
  margin: 0px;
  padding: 0px;
  }
#pageheader_long{
  position: relative;
  top: 37px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  }  
  
#ibc_region_map{
  position: relative;
  top: 36px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  }
.relativeimage {
  position: relative;
  padding: 10px 0px 10px 0px;
  margin: 0px;
  } 
  
  
.gridsectionheader_border{
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 11px 0px 0px 12px;
  }
  
  
.gridsectionheader_noborder{
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 11px 0px 0px 0px;
  }
.gridsectionheader_wideborder{
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 11px 0px 0px 200px;
  }

.gridsectionheader_noborder_dark_background {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 11px 0px 0px 7px;
  }
  
.gridsectionimage {
  position: absolute;
  right: 0px;
  bottom: -1px; 
  padding: 0px;
  margin: 0px;
  } 
  
  
.gridsectionimage_left {
  position: absolute;
  left: 1px;
  bottom: -1px; 
  padding: 0px;
  margin: 0px;
  }

 
.gridbottomlongsection {
  position: relative;
  margin: 0px;
  padding: 0px;
  background-image: url(/french/css/images/app_alevel_dots_horz.gif); 
  background-repeat: repeat-x;
  z-index:10;
} 
 
* html .gridbottomlongsection {
  height: 240px;
}

.gridbottommidsection {
  position: relative;
  height: 200px;
  margin: 0px;
  padding: 0px;
  background-image: url(/french/css/images/app_alevel_dots_horz.gif); 
  background-repeat: repeat-x;
  z-index:10;
} 
 
.gridbottomsection {
  position: relative;
  height: 153px;
  margin: 0px;
  padding: 0px;
  background-image: url(/french/css/images/app_alevel_dots_horz.gif); 
  background-repeat: repeat-x;
  z-index:10;
}

/*DY20080618 Yellow text on DHR page*/ 
.yellowtext {
 color: #ffd76b;
}


.pc_sectionheaderB {
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 LEFT: 0px; 
 PADDING-BOTTOM: 0px;
 MARGIN: 10px 0px 4px; 
 PADDING-TOP: 7px; 
 POSITION: relative; 
 TOP: 0px; 
 background-image: url(/french/css/images/app_alevel_dots_horz.gif); 
 background-repeat: repeat-x;
}
.pc_sectionheaderB img {
 margin: 10px 0px 0px; 
}
  
  
.section_header_ibc {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 0px;
  padding: 20px 0px 0px 0px;
  }
  
  
.section_header_ibc_regional {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 0px;
  padding: 20px 0px 0px 12px;
  }
  
.latest_header_ibc_regional {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 0px;
  padding: 23px 0px 0px 0px;
  }
  
  
.row_header_ibc {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 4px 0px;
  padding: 20px 0px 0px 0px;
  width:164px;
  }  
  
.rowcolumn1 {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 0px;
  padding: 0px 0px 12px 0px;
  width:164px;
  float: left;
  } 
  
.rowcolumn1 p{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  }
  
  
.rowcolumn1_ibc_world_byregion {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 0px;
  padding: 14px 0px 12px 0px;
  width:164px;
  float: left;
  }
  
  
.rowcolumn1_ibc_world_byregion p{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  }
.rowcolumn1_ibc_byregion {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px;
  padding: 14px 0px 14px 12px;
  width:176px;
  float: left;
  }
  
.rowcolumn1_wide2 {
  position:relative;
  left: 0px;
  top: 0px;  
  padding: 0px;
  margin: 0px;
  width:364px;
  float: left;
  }
.rowcolumn1_wide3 {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 0px;
  padding: 0px 0px 12px 0px;  
  width:450px;
  float: left;
  }
  
.rowcolumn_header{
  padding: 0px;
  margin: 20px 0px 0px 0px;
  }  
  
.rowcolumn2 {
  position: relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 12px;
  padding: 0px 0px 12px 0px;
  width:164px;
  float: left;
  }   
  
.rowcolumn2 p{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  }
  
  
.rowcolumn2_ibc_world_byregion {
  position: relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 12px;
  padding: 14px 0px 12px 0px;
  width: 114px;
  float: left;
  }
  
.rowcolumn2_ibc_world_byregion p{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  }
.rowcolumn2_ibc_byregion {
  margin: 0px 0px 0px 188px;
  padding: 14px 0px 14px 12px;
  width: 172px;
  }
  
.rowcolumn3 {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 0px 0px 12px;
  padding: 0px 0px 12px 0px;
  width:164px;
  float: left;
  }
.rowcolumn3_banners {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 0px 0px 12px;
  padding: 0px;
  float: left;
  }
  
/*.ibc_world_map {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: -4px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  width:235px;
  float: left;
  }*/
.ibc_world_map {
  position:absolute;
  left: 315px;
  top: 33px;  
  margin: 0px;
  padding: 0px;
  width:235px;
  }
  
.rowcolumn3 p{
  margin: 0px 0px 8px 0px;
  padding: 0px;
  } 
  
#rightarea {
  position: absolute;
  left: 606px;
  top: 145px;
  margin: 0px;
  padding: 0px;
  width: 158px;
  }
#search_alevelpage {
  position:relative; 
  width:100%;
  height: 18px;
  margin:10px 0px 15px;
  padding:0px; 
  }
#search_alevelpage_Sp {
  position:relative; 
  width:100%;
  height: 18px;
  margin:8px 0px 15px;
  padding:0px; 
  }
#search_alevelpage_Fr {
  position:relative; 
  width:100%;
  height: 18px;
  margin:10px 0px 15px;
  padding:0px; 
  }    
#search_alevelpage_Zh {
  position:relative; 
  width:100%;
  height: 18px;
  margin:6px 0px 15px;
  padding:0px; 
}
  

#searchbutton_alevelpage {
  position: absolute;
  left: 132px;
  top:12px;
  }
#searchbutton_alevelpage_Sp {
  position: absolute;
  left: 132px;
  top:14px;
  }
#searchbutton_alevelpage_Fr {
  position: absolute;
  left: 132px;
  top:12px;
  }
#searchbutton_alevelpage_Zh {
  position: absolute;
  left: 132px;
  top:16px;
  }

#textfield_alevelpage {
  position: absolute;
  top: 11px;
  left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  line-height: 1;
  width:125px;
  }
#textfield_alevelpage_Sp {
  position: absolute;
  top: 13px;
  left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  line-height: 1;
  width:125px;
  }
#textfield_alevelpage_Fr {
  position: absolute;
  top: 11px;
  left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  line-height: 1;
  width:125px;
  }
#textfield_alevelpage_Zh {
  position: absolute;
  top: 15px;
  left: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  line-height: 1;
  width:125px;
}
  
#rightarea_languages {
  position:relative; 
  width:158px;
  padding: 0px;
  margin: 18px 0px 0px 0px;
  background-image: url(/french/css/images/app_alevel_dots_horz.gif); 
  background-position: top;
  background-repeat: repeat-x;
  visibility: visible; 
  } 
   
#rightarea_languages a {
  position: relative;
  padding: 0px;
  margin: 9px 7px 8px 0px;
  float: left;
  line-height: 130%;
  color: #FFFF00;
 font-size: 90%;
 font-weight: bold;
  }  
#rightbox {
  position:absolute; 
  left:606px; 
  top:210px; 
  width:150px;
  margin:0px;
  padding:13px 0px 0px 0px;
  background-image: url(/french/css/images/app_alevel_dots_horz.gif); 
  background-position: top;
  background-repeat: repeat-x;
  }
#rightbox .content {
  position:relative;
  margin:0px 0px 10px 0px;
  padding:0px;
  background-image: url(/french/css/images/app_alevel_dots_horz.gif); 
  background-position: bottom;
  background-repeat: repeat-x;
  width:150px;
  clear:both;
  }
#rightbox .content p {
  margin:3px 0px 13px 0px;
  padding:0px;
  }
#rightbox .content p img {
  margin: 0 5px 5px 0;
  float:left;
}
 
  
#languages_alevelpage {
  position: relative;
  left: 0px;
  top: 0px;
  width: 150px;
  margin: 0px 0px 0px 606px;
  padding: 0px;
  }
#languages_alevelpage a {
  position: relative;
  padding: 0px;
  margin: 3px 16px 4px 0px;
  float: left;
  line-height: 130%;
  font-size: 0.9em;
  color: #FFFF00;
  font-weight: bold;
  }
  
/*.supportbanner1 {
  position:relative;
  left:0px;
  top:20px;
  width: 80px;
  height: 75px;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  border:1px solid #6FAAD6;
  }
.supportbanner2 {
  position:relative;
  left:0px;
  top:20px;
  width: 80px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  border:1px solid #6FAAD6;
  }*/
.supportbanner1 {
  position:absolute;
  left:376px;
  top:20px;
  width: 80px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  border:1px solid #6FAAD6;
  }
.supportbanner2 {
  position:absolute;
  left:468px;
  top:20px;
  width: 80px;
  height: 75px;
  margin: 0px;
  padding: 0px;
  border:1px solid #6FAAD6;
  }
#ibc_map_imagemap {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 11;
 visibility: visible;
 }
#ibc_map_outline {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 10;
 visibility: visible;
 }
 
 
#ibc_map_tacro {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 8;
 visibility: hidden;
 }
 
 
#ibc_map_eapro {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 7;
 visibility: hidden;
 } 
 
 
 
#ibc_map_wacaro {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 6;
 visibility: hidden;
 }
 
 
#ibc_map_saro {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 5;
 visibility: hidden;
 }
 
 
#ibc_map_esaro {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 4;
 visibility: hidden;
 } 
 
 
#ibc_map_ceecis {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 3;
 visibility: hidden;
 }
 
 
#ibc_map_mena {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 2;
 visibility: hidden;
 }
 
 
#ibc_map_ind {
 position: absolute;
 left: 0px;
 top: 20px;
 z-index: 1;
 visibility: hidden;
 } 
 /*  SOWC04   */
#sowc04_bluearea_alevelpage {
  position:relative;
  width:760px;
  margin: 0px;
  padding: 0px; 
  } 
 
 #sowc04_cover {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  }
 
 .sowc04_gridtopsection {
  position: relative;
  height: 252px;
  margin: 0px;
  padding: 0px;
  }
  
  .sowc04_gridbottomsection {
  position: relative;
  height: 200px;
  margin: 0px;
  padding: 0px;
  background-image:  url(/french/css/images/app_alevel_dots_horz.gif);
  background-repeat: repeat-x;
  z-index:10;
  }
  
 #sowc04_bluepage_nodots_column {
  position:relative;
  left: 0px;
  top: 0px;  
  padding: 0px;
  margin: 0px;
  width:213px;
  float: left;
  } 
  
 .sowc04_contents_header {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 0px;
  padding: 20px 0px 0px 20px;
  }
  
 .sowc04_contents_text {
  position: relative;
  margin: 0px;
  padding: 0px 12px 10px 20px;
  z-index:20;
  font-weight: bold;
  }
  
.sowc04_contents_text p{
  margin: 0px;
  padding: 7px 0px 0px 0px;
  } 
  
 .sowc04_header {
  position: absolute;
  left: 21px;
  top: 35px; 
  padding: 0px;
  margin: 0px;
  } 
  
 .sowc04_intro_text {
  width: 500px;
  margin: 0px;
  line-height: 140%;
  padding: 78px 12px 0px 20px;
  z-index:20;
  }
 .sowc04_intro_text a{
  text-decoration: underline;
  } 
  
 #sowc04_bluepage_dots_column_wide {
  position: relative;
  left: 0px;
  top: 0px; 
  width:545px;
  padding: 0px;
  margin: 0px;
  background-image:  url(/french/css/images/app_alevel_dots_vert.gif); 
  background-repeat: repeat-y;
  float: left;
  }
  
 .sowc04_contentrow {
  position:relative;
  left:0px;
  top: 0px;
  margin:0px;
  padding:20px 0px 0px 0px;
  clear: left;
  z-index:15;
  }
  
 .sowc04_rowcolumn1 {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 0px;
  padding: 0px 0px 12px 8px;
  width:157px;
  height:100px;
  float: left;
  }  
 .sowc04_rowcolumn1_wide {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 0px;
  padding: 0px 0px 12px 8px;
  width:340px;
  height:100px;
  float: left;
  }  
  
 .sowc04_rowcolumn2 {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 12px 0px 12px;
  padding: 0px 0px 12px 0px;
  width:157px;
  height:100px;
  background-image:  url(/french/css/images/app_alevel_dots_vert.gif); 
  background-repeat: repeat-y;
  float: left;
  }  
  
  .sowc04_rowcolumn2_wide {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 0px 0px 12px;
  padding: 0px 0px 12px 0px;
  width:340px;
  height:100px;
  background-image:  url(/french/css/images/app_alevel_dots_vert.gif); 
  background-repeat: repeat-y;
  float: left;
  }  
  
 .sowc04_rowcolumn3 {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 0px 0px 20px 12px;
  padding: 0px 0px 12px 0px;
  width:157px;
  height:100px;
  background-image:  url(http://www.unicef.org/css/app_alevel_dots_vert.gif); 
  background-repeat: repeat-y;
  float: left;
  }
  
 .sowc04_rowcolumn3_nodots {
  position:relative;
  left: 0px;
  top: 0px;  
  margin: 16px 0px 20px 12px;
  padding: 0px 0px 12px 0px;
  width:157px;
  float: left;
  } 
  
 .sowc04_rowcolumn_content {
  width:148px;
  padding: 0px;
  margin: 0px 0px 0px 12px;
  } 
  
 .sowc04_rowcolumn_content p {
  padding: 0px;
  margin: 0px 0px 6px 0px;
  } 
 .sowc04_rowcolumn_content a {
  text-decoration: underline;
  } 
  
 .sowc04_rowcolumn_content_wide {
  width:349px;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  } 
  
  .sowc04_rowcolumn_content_wide_column1 {
  width:160px;
  padding: 0px;
  margin: 0px 12px 0px 0px;
  float:left;
  } 
  
 .sowc04_rowcolumn_content_wide_column1 p {
  padding: 0px;
  margin: 0px 0px 6px 12px;
  } 
 .sowc04_rowcolumn_content_wide_column1 a {
  text-decoration: underline;
  } 
  
 .sowc04_rowcolumn_content_wide_column2 {
  width:148px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 24px;
  float:left;
  } 
  
 .sowc04_rowcolumn_content_wide_column2 p {
  padding: 0px;
  margin: 0px 0px 6px 0px;
  } 
 .sowc04_rowcolumn_content_wide_column2 a {
  text-decoration: underline;
  }  
.sowc04_contents {
  position:relative;
  height: 120px;
  left:0px;
  top: 0px; 
  margin: 0px;
  padding: 0px;
  }
  
 #sowc04_rightarea {
  position: absolute;
  left: 606px;
  top: 85px;
  margin: 0px;
  padding: 0px;
  width: 150px;
  } 
  
 #sowc04_rightarea_languages {
  position:relative; 
  width:100%;
  padding: 0px;
  margin: 0px 0px 0px 0px;
  visibility: visible; 
  } 
  
 #sowc04_rightarea_languages a {
  position: relative;
  padding: 0px;
  margin: 9px 15px 8px 0px;
  float: left;
  line-height: 130%;
  font-size: 0.9em;
  color: #FFFF00;
  font-weight: bold;
  } 
/* French */

#mainnavbkgd_Fr {
  left:0px;
  top:0px;
  width:100%;
  height:21px;
  margin: 0px;
  padding: 0px;
  background-color:#047BD2;
  }

#mainnav_Fr {
  width:779px; 
  height:21px;
  margin: 0px 0px 0px 4px;
  padding: 0px;
  }
.navHeader_Fr  {
  padding: 0px;
  margin: 0px 0px 0px 15px;
  float: left;
  }
.gridsectionheader_border_fr {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 7px 0px 0px 12px;
  }
  
  
.gridsectionheader_noborder_fr {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 7px 0px 0px 0px;
  }
.gridsectionheader_wideborder_fr {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 7px 0px 0px 200px;
  }
.pc_sectionheaderB_fr {
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 LEFT: 0px; 
 PADDING-BOTTOM: 0px;
 MARGIN: 10px 0px 4px; 
 PADDING-TOP: 7px; 
 POSITION: relative; 
 TOP: 0px; 
 background-image: url(/french/css/images/app_alevel_dots_horz.gif); 
 background-repeat: repeat-x;
}
.pc_sectionheaderB_fr img {
 margin: 10px 0px 0px; 
}

/* Spanish */

#mainnavbkgd_Sp {
  left:0px;
  top:0px;
  width:100%;
  height:21px;
  margin: 0px;
  padding: 0px;
  background-color:#047BD2;
  }

#mainnav_Sp {
  width:779px; 
  height:21px;
  margin: 0px 0px 0px -2px;
  padding: 0px;
  }
.navHeader_Sp  {
  padding: 0px;
  margin: 0px 0px 0px 21px;
  float: left;
  }
.gridsectionheader_border_sp {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 7px 0px 0px 12px;
  } 
  
.gridsectionheader_noborder_sp {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 7px 0px 0px 0px;
  }
.gridsectionheader_wideborder_sp {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px 0px 4px 0px;
  padding: 7px 0px 0px 200px;
  }
.pc_sectionheaderB_sp {
 PADDING-RIGHT: 0px; 
 PADDING-LEFT: 0px; 
 LEFT: 0px; 
 PADDING-BOTTOM: 0px;
 MARGIN: 10px 0px 4px; 
 PADDING-TOP: 7px; 
 POSITION: relative; 
 TOP: 0px; 
 background-image: url(/french/css/images/app_alevel_dots_horz.gif); 
 background-repeat: repeat-x;
}
.pc_sectionheaderB_sp img {
 margin: 10px 0px 0px; 
}
#pushleft {
  margin-left: 20px;
  }
.spacerblue {
    border: 1px solid #0093EF;
    height: 50px;
}

/*Arabic link style for footer*/
.artext 
{
font-family: Arabic Transparent, Verdana, Arial, Helvetica, sans-serif;      
font-size: 150%;
font-weight:bold;
}
 
/*new search 2009*/
.newSearch .subheader { background: url(/french/css/images/new_enhanced_search_bluepage.gif) top left no-repeat; height:12px; width:144px; }
.newSearch .subheader .subheader_text { display:none; }
.newSearch #searchfieldbkgd { border: 1px solid #cecece; width:146px; height:19px; background-color:#fff; }
 *html .newSearch #searchfieldbkgd { height: 21px; }
.newSearch #searchbox { padding: 1px; border: 0; font-size:1em; margin-top:1px; margin-left:3px; width:120px; }
    *html .newSearch #searchbox { margin-left: 0; }
.newSearch #searchbutton { left:130px; position:absolute; top:15px; }
    *html .newSearch #searchbutton { left: 128px;}    

