@charset "utf-8";
/* CSS Document */


#africaMap {float:right; position:absolute; z-index:1; height:434px; width:405px; right:20px;}

#banner {background:url(/images/africa/bannerBg.jpg) repeat; height:356px; clear:both; border-top:#B8890E solid 1px; border-bottom:#B8890E solid 1px; padding:0 20px;}
#banner h1 {padding:20px;}
#featureWrapper {margin:0 0 0 20px; float:left; padding:0 0;background:#000; }
#featureImages {background:#000; margin:0 0;}
#prevFeature { position:absolute; margin:-145px 0 0 -23px;}  #nextFeature{float:left;position:absolute; margin:-145px 0 0 452px; display:inline-block; text-align:right;}

#africa-wrapper {margin:0 auto; padding:0 14px 0 14px; background: url(/images/global/body-bg.jpg) top center;  width:960px; position:relative; }
#africa-wrapper #wrapper {background-color:#FFF;}

#africa-wrapper #main-navigation {border-bottom:#EBAB00 4px solid}

#africa-wrapper #wrapper h2 {text-align:center; border-bottom:#CCCCCC 1px solid; border-top:#EBAB00 1px solid; height:2px;   }
#africa-wrapper #wrapper h2 img { z-index:1; margin:-10px auto 0 auto; text-align:center; position:relative;}
#africa-wrapper #wrapper p {padding:0 0 8px 0;}

#africa-wrapper #wrapper #intro p.first {padding: 0 180px 8px 0;}

#flickrText {width:370px; float:left; padding:20px 0 20px 0;}
.noteText {font-size:0.9em; color:#666;}
#flickrImages {float:right; width:520px;padding:20px 0 20px 0;}
#flickrImages li {float:left; width:96px; height:96px; background:url(/images/africa/thumbBg.png) no-repeat; margin:0 0 8px 8px;}
#flickrImages li img {padding:8px;}
#podcasts ul {clear:both; margin:10px 0 10px;}
#podcasts ul li {float:left; width:200px; background:url(/images/africa/podcastThumbBg.png) center top no-repeat;}
#podcasts ul li img {padding:10px;}
#podcasts ul li h3 {padding:5px 7px 5px 8px; font-size:1.2em;}

#intro, #images, #podcasts, #resources {clear:both; padding:10px 20px;}

#scrollPodcastsWrapper {margin:0 auto; padding:10px 60px 0 60px;}

#prev {float:left; position:absolute; margin:-135px 0 0 20px;}  #next{float:right;position:absolute; margin:-135px 0 0 0; right:55px;}

#onlineResources {width:660px; display:inline-block; padding:0; margin:20px 0; float:left;}
#feedback  {width:260px; display:inline-block;padding:0 0 0 0; margin:20px 0; float:left} 
#feedback h3 {font-size:1.2em; padding:8px 0 12px 0;} #feedback p {font-size:0.9em;}
#intro h3 {font-size:1.4em; padding:12px 0 8px 0;}
#resources ul li {padding:8px 0 8px 0; font-size:0.9em; margin:0 20px 0 0; width:310px; float:left; height:25px; display:inline-block; }
#resources ul li a {color:#000; text-decoration:none;} #resources ul li a:hover {color:#000; text-decoration:underline;}

body {width:auto!important; background:none!important;} 

#popUpWrapper {width:auto; padding:20px;} #popUpWrapper h1 {margin:0 0 10px 0;} #popUpWrapper p {padding:10px 0 10px 0;}