* {margin:0;padding:0; border: 0px none;}
body {
font: 62.5% "Trebuchet MS", Verdana, Tahoma, san-serif;
margin: auto;
background: #fff url(../images/bg.gif) top left repeat-x;
color: #4e4d48;
}
#left-col{font: normal 1.2em/1.4em Arial, Tahoma, san-serif;}
#left-col ul {margin: 0 10px 15px 25px; }
#wrapper {
margin: 0 auto;
width: 900px;
background: #fff;
}
#white {
float: left;
width: 900px;
background: #fff;
}
#container {
margin: 0 auto;
width: 876px;
text-align: left;
}
#header {
width: 876px;
height: 156px;
background: #fff url(../images/nav-bg.gif) bottom left no-repeat;
}
#top-links {
background: #050504 url(../images/top-bg.gif) top left repeat-y;
height: 25px;
float: right;
width: 876px;
font: normal 1.1em/2.2em "Verdana", Tahoma, san-serif; 
text-align: right;
}
#menu-MAIN ul, #menu-MAIN ol, #menu-MAIN li {list-style-type:none;}

#top-links a { 
color: #fff;
text-decoration: none;
background: url(../images/grey-arrow.gif) left center no-repeat;
padding: 0 0 0 8px;
margin-right: 15px;
}
#top-links a:hover { text-decoration: underline;}
#logo img { 
margin: 20px 0 0 0; 
float: left;
font: bold 2.5em/1em "Times", Times New Roman, serif;
color: #000;
}
#header #rightside {
float: right;
width: 631px;
height: 79px;
}
#header #rightside img {
float: right;
margin: 37px 0 0 0;
font: normal 1.7em/1.1em "Trebuchet MS", Verdana, Tahoma, san-serif;
} 

/* common font styles
------------------------------- */
h1 {
background: #878904 url(../images/white-arrow.gif) 12px center no-repeat;
font: normal 2em/1.6em "Trebuchet MS", Tahoma, san-serif;
color: #fff;
padding-left: 23px;
}
h3 {
background: #ded6c6;
color: #666;
clear: left;
margin: 0 10px 15px;
padding: 2px 0 2px 10px;
font: normal 1.3em/1.2em "Trebuchet MS", Tahoma, san-serif;
font-weight:700;
}
h4 {
color: #000;
font: normal 1.1em/1.2em "Trebuchet MS", Tahoma, san-serif;
margin: 0 0 5px;
}
h4 a {
background: #f0ebe2;
padding: 1px 2px;
color: #000;
text-decoration: none;
}
h4 a:hover, #content #left-col div h4 a:hover {background: #878904; color: #fff;}
h5 {
font: normal 1.1em/1.2em "Trebuchet MS", Tahoma, san-serif;
color: #b2a489;
text-transform: uppercase;
margin: 0 15px 2px;
}
h6 {
background: none;
font: normal 1.1em/1.2em "Trebuchet MS", Tahoma, san-serif;
color: #000;
text-transform: uppercase;
}





/* content for common pages
------------------------------------- */
#content-contain {
width: 876px;
float: left;
background: #fff url(../images/content-bg.gif) top left repeat-y;
border-bottom: 10px solid #ded6c6;
text-align: center;
}
#content {
width: 856px;
margin: 0 auto;
text-align: left;
}
#imagetext-contain { /*-- top image and black text -- */
width: 856px;
background: url(../images/imagetext-contain-bg.gif) top left repeat-y;
float: left;
}
#imagetext-contain img {
float:left; 
color: #b2a489;
font: normal 1.3em/1.2em "Trebuchet MS", Tahoma, san-serif;
}
#content #black-text { width: 260px; float: right;}
#content #black-text p { color: #9f9d94; margin: 15px;}
#content #black-text p strong { color: #fff; font-weight: normal; }
#content #black-text a {color: #fff; text-decoration: underline; }
#content #black-text a:hover {text-decoration: underline;}


 /*-- left column elements -- */
#content #left-col {
width: 596px;
float: left;
}
#content #left-col p {margin: 0 15px 15px; }
#content #left-col p img {padding:0 8px 0 0; }

p.back, p.forward {text-align: right;}
p.back a { 
background: url(../images/back-arrows.gif) left 5px no-repeat; 
padding: 0 0 0 11px;
}
p.forward a { 
background: url(../images/forward-arrows.gif) right 5px no-repeat; 
padding: 0 11px 0 0;
clear: both;
}
#content #left-col a {color: #4e4d48;}
#content #left-col a:hover, #content #right-col a:hover {color: #c5baa6;}
#left-col img.border {
padding: 1px;
float: left;
background: #fff;
border: 7px solid #f0ebe2;
margin: 0 15px 10px 10px;
font: normal 1.2em/1em "Trebuchet MS", Verdana, Tahoma, san-serif;
}
#content #left-col div {margin: 0 0 20px 0; float: left; padding-left: 10px;}
#content #left-col div img {
float: left;
padding: 1px;
background: #fff;
border: 7px solid #f0ebe2;
margin: 0 12px 0 0;
font: normal 1.2em/1em "Trebuchet MS", Verdana, Tahoma, san-serif;
}
#content #left-col div p {margin-bottom: 0;}
#content #left-col #dashed-box {
margin: 10px 10px 10px 10px;
padding: 0;
float: none;
border: 1px dashed #c5baa6;
}
#content #left-col #dashed-box h3 {
font: bold 1.5em/1.2em "Trebuchet MS", Tahoma, san-serif;
color: #666;
background: none;
padding: 0;
margin: 10px 10px 3px;
}
#content #left-col #dashed-box p {margin: 0 10px 10px;}


/* -- right column elements -- */
#content #right-col { 
width: 260px;
float: left;
}
#right-box {
background: #fff url(../images/right-box-bg.gif) top left no-repeat;
width: 254px;
margin: 12px 0 0 5px;
padding: 0 ;
}
#right-box div {
background: url(../images/right-box-bottom.gif) bottom left no-repeat;
width: 254px;
padding: 0 0 8px;
}
#right-box div#africa {
background: url(../images/africa.gif) 160px 10px no-repeat;
width: 254px;
padding-bottom: 0;
margin: 0;
}
#right-box div#africa h3 a{
display:block;
}
#right-box div#africa p.nomargin {margin-bottom: 0;}
#right-box h2 { 
font: normal 1.4em/1.9em "Trebuchet MS", Tahoma, san-serif; 
background: #b2a489;
color: #fff;
text-indent: 35px;
height: 27px;
}
#right-box h2.indicators { background: #b2a489 url(../images/h2-indicators.gif) top left no-repeat; }
#right-box h2.africa { background: #b2a489 url(../images/h2-africa.gif) top left no-repeat; }
#right-box h2.resources { background: #b2a489 url(../images/h2-resource.gif) top left no-repeat; margin-bottom: 5px;}

#right-box ol, #right-box ul {margin: 0 15px 0 20px; list-style:none; }
#right-box ol li { 
font: normal 1.2em/1.2em "Trebuchet MS", Tahoma, san-serif; 
border-bottom: 1px dashed #dfdfdf; 
color: #b2a489;
padding: 4px 0 8px;
}
#right-box ol#pdf li { 
background: url(../images/pdf.gif) left 3px no-repeat;
padding-left: 25px;
}
#right-box ul li { 
background: url(../images/brown-arrow.gif) left center no-repeat;
font: normal 1.2em/1.2em "Trebuchet MS", Tahoma, san-serif; 
border-bottom: 1px dashed #dfdfdf; 
color: #b2a489;
padding: 5px 0 5px 12px;
}
#right-box ol li.bottom, #right-box ul li.bottom {border-bottom: none;}
#right-box ol li a, #right-box ul li a {
color: #b2a489;
text-decotation: underline;
}
#right-box h2.noicon  { 
background: #b2a489;
font: normal 1.4em/1.4em "Trebuchet MS", Tahoma, san-serif; 
text-indent: 10px;
margin: 0 0 5px 6px;
height: 19px;
}
#right-box img.border, #right-box a.border img {
padding: 1px;
background: #fff;
border: 7px solid #f0ebe2;
margin: 4px 0 0 16px;
font: normal 1.2em/1em "Trebuchet MS", Verdana, Tahoma, san-serif;
}
#right-box a.border img {
display:block;
}
#right-box h3 { 
background: none; 
margin: 0 0 3px 16px;
padding: 8px 0 0 0;
text-align: left;
}
#right-box h4 {margin: 8px 0 3px 16px;}
#right-box h4 a {
background: #f0ebe2;
padding: 1px 2px;
color: #000;
text-decoration: none;
}
#right-box p {
margin: 0 10px 10px 16px;
padding: 0;
color: #b2a489;
}
#content #right-col #right-box h4 a:hover {background: #878904; color: #fff;}
form {
margin: 0 0 0 6px;
text-align: center;
}
input.subscribe { 
width: 215px;
margin: 5px 0;
font: normal 1.2em/1.2em "Tahoma", san-serif;
color: #666;
padding: 2px 3px;
border: 1px solid #7f9db9;
}
input.subscribe-now {
width: 231px;
height: 31px;
margin: 0;
background: #f0ebe2;
color: #b2a489;
}




/* footer elements
------------------------------- */
#footer {
width: 876px;
float: left;
padding: 15px 0 10px 0;
margin: 25px 0 10px;
min-height:70px;
}
#footer p {
text-align: right;
margin: 5px 0 0 0;
color: #b2a489;
font: normal 1.1em/1.4em "Trebuchet MS", Tahoma, san-serif;
}
#footer img { float: right; margin-left: 10px;}
#footer p a {
color: #b2a489;
padding: 1px 2px;
margin: 0 3px;
text-decoration: none;
}
#footer a:hover {
background: #b2a489;
color: #fff;
}

.programme-small, .news-small { 
padding-right:10px; 
}
#content #left-col div.news-small {
float:none;
clear:both;
}
#regionlist div.region-small {
width:570px;
padding-right:10px; 
}
#regionlist div.region-small h4 {
white-space:nowrap;
}