/* ::::::::::::::::::::
	
	 BROWSER CONTROL
	
::::::::::::::::::::::: */

body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
}

a img {
	border: none;
}

textarea {resize: none;}
/* *****************
	CONTAINERS
   ***************** */
   
body {
	background-color: #699;
}

#wrapper {
	position: relative;
	display: none;		/* Stops weird nonJS flash at page load, in Firefox */
	margin-left:auto;
	margin-right:auto;
	margin-top: 40px;
	margin-bottom: auto;
	width: 900px;
	height: 635px;
	border: 3pt double #333;	
	background-color: #fff4ef;
}

#banner {
	background-image: url(../img/bannerEdu.jpg);
	margin-top: 10px;
	margin-left: 50px;
	width: 800px;
	height: 73px;
	border: ridge medium #666;
	clear: both;
}

#banner:hover {
	background: url(../img/bannerEduHover.jpg);
	cursor: pointer;
}

#contentContainer {
	position:relative;
	display: block;
	margin: 30px auto 0 auto;
	width: 900px;
	height: 380px;
	background-color: #fff4ef;
}

#bigBox {
	position: relative;
	overflow: show;
	float: left;
	display: inline;
	margin: 0 0 0 50px;
	width: 570px;
	height: 380px;
	background: url('../img/liberiaSmallMap.jpg');
	background-repeat: no-repeat;
	border: 3pt ridge;
	z-index: 0;
	background-color: fff4ef;
}

#donationsBox {
	display: block;
	margin: 60px auto 0 auto;
	width: 428px;
	height: 285px;
	background: url('../img/liberiaSmallMap.jpg');
	background-repeat: no-repeat;
	border: 3pt ridge;
}

#photoBoxes {
	position: relative;
	float: left;
	margin-left: 50px;
	display: inline;
	width: 180px;
	height: 380px;
	z-index: 100;
}

#box1, #box2, #box3 {
	position: absolute;
	display: block;
	margin-left: auto;
	margin-right: auto;
	border: 1pt solid #666;
	width: 180px; 
	height: 120px;
	cursor: pointer;
}
	
#box1 {
	position: absolute;
	display: block;
	z-index: 3;
}

#box2 {
	top: 120px;
	margin-top: 10px;
	z-index: 2; 
}

#box3 {
	top: 250px;
	margin-top: 10px;
	z-index: 1;
	}

#bottomContainer {
	position: absolute;	
	display: block;
	bottom: 0;
	margin-left: 25px;
	width: 850px;
	height: 65px;
	background: url('../img/flags.gif');
	background-repeat: repeat-x;
	
}
	
/* *************
	CONTENTS
   ************* */
h1 {
	text-shadow: 1px 1px 2px #333;
	color: rgb(0, 0, 0);
	font-size: 22px;
	letter-spacing: .04em;
}

p {
	margin: 10px 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #333;
	text-indent: 10px;
	line-height: 21px;
	text-align: justify;
}

#copyright, .emailPage {
	position: absolute;
	bottom: 3px;
	margin: 0;
	text-indent: 0;
	text-align: left;
	line-height: normal;
	font-size: 8pt;
	color: #000;
}

.emailPage {
	width: 175px;
	margin-left: 682px;
	bottom: 1px;
	font-size: 11pt;
	font-weight: bold;
	color: #306;
}

.emailPage a:hover {
	color: #903;
	text-decoration: overline;
}

	

.caption {
	display: block;
	width: 120px
	color: #306;
	font-size: 8pt;
	margin: 0 0 5px 20px;
	text-indent: 0;
	line-height: normal;
}

.nextButton1, .nextButton2, .backButton1, .backButton2, .backButton3 {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	width: 75px;
	color: #306;
	text-decoration: none;
	text-align: center;
	padding: 2px;
	bottom: 10px;
	border: 1pt solid; 
	background: #ccc; 
	font-weight: bold;
}

.nextButton1, .nextButton2 {
	margin-left: 455px;
}

.backButton1, .backButton2, .backButton3 {
	margin-left:40px;
}
	
.nextButton1:hover, .nextButton2:hover, .backButton1:hover, .backButton2:hover, .backButton3:hover {
	color: #903;
	cursor: pointer;
}

#donateButtons {
	position: absolute;
	width: 250px;
	margin-left: 320px;
	bottom: 5px;

}

#mailingListForm {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333;
	margin-left: 145px;
	width: 300px;
}	

#obwLink {
	display: none;
	width: 642px; 
	margin: 29px 0 0 140px; 
	background: #e2bf60; 
	border: 1pt solid #999;
}

/* ***** Hide from nonJS browsers ***** */
.page2, .page3 {
	display: none;
}