html, body {border:0; margin:0; padding:0.5em;}
body {font: 76% / 1.5 Verdana, Arial, Helvetica, sans-serif;}
#wrap {width:770px; margin:0 auto 0 auto; border:solid 2px #669933; padding: 10px; word-spacing: 1px;  }
/* =header */
#header {height: 153px; margin:0;}
/* =navigation */
#navigation {border-top: solid 1px #fff; margin:0; padding: 0; background: url('navup.gif'); height: 18px; }
#navigation ul {display: inline;}
#navigation li {
	margin-top: 4px;
	display: inline;
	list-style-type: none;
	border-right: 1px solid #649900;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#navigation li a:link {color: #fff; text-decoration: none; }
#navigation li a:visited {color: #fff; text-decoration: none;}
#navigation li a:active, #navigation li a:hover {color: #fff; text-decoration: underline;}
#navigation li.last {border-right: 0;}
/* =index content */
#content {background-color: #669933; margin: 5px 0; padding: 15px; }
#content a:link {text-decoration: underline; color:#5B7D02;}
#content a:visited {text-decoration: underline; color:#5B7D02;}
#content a:hover, a:focus, a:active {text-decoration: none; color:#5B7D02;}
#about {float:left;}
#what-is {background-color: #fff; width: 500px; border: 2px solid #95C801; }
#what-is-home {background-color: #fff; width: 740px; border: 2px solid #95C801; }
#navigate {float:right;}
#sub-navigation { width: 210px; }
#break {margin-top:15px; clear: both;}
#left {float:left;}
#news-events {margin-top: 10px; background-color: #fff; width: 250px; border: 2px solid #95C801; }
#news-events a:link {text-decoration: underline; color:#5B7D02;}
#news-events a:visited {text-decoration: underline; color:#5B7D02;}
#news-events a:hover, a:focus, a:active {text-decoration: none; color:#5B7D02;}
#email-form {border-top: 2px solid #95C801;}
#right {float:right;}
#campaigns {margin-top: 10px; padding-bottom: 15px; background-color: #fff; width: 460px; border: 2px solid #95C801; }
#devel {background-color: #fff; padding-bottom: 15px; width: 460px; margin-top: 20px; border: 2px solid #95C801; }
/* =section content */
#sub-content {background-color: #fff; width: 735px; border: 2px solid #95C801; margin-top: 35px; }
#sub-content a:link {text-decoration: underline; color:#5B7D02;}
#sub-content a:visited {text-decoration: underline; color:#5B7D02;}
#sub-content a:hover, a:focus, a:active {text-decoration: none; color:#5B7D02;}
/* =sitemap */
#sitemap {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; padding-left: 50px;}
#sitemap li {list-style-type: none;}
#sitemap ul li {list-style-image: url("l2_normal.gif");}
#sitemap ul ul li {list-style-image: url("l3_normal.gif");}
/* =publications table*/
table {border: 0; }
td {vertical-align: top; padding-right: 15px;}
td.bottom { padding: 0 15px 50px 0;}
td p {padding-left: 15px; margin: 0;}
/* =text formatting */
p {margin: 12px; color: #000;}
p.right {text-align: right; padding-right: 15px;}
p.top {text-align: right; font-size: 0.8em;}
li.basic {padding-right: 15px; line-height: 18px;}
li.events {padding: 0 10px 15px 0; color:#5B7D02; list-style-image: url('afrilist.gif');}
h1 {position:absolute; left:-500px;}
h2.whatis {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('afriarrow.gif') center left no-repeat; width: 200px;}
h2.newsevents {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('newsarrow.gif') center left no-repeat; width: 200px;}
h2.campaign {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('campaignarrow.gif') center left no-repeat; width: 200px;}
h2.development {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('develarrow.gif') center left no-repeat; width: 200px;}
h2.links-project {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('l-projectsarrow.gif') center left no-repeat; width: 200px;}
h2.contact {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('contactarrow.gif') center left no-repeat; width: 200px;}
h2.resources {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('resourcesarrow.gif') center left no-repeat; width: 200px;}
h2.publications {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('pubsarrow.gif') center left no-repeat; width: 200px;}
h2.newsletter {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('newsletter.gif') center left no-repeat; width: 300px;}
h3.pubs {color: #a26969; font-size: 1.2em; margin: 15px;}
.pubs-sub {color: #a26969; font-weight: bold; margin: 15px;}
.pubs-titles {color: #669933; font-weight: bold; font-size: 14px;}
.maps{color: #f08304; font-weight: bold; font-size: 1.2em;  padding: 5px 0 5px 0;}
.small {font-size: 0.8em;}
/* =image classes */
img.floatleft {margin: 0 1em 0.8em 0.8em; float:left; }
img.floatright-feature {margin: 0 0 0 10px; float: right; }
img.floatright {margin: 0 0 0 10px; float: right; }
img.bordered {border: 1px solid #d1cb75;}
.hide {display: none;}
/* forms */
fieldset {border: 0; width: 80%;  padding: 5px 10px;}
legend {font-weight: bold; color: #456309; padding-bottom: 10px;}
.fullwidth input{width: 70%; }
.text {font-size: 0.8em; background-color: #eee;  color: #000;}
.button {margin: 5px 10px 5px 10px; font-size: 0.8em; background-color: #666; font-weight: bold; color: #fff;}
/* =footer*/
#footer{clear: both; margin: 0; font-size: 0.8em; padding-top: 25px; }
#footer p {background-color: #eee; margin: 0; padding: 5px 0; height: 42px; text-align: center;}
#footer ul {margin: 0;  text-align: center; background-color: #666; }
#footer li{margin: 0; line-height: 25px;  display: inline; list-style-type: none; padding: 2px 5px; border-right: solid 1px #fff; }
#footer a:link {text-decoration: underline; color:#fff;}
#footer a:visited {text-decoration: underline; color:#fff;}
#footer a:hover, a:focus, a:active {text-decoration: none; color:#eee;}