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

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

li {
	list-style: none;
}

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

a img {
	border: 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-top: 2px solid #999;
	border-right: 2px solid #666;
	border-bottom: 2px solid #000;
	border-left: 2px solid #666;	
	background-color: #7b92b4;
}

#banner {
	background-image: url(../img/bannerEduLaptops2.jpg);
	margin-top: 0;
	margin-left: 0;
	width: 900px;
	height: 80px;
	border-bottom: 1px solid #333;
	clear: both;
}

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

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

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

#bigBox_donate{
	display: block;
	width: 800px;
	height: 450px;
	float: none;
	margin: -20px 0;
	background: url('../img/liberiaSmallMap_450x800.jpg');
}

#donationsBox {
	display: block;
	margin: 60px auto 0 auto;
	width: 428px;
	height: 285px;
	background: url('../img/liberiaSmallMap2.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;
}

.photo_caption1, .photo_caption2, .photo_caption3 {
	position: absolute;
	display: none;
	padding: 0 3px;
	width: auto;
	text-indent: 0;
	text-align: left;
	margin-left: 10px;
	font-family: "Arial Black", sans-serif;
	font-size:11px;
	letter-spacing: .03em;
	background-color:#fff;
	border: 1px solid #000;
	z-index:10;
}
	
#box1 {
	z-index: 3;
}

.photo_caption1 {
	top: 170px;
}

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

.photo_caption2 {
	top: 300px;
}

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

#bottomContainer {
	position: absolute;	
	display: block;
	bottom: 8px;
	margin-left: 25px;
	width: 850px;
	height: 65px;
	background: url('../img/flags.png');
	background-repeat: repeat-x;
	z-index: 0;
}
.magnifyingGlass {
	position: absolute;
	left:10px;
	cursor: pointer;
	width: 35px;
	height: 35px;
	background: url(/_MASTER/magnifyingGlass_35px.png);
}

.magnifyingGlass:hover {
	background: url(/_MASTER/magnifyingGlass_35px_hover.png)
}

/* *************
	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;
}

.page4 p#donateText {
	position: absolute;
	margin: 50px 380px; 
	width: 375px;
	padding: 6px;
	color: white;
	border: 1px solid;
	background-color: #000;
}

#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;
}

#copyright {
	bottom: -3px;
}

.caption {
	position: relative;
	display: block;
	width: 120px
	color: #306;
	font-size: 8pt;
	margin: 0 0 5px 7px;
	text-indent: 0;
	letter-spacing: .01em;
	line-height: normal;
}

.nextButton1, .nextButton2, nextButton3, .backButton1, .backButton2, .backButton3, .moreInfoButton {
	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: #ddd; 
	font-weight: bold;
}

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

.backButton1, .backButton2, .backButton3 {
	margin-left:40px;
}
	
.nextButton1:hover, .nextButton2:hover, .nextButton3:hover, .backButton1:hover, .backButton2:hover, .backButton3:hover {
	color: #903;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}

#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: 38px 0 0 140px; 
	background: #e2bf60; 
	border: 1pt solid #999;
}

/*************************************************************************
		CONTACT FORM - this is a copy of code in caGlobal.css, PLUS changes
**************************************************************************/

form#submitform {
	margin-left: 440px;
	position:absolute;
	top: 180px;
	width:200px;
	z-index:999;
}
	
	#submitform fieldset {
		width: 300px;
		border: none;
		padding: 0;
	}
	
	#submitform p {
		margin: 0;
		font-size: 13px;
		font-weight: bold;
	}
	
	#submitform input {
		width: 300px;
		color: blue;
	}
	
	#submitform textarea {
		width: 300px;
	}
	
	#submitform .submitButton, #submitform .resetformButton {
		color: blue;
		width: 100px;
	}
	
	#submitform .resetformButton {
		position: absolute; 
		margin-left: 20px; 
	}
	
	#error {
		position: absolute;
		width: 350px;
		font: 15px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		font-weight: bold;
		color: darkred;
		line-height: 23px;
		left: 15px;
		top: 120px;
	}
	
	.formError {
		z-index: 1000;
	}

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