@charset "UTF-8";
html{
	overflow-x: hidden;
}

@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.oneColFixCtr #container {
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0px 0 0 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

.menutext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	padding-bottom:6px;
}
.missionpage {
	background-image:url(images/missionart.jpg);
	background-repeat:no-repeat;
	height:484px;
}
.artistpage {
	background-image:url(images/artistpage.jpg);
	background-repeat:no-repeat;
	height:484px;
}

.missiontext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:16px;
	text-align:left;
	padding-left:610px;
	padding-right:50px;
}
.contactpage {
	background-image:url(images/contactart.jpg);
	background-repeat:no-repeat;
	height:484px;
}


.calendarpage {
	background-image:url(images/calendarart.jpg);
	background-repeat:no-repeat;
	height:484px;
}
.supportpage {
	background-image:url(images/supportart.jpg);
	background-repeat:no-repeat;
	height:484px;
}

.donorpage {
	background-image:url(images/donorart.jpg);
	background-repeat:no-repeat;
	height:484px;
}

.newspage {
	background-image:url(images/newsart.jpg);
	background-repeat:no-repeat;
	height:484px;
}
.baobabpage {
	background-image:url(images/baobabart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:380px;
	padding-top:260px;
	padding-right:30px;
}
.protectpage {
	background-image:url(images/protectionart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:60px;
	padding-top:60px;
	padding-right:720px;
}
.delendepage {
	background-image:url(images/delendeart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:280px;
	padding-top:280px;
	padding-right:50px;
}
.markpage {
	background-image:url(images/rezaart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:372px;
	padding-top:350px;
	padding-right:50px;
}
.linsmierpage {
	background-image:url(images/linsmierart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:242px;
	padding-top:300px;
	padding-right:50px;
}
.freemanpage {
	background-image:url(images/freemanart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:670px;
	padding-top:70px;
	padding-right:50px;
}
.starkpage {
	background-image:url(images/starkart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:670px;
	padding-top:70px;
	padding-right:50px;
}
.residentpage {
	background-image:url(images/residentart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:620px;
	padding-top:100px;
	padding-right:50px;
}
.exoduspage {
	background-image:url(images/exodusart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:200px;
	padding-top:70px;
	padding-right:50px;
	
}
.changepage {
	background-image:url(images/changeart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:200px;
	padding-top:300px;
	padding-right:50px;
}	

.innocencepage {
	background-image:url(images/innocenceart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:720px;
	padding-top:100px;
	padding-right:50px;
}	
	
.globalpage {
	background-image:url(images/globalart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:220px;
	padding-top:70px;
	padding-right:600px;
}
.worldpage {
	background-image:url(images/worldart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:680px;
	padding-top:50px;
	padding-right:30px;
}
.waterpage {
	background-image:url(images/waterart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:300px;
	padding-top:50px;
	padding-right:500px;
}
.giftpage {
	background-image:url(images/giftart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:300px;
	padding-top:50px;
	padding-right:500px;
}
.tuaregspage {
	background-image:url(images/tuaregsart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:280px;
	padding-top:50px;
	padding-right:530px;
}
.gallerytext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:16px;
	text-align:left;
}
.graysky {
	background-image:url(images/graysky.jpg);
	background-repeat:no-repeat;
	height:183px;
	vertical-align:middle;
}
.gallerypage {
	background-image:url(images/gallery.jpg);
	background-repeat:no-repeat;
	height:484px;
	vertical-align:top;
	padding-top:10px;
}
.shoppage {
	background-image:url(images/shopart.jpg);
	background-repeat:no-repeat;
	height:484px;
	vertical-align:top;
	padding-top:10px;
}
.shoptable {
	margin-left:600px;
	margin-top:12px;
}
.gallerytable {
	margin-left:300px;
	margin-top:12px;
}

.artisttable {
	margin-left:50px;
	margin-top:12px;
}
.calendartext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:16px;
	text-align:left;
	padding-left:610px;
	padding-right:50px;
	padding-top:35px;
}
.supporttext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:16px;
	text-align:left;
	padding-left:580px;
	padding-right:50px;
	padding-top:35px;
}
.dreamtext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	vertical-align:middle;
}
.shoptext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	vertical-align:top;
}
.artisttext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:16px;
	text-align:left;
	padding-top:2px;
	padding-left:10px;
	padding-right:110px;
}
.poemtable {
	margin-left:350px;
	margin-top:20px;
}
.phototext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:normal;
	line-height:12px;
	text-align:left;
}
.poemtext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:18px;
	text-align:left;
}
.poemindenttext {font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	line-height:18px;
	text-align:left;
	padding-left:30px;
}

.contributorspage {
	background-image:url(images/contributorsart.jpg);
	background-repeat:no-repeat;
	height:484px;
	padding-left:242px;
	padding-top:100px;
	padding-right:50px;
}

a{
	color:#663300;
}

a:hover{
	color:#222222;
	text-decoration:none;
}