
/* - - - - - - - - - - - - - - - - - - - - -

Title :    Africa Oasis Project
URL :      http://africaoasisproject.org/

Created :  03.03.2008
Modified : 03.17.2008

- - - - - - - - - - - - - - - - - - - - - */

/* =GLOBAL RESET
http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* =HTML
- - - - - - - - - - - - - - - - - - - - - */
body {
	font-size: 70%;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #757575;
}

html>body {
	font-size: 11.7px;
}

strong {
	font-weight:bold;
	line-height:1.4em;
}

em {
	font-style:italic;
	font-size:1.1em;
}

cite {
	font-style:italic;
	font-size:0.9em;
}

/* =HEADINGS
- - - - - - - - - - - - - - - - - - - - - */
h3 {
	margin-bottom:10px;
	padding-bottom:8px;
	font-family:'HelveticaLT', Helvetica;
	font-weight:bold;
	font-size:1.3em;
	color:#946513;
	background:url(../images/bluedot.gif) bottom left repeat-x;
}

h4 {
	font-family:'HelveticaLT', Helvetica;
	font-weight:bold;
	font-size:1.1em;
	color:#946513;
	line-height:1.4em;
}

/* =LINKS
- - - - - - - - - - - - - - - - - - - - - */
a:link {
	color:#009bc8;
	text-decoration:underline;
}

a:visited {
	color:#009bc8;
	text-decoration:underline;
}

a:hover {
	color: #BCBCBC;
	text-decoration:underline;
}

a:active {
}

/* =NAVIGATION
- - - - - - - - - - - - - - - - - - - - - */
/* Global Navigation */
#globalNav {
	height:47px;
	background:url(../images/nav_left.jpg) top left no-repeat;
}

ul#navlist {
	width:850px;
	margin-left:50px;
	height:47px;
	background:url(../images/nav_right.jpg) top right no-repeat;
}

ul#navlist li {
	display:inline;
	list-style:none;
}

ul#navlist li a {
	margin:0;
	padding:0;
	display:block;
	height:47px;
	float:left;
	text-indent:-9000em;
	text-decoration:none;
	background-image: url(../images/nav_sprite.gif);
}

/* home */
ul#navlist li a#home {
	width: 84px;
	background-position: 0 0;
}

ul#navlist li a#home:hover, ul#navlist li#active a#home {
	background-position: 0 -47px;
}

/* discover */
ul#navlist li a#discover {
	width:106px;
	background-position: -84px 0;
}

ul#navlist li a#discover:hover, ul#navlist li#active a#discover {
	background-position: -84px -47px;
}

/* media*/
ul#navlist li a#media {
	width:85px;
	background-position: -190px 0;
}

ul#navlist li a#media:hover, ul#navlist li#active a#media {
	background-position: -190px -47px;
}

/* news */
ul#navlist li a#news {
	width: 79px;
	background-position: -275px 0;
}

ul#navlist li a#news:hover, ul#navlist li#active a#news {
	background-position: -275px -47px;
}

/* resources */
ul#navlist li a#resources {
	width: 121px;
	background-position: -354px 0;
}

ul#navlist li a#resources:hover, ul#navlist li#active a#resources {
	background-position: -354px -47px;
}

/* involvement */
ul#navlist li a#involvement {
	width: 136px;
	background-position: -475px 0;
}

ul#navlist li a#involvement:hover, ul#navlist li#active a#involvement {
	background-position: -475px -47px;
}

/* about */
ul#navlist li a#about {
	width: 86px;
	background-position: -611px 0;
}

ul#navlist li a#about:hover, ul#navlist li#active a#about {
	background-position: -611px -47px;
}

/* contact */
ul#navlist li a#contact {
	width: 103px;
	background-position: -697px 0;
}

ul#navlist li a#contact:hover, ul#navlist li#active a#contact {
	background-position: -697px -47px;
}

/* Footer Navigation */
ul#footlist {
	margin-bottom:42px;
	text-align:center;
}

ul#footlist li {
	display: inline;
	list-style-type: none;
	margin-right: 9px;
	padding-right: 9px;
	background:url(../images/tandots.gif) right center no-repeat;
}

ul#footlist li.lastItem {
	background:none;
}

ul#footlist li a {
	font-family:'HelveticaLT', Helvetica;
	font-size:1.2em;
	color:#D7D2B3;
	text-transform:uppercase;
	text-decoration:none;
}

ul#footlist li a:hover {
	color:#fff;
	text-decoration:underline;
}

/* Linklists */
ul.linklist {
	margin-bottom:25px;
	list-style-type: none;
}

ul.linklist li {
	display:block;
	margin-bottom:12px;
width:88%;
}

ul.linklist li a, ul.linklist li a:visited {
	display:block;
	line-height:1.4em;
	padding-left:14px;
	background:url(../images/bullet_gray.gif) center left no-repeat;
	text-decoration:none;
}

ul.linklist li a:hover, ul.linklist li.current a, ul.linklist li.current a:hover {
	display:block;
	background:url(../images/bullet_blue.gif) center left no-repeat;
	text-decoration:none;
	color:#BCBCBC;
}

/* =LAYOUT
- - - - - - - - - - - - - - - - - - - - - */
.hide {
	display: none;
}

.clear {
	clear:both;
}

.padBot24 {
	margin-bottom:24px;
}

#masthead, #footer {
	background:url(../images/brwn_tile.gif) center bottom repeat;
}

#footer {
	padding-top:25px;
}

#masthead, #contentWrap, #footer {
	text-align:center;
}

#header, #homeheader, #globalNav, #breadcrumb, #contentContainer {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

#content, #content2, #footNav, #copyright, #innerCrumb {
	margin: 0 auto;
	width: 800px;
	text-align:left;
}

#header {
	overflow:hidden;
	text-indent:-9000em;
	background:url(../images/header.jpg) top left no-repeat;
	height:182px;
}

#contentWrap {
	background: #fff url(../images/blueshade.jpg) top left repeat-x;
}

#contentContainer {
	background:url(../images/canvas_tile.png) top left repeat-y;
}

#content {
	background:url(../images/canvas_tile.jpg) top left repeat;
}

.contentBot {
	height:31px;
	background:url(../images/canvas_bot.jpg) bottom center no-repeat;
}

#content2 {
	background:url(../images/canvas_tile2.jpg) top left repeat;
}

.contentBot2 {
	height:31px;
	background:url(../images/canvas_bot2.jpg) bottom left no-repeat;
}

#copyright img {
	float:left;
}

#copyright p a, #copyright p a:visited {
	color:#D7D2B3;
	text-decoration:none;
}

#copyright p a:hover {
	color:#D7D2B3;
	text-decoration:underline;
}

#copyright p {
	float:right;
	text-align:right;
	font-size:0.9em;
	line-height:1.6em;
	margin-bottom:40px;
	color:#D7D2B3;
}

#breadcrumb {
	background: url(../images/bc_left.png) top left no-repeat;
}

#crumbRight {
	background: url(../images/bc_right.png) top right no-repeat;
}

#innerCrumb {
	height:78px;
	background: url(../images/bc_mid.jpg) top left no-repeat;
}

#breadcrumb h2 {
	padding-top:29px;
	padding-left:26px;
	text-transform:none;
	color:#CCC49C;
}

#breadcrumb h2 span, #breadcrumb h2 a {
	font-family:'HelveticaLT', Helvetica;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

/* Columns */
#left521 {
	float:left;
	margin-right:10px;
	margin-left:0px;
	width:521px;
	border-top:2px solid #392912;
}

#right269 {
	float:left;
	width:268px;
	border-top:2px solid #392912;
}

#left433 {
	float:left;
	margin-right:10px;
	margin-left:0px;
	width:433px;
	border:2px solid #392912;
	border-bottom:none;
}

#right349 {
	float:left;
	width:349px;
	border:2px solid #392912;
	border-bottom:none;
}

/* =DETAILS
- - - - - - - - - - - - - - - - - - - - - */
.more {
	text-align:right;
}

#left521 p {
	font-size:1em;
	margin-bottom:1.6em;
	line-height:1.5em;
}

#right269 p {
	font-size:0.83em;
	margin-bottom:1.4em;
	line-height:1.7em;
}

#content2 p {
	font-size:1em;
	margin-top:1.6em;
	line-height:1.5em;
}

#content2 h4 {
	margin-bottom:-1.4em;
}

/* Boxes */
#left521 .box {
	padding-top:14px;
	padding-right:24px;
	padding-left:27px;
}

#left521 .aboutBox {
	padding-top:14px;
	padding-right:10px;
	padding-left:16px;
}

#right269 .box {
	padding-top:14px;
	padding-right:11px;
	padding-left:12px;
}

#left433 .box {
	padding-top:14px;
	padding-right:14px;
	padding-left:16px;
}

#right349 .box {
	padding-top:14px;
	padding-right:14px;
	padding-left:12px;
}

.boxTop269 {
	padding-bottom:24px;
	background:url(../images/boxtop269.jpg) bottom left no-repeat;
}

.boxTop521 {
	padding-top:24px;
	background:url(../images/boxtop521.jpg) top left no-repeat;
}

.boxTop521 h3 {
	margin-top:14px;
}

#aboutVideo {
	margin-bottom:14px;
}

img.inlineImg {
	float:left;
	margin-right:12px;
	margin-bottom:14px;
	padding:1px;
	border:2px solid #BDBDBD;
}

img.imgBorder {
	padding:1px;
	border:2px solid #BDBDBD;
}

/* Posts */


#left521 .mediaPost img {
	clear:both;
	margin-bottom:24px;
	float:left;
	padding:1px;
	border:2px solid #BDBDBD;
}

#left521 .mediaPost h4 {
	margin-bottom:-1.4em;
	margin-left: 170px;
}

#left521 .mediaPost h4.hMedia {
	margin-bottom:-1.4em;
}

#left521 .mediaPost p {
	margin:1.6em 0 0 170px;
}

.imgPost {
	padding-bottom:24px;
}

#left521 .imgPost img {
	clear:both;
	margin-bottom:24px;
	float:left;
	padding:1px;
	border:2px solid #BDBDBD;
}

#left521 .imgPost h4 {
	margin-bottom:-1.4em;
	margin-left: 170px;
}

#left521 .imgPost p {
	margin:1.6em 0 0 170px;
}

.imgPost2 {
	padding-bottom:18px;
}

#right269 .imgPost2 img {
	float:left;
	margin-top:1.4em;
	padding:1px;
	border:2px solid #BDBDBD;
}

#right269 .imgPost2 h4 {
	margin-bottom:-0.6em;
	color:#009bc8;
	border-bottom:1px solid #009bc8;
}

#right269 .imgPost2 p {
	margin:1.4em 0 0 84px;
}

/* Buttons */
.bttnContribute img {
	margin-bottom:14px;
	margin-left:8px;
}

.bttnContribute2 img {
	margin-bottom:38px;
	margin-left:38px;
}

.callouts img {
	margin-top:8px;
	margin-left:2px;
	margin-bottom:8px;
}

/* Media Pages */
.fullBox {
	background:#fff;
	margin-right:2px;
	margin-left:2px;
	padding:18px;
	border-top:2px solid #392912;
	border-bottom:1px solid #e4e4e4;
}
.fullBox p, .fullBox h3, .fullBox ul.padList {
	margin-left:574px
}

.fullBox p {
	font-size:1em;
	margin-bottom:1.6em;
	line-height:1.5em;
}

.fullBox a {
	font-weight:bold;
}

.fullBox .video, .fullBox .slideshow, #flashcontent {
	float:left;
}

#flashcontent {
	width:520px;
}

.videosBox {
	margin-right:2px;
	margin-left:2px;
	padding:18px 0px 0px 24px;
	background:#e4e4e4;
	border-top:1px solid #fff;
}

.captionBox {
	float:left;
	width:176px;
	margin-right:12px;
	margin-bottom:12px;
}

.captionBox a {
	display:block;
	margin-bottom:4px;
	padding:1px;
	border:2px solid #BDBDBD;
}

.captionBox h3 cite {
}

.captionBox h5 {
	font-size:0.9em;
	margin-bottom:12px;
}

.captionBox a:hover {
	margin-bottom:4px;
	padding:1px;
	border:2px solid #009bc8;
}

.captionBox p {
	margin-bottom:1.2em;
	line-height:1.5em;
}

.captionBox cite {
	color:#979797;
}

.captionBox h5 {
}

.captionBox p a {
	padding:0;
	border:none;
	font-weight:bold;
}

.captionBox p a:hover {
	padding:0;
	border:none;
	font-weight:bold;
}

#bttnPhotos {
	height:72px;
	background: url(../images/media_canvas.jpg) top left no-repeat;
	border-top:2px solid #392912;
}

#bttnPhotos a {
	float:right;
	text-indent:-9000em;
	overflow:hidden;
	margin-right:18px;
	width:166px;
	height:51px;
	background:url(../images/bttn_photos.jpg) top right no-repeat;
}

#bttnVideos {
	height:72px;
	background: url(../images/media_canvas.jpg) top left no-repeat;
	border-top:2px solid #392912;
}

#bttnVideos a {
	float:right;
	text-indent:-9000em;
	overflow:hidden;
	margin-right:18px;
	width:166px;
	height:51px;
	background:url(../images/bttn_videos.jpg) top right no-repeat;
}

/* Home Page */
#homeIntro {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	background: url(../images/intro_left.jpg) top left no-repeat;
}

#introRight {
	background: url(../images/intro_right.jpg) top right no-repeat;
}

#innerIntro {
	margin-left:68px;
	width: 782px;
	height:483px;
	text-align:left;
	overflow:hidden;
	background:#fff url(../images/intro_bot.jpg) bottom left no-repeat;
}

#introTop {
	height:27px;
	background:#fff url(../images/intro_top.jpg) top left no-repeat;
}

#introText {
	padding-top:8px;
	padding-left:10px;
	width:220px;
}

#introText p {
	line-height:1.2em;
	margin-bottom:1em;
}

#homeSlides {
	float:right;
}

#homePhoto {
	width:520px;
	height:349px;
	background:url(../images/slideshow_loading.jpg) top left no-repeat;
}

#homeNext a {
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	width:243px;
	height:81px;
	background:url(../images/slideshow_next.jpg) top left no-repeat;
}

#homePrev a {
	float:left;
	text-indent:-9000em;
	overflow:hidden;
	width:277px;
	height:81px;
	background:url(../images/slideshow_prev.jpg) top left no-repeat;
}

.banner {
	background:url(../images/boxtop521.jpg) top left no-repeat;
}

.banner img {
	padding-top:16px;
	padding-left:2px;
}

#right269 .video {
	margin-bottom:24px;
}

.homeNews h4 {
	margin-bottom:0;
}

.homeNews h4 a {
	line-height:1.2em;
	text-decoration:none;
}

.homeNews p {
	margin-bottom:2.4em;
}

/* Contact Page */
.contactBox {
	background:#f2f1e9;
	margin-right:2px;
	margin-left:2px;
	padding-bottom:24px;
}

#contactForm label {
	display:block;
	margin-bottom:2px;
	font-family:'HelveticaLT', Helvetica;
	font-size:0.9em;
}

#contactForm #name input, #contactForm #email input, #contactForm #subject input {
	display:block;
	margin-bottom:14px;
	width:162px;
}

#contactForm #org input {
	display:block;
	margin-bottom:14px;
	width:336px;
}

#contactForm #message textarea {
	display:block;
	margin-bottom:24px;
	width:336px;
}

#contactForm #first {
	float:left;
	margin-right:8px;
}

#contactForm #last {
	float:left;
}

.contactInfo {
	margin-bottom:2em;
	padding-bottom:1em;
	background:url(../images/bluedot.gif) bottom left repeat-x;
}

.contactInfo strong {
	font-size:1.1em;
	line-height:1.4em;
}

.contactInfo a {
	text-decoration:none;
}

/* Resources Page */
.downloadPost {
	width:386px;
	padding:1px;
	background:#F2F1E9;
	margin-bottom:24px;
}

.downloadLink span {
	float:left;
}

.downloadLink a {
	float:right
}

.xtraBorder {
	display:block;
	padding:0 8px 8px 11px;
	border:1px solid #fff;
}

.downloadPost .imgLink {
	display:block;
	width:70px;
	height:95px;
	float:left;
	border-right:2px dotted #fff;
}

.downloadPost img {
	margin-top:16px;
}

.downloadPost h4, .downloadPost p {
	margin-left:80px;
}

.downloadPost h4 {
	margin-top:11px;
}

.networkPost {
	margin-bottom:32px;
}

.networkPost img {
	float:left;
}

.networkPost h4, .networkPost p {
	margin-left:124px;
}

#hSave h3 {
	text-indent:-9000em;
	overflow:hidden;
	width:323px;
	height:26px;
	background:url(../images/h3_saveachild.gif) center center no-repeat;
}

#hSave {
	margin-top:38px;
	margin-bottom:20px;
	background:url(../images/bluedot.gif) bottom left repeat-x;
}

#hEncourage h3 {
	text-indent:-9000em;
	overflow:hidden;
	width:244px;
	height:25px;
	background:url(../images/h3_encourage.gif) center center no-repeat;
}

#hEncourage {
	margin-top:38px;
	margin-bottom:20px;
	background:url(../images/bluedot.gif) bottom left repeat-x;
}

#hMake h3 {
	text-indent:-9000em;
	overflow:hidden;
	background:url(../images/h3_make.gif) top left no-repeat;
}

#hMake {
	float:left;
	margin-top:78px;
	width:193px;
	height:22px;
}

.bttnContribute3 {
	float:right;
	margin-top:48px;
	margin-bottom:48px;
}

/* News Page */
#search {
	padding-top:8px;
}

#search #searchBox input {
	float:left;
	width:172px;
	height:14px;
	margin-right:4px;
	margin-bottom:16px;
}

#search .button {
	float:left;
}

.rssLink a {
	display:block;
	height:16px;
	padding-left:24px;
	background:url(../images/icon_rss.jpg) top left no-repeat;
	text-decoration:none;
	margin-bottom:36px;
}

.newsPost {
	margin-bottom:48px;
}

.newsPost h3 {
	background:none;
	margin-bottom:8px;
	padding-bottom:0;
}

.newsPost h3 a {
	color:#946513;
	text-decoration:none;
}

.newsPost h3 a:hover {
	color:#009bc8;
	text-decoration:underline;
}

.postMeta {
	font-family:'HelveticaLT', Helvetica;
	font-size:0.9em;
	font-weight:normal;
	color:#898989;
	margin-bottom:8px;
	padding-bottom:8px;
	background:url(../images/bluedot.gif) bottom left repeat-x;
}

.postMeta a {
	color:#898989;
	text-decoration:none;
}

.postMeta a:hover {
	text-decoration:underline;
}

.postMeta a.comments {
	padding-left:16px;
	background:url(../images/icon_comments.gif) center left no-repeat;
}

.newsPost img {
	margin-bottom:10px;
	padding:1px;
	border:2px solid #BDBDBD;
}

.newsPost cite {
	font-style:italic;
	float:right;
}

#pageNav {
	margin-bottom:24px;
}

#pageNav #newer a {
	float:right;
	text-decoration:none;
}

#pageNav #previous a {
	float:left;
	text-decoration:none;
}

/* Regions Page */
.mapPost {
	margin-bottom:48px;
}

.mapPost img {
	float:left;
	margin-right:12px;
	margin-bottom:9px;
	padding:1px;
	border:2px solid #BDBDBD;
}

.mapPost h4 {
	margin-bottom:0;
}

.mapPost ul li {
	margin-bottom:1em;
	margin-left:2em;
	list-style-type:disc;
	line-height:1.5em;
	color:#009bc8;
}

.mapPost ul li a {
	text-decoration:none;
}

.mapPost ol li {
	margin-bottom:1em;
	margin-left:2em;
	list-style:upper-roman;
	line-height:1.5em;
}

/* Discover Subsections */
.post {
	margin-bottom:48px;
}

.post ul {
	margin-bottom:2em;
}

.post ul li {
	margin-left:2em;
	list-style-type:disc;
	line-height:1.8em;
}

.post ol li {
	margin-bottom:1em;
	margin-left:2em;
	list-style: decimal;
	line-height:1.5em;
}
