/*
Theme Name: Afri Theme
Theme URI: http://www.designsbycasey.com
Description: Customized theme developed specifically for Afri.
Version: 1.0
Author: Casey Christensen
Author URI: http://www.designsbycasey.com
*/

.rssimage { text-align:left;margin-top:2px; }
.feedform { text-align:center;position:absolute;top:180;margin-left:10px; }
.feedbox { margin-top: 5px;width:140px; }
.searchbut { margin-top: 5px; }

html, body {
	border: 0;
	margin: 0;
	padding: 0.5em;
}
.breaker { height:10px; width:200px; }
body {font: 76% / 1.5 Verdana, Arial, Helvetica, sans-serif;}
#wrap {width:970px; margin:0 auto 0 auto; border:solid 2px #669933; padding: 5px; word-spacing: 1px;  }
/* =header */
#header {height: 153px; margin:0;}
/* =navigation */
#navigation {border-top: solid 1px #fff; margin: 0; padding: 0; background: url('images/navup.gif') repeat-x; height: 18px; text-align: center;}
/* 
#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;
}
*/
.mrfixit {clear: both;}
/*
#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: none;}
*/
/* =index content */
#content {background-color: #669933; margin: 5px 0; padding: 15px; }
#content a:link {text-decoration: none; color:#5B7D02;}
#content a:visited {text-decoration: none; color:#5B7D02;}
#content a:hover, a:focus, a:active {text-decoration: none; color:#5B7D02;}
#about {width: 935px;}
#what-is {background-color: #fff; width: 500px; height: 120px; border: 2px solid #95C801; float: left;}
#searchbox {background-color: #fff; width: 410px; height: 120px; border: 2px solid #95C801; float: left; margin-left: 15px;}
#what-is-home {background-color: #fff; width: 935px; border: 2px solid #95C801; float: left;}
#navigate {float:right;}
#sub-navigation { width: 210px; }
#break {margin-top:15px; clear: both;}
#left {float:left;}
#news-events {margin-top: 0px; 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;}
#news-events p { margin: 0px; padding: 0px; }
#email-form {border-top: 2px solid #95C801;}
#right {float:right;}
#midcenter {margin-right: 5px; margin-top: 0px; padding-bottom: 10px; background-color: #fff; width: 660px; border: 2px solid #95C801; }
#midall {margin-right: 5px; margin-top: 0px; padding-bottom: 10px; background-color: #fff; width: 930px; 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("images/l2_normal.gif");}
#sitemap ul ul li {list-style-image: url("images/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('images/afrilist.gif');}
h1 {position:absolute; left:-500px;}
h3 { margin-left: 12px; color: #5B7D02; font-size: 18px; }
h2.whatis {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('images/afriarrow.gif') center left no-repeat; width: 200px;}
h2.thenews {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('images/newsarrow.gif') center left no-repeat; width: 200px;}
h2.thepost {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('images/post-header-label.gif') center left no-repeat; width: 200px;}
h2.thesearch {font-size: 1em; color: #fff; margin: 0; padding: 0.3em 0.5em 0.4em 2em; background: url('images/search-label.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('images/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('images/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('images/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('images/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('images/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('images/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('images/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('images/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*/
#footerlinks { clear: both; background-color: #ffffff; margin: 0; padding: 0; background: #ffffff; }
.mrfixit { clear: both; }
.footerlinkage { float: left; width: 180px; margin-left: 6px; font-size: 9px; text-align: center; padding-top: 5px; padding-bottom: 5px; }
#footer {clear: both; margin: 0; font-size: 0.8em; padding-top: 5px; }
#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: none; font-size: 10px; color:#fff;}
#footer a:visited {text-decoration: none; font-size: 10px; color:#fff;}
#footer a:hover, a:focus, a:active {text-decoration: none; font-size: 10px; color:#eee;}
.alignleft { float: left; padding: 5px; }
.alignright { float: right; padding: 5px; }
#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav a {
	color: #FFFFFF;
	font-size: 12px;
	display: block;
    margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	padding: 0px 19px 0px 19px;
	text-decoration: none;
	border-right: 1px solid #ffffff;
}
	
#nav a:hover {
	background: url(images/navbg2.gif) repeat-x;
	color: #FFFFFF;
	text-decoration: none;
    margin: 0px 0px 0px 0px;
	padding: 0px 19px 0px 19px;
}

#headleft {
float:left;
width:100px;
}

#headright {
background-color: #ffffff;
float:right;
width:207px;
height:130px;
margin-top:7px;
margin-right:7px;
}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
}
	
#nav li li {
	float: left;
	margin: 0px;
	margin-left: -1px;
	padding: 0px;
	width: 140px;
}
	
#nav li li a, #nav li li a:link, #nav li li a:active, #nav li li a:visited {
	background: #038cc0;
	color: #FFFFFF;
	width: 180px;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	display: block;
	float: none;
	margin: 0px;
	padding: 4px 4px 4px 4px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-decoration: none;
}
	
#nav li li a:hover {
	background: #48b3dc;
	color: #FFFFFF;
	padding: 4px 4px 4px 4px;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
	display: block;
}

.header {
width:970px;
background: url(images/afrilogo.jpg) no-repeat;
height:153px;
}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}