/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 10px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #4A4A4A;
	text-align: center;
	border-color: #FFFFFF;
}
#wrapper{
	width: 887px;
	background-color:#FFFFFF;
	margin:10px auto;
	border: 2px solid #FFFF00;
	text-align: left;
	position: relative;
	top: 4px;
	height: 1430px;
	left: 4px;


}
#banner{
	height: 67px;
	margin:10px 9px 10px 9px;
	background-image: url(images/banner.gif);
	background-repeat: no-repeat;
}
#imagestrip {
	padding: 0px 10px 0px 10px;
	border:none;
	font-size: 12px;
}	
#nav{
	margin:10px 9px 0px 9px;
	padding:2px 0px 2px 0px;
	border: 1px solid #999999;
}
#nav ul{
padding: 0;
margin: 0;
background-color:#ffff99;
}
#nav ul li{
display: inline;
padding: 0;
margin: 0;
}
#nav ul li a{
	color: #0060B6;
	background-color: #ffff99;
	padding: 2px 26px;
	text-align: center;
	width: 9em;
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
} 
.navborderright{
border-right: 1px solid #999999;
}
#nav ul li a:hover, #nav ul li a:focus{
background-color: #FFFF66;
}
#topborder {
border:none;
margin: 3px 9px 0px 9px;
}
#leftcol p{
	float: left;
	display: inline;
	width: 186px;
	margin-top: 10px;
	margin-left: 9px;
	margin-bottom: 10px;
	padding: 10px 10px 20px 10px;
	background-color: #FFFF99;
	border: 1px solid #999999;
	font-size: 11px;
}
.map{
	margin:0px 0px 10px 0px;
	border: 1px solid #999999;
	text-align:center;
}
.popupmap{
margin:10px;
border: 2px solid #999999;
}
.quote{
font-style:italic;
text-align:center;
}
.flagpolecaption{
font-style:italic;
text-align:center;
}
.divider{
margin:10px 0px 10px 0px;
}
#content p{
	margin: 10px 0px 10px 5px;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 220px;
}
html>body #content p {
margin: 10px 15px 10px 10px;
}

#content span {
display: block;
padding-right: 25px;
}
html>body #content span {
padding-right: 10px;
}
.welcome{
	float: left;
	display: inline;
	padding: 0px 10px 55px 0px;
}
.mural{
margin: 20px 0px 10px 0px;
}
.mborder{
margin: 10px 9px 0px 0px;
}
.ourstory{
float: left;
padding: 0px 25px 460px 0px;
}
.ourmission{
float: left;
padding: 0px 10px 75px 0px;
}
.flagpole{
margin: 0px 0px 10px 0px;
border: 1px solid #999999;
}
.tsunamimap{
margin: 10px 0px;
}
.sponsors{
	float: left;
	padding: 0px 29px 40px 0px;
	}
.coordinator{
float: left;
padding: 0px 10px 60px 0px;
}
.isbliason{
	float: left;
	padding: 0px 14px 150px 0px;
	}
.volunteers{
float: left;
padding: 0px 18px 255px 0px;
}
.sam{
margin:20px 40px;
font-size: 12px;
color: #333333;
}
.card{
margin:15px 0px;
border: 1px solid #999999;
}
.hearme{
float: left;
padding: 0px 10px 30px 0px;
}
.dayinlife{
float: left;
padding: 0px 10px 10px 0px;
}
.studentphoto{
margin: 10px 0px;
border: 1px solid #999999;
}
.mainphotov{
	margin: 15px 256px;
	padding:0px;
	border: 1px solid #999999;
	position:absolute;
	visibility:hidden;
	z-index:2;
}
.mainphotoh{
	margin: 15px 184px;
	padding:0px;
	border: 1px solid #999999;
	position:absolute;
	visibility:hidden;
	z-index:2;
}
.thumbnail{
border: 1px solid #999999;
margin:20px 10px;
}
.tovolunteer{
	float: left;
	padding: 0px 10px 360px 0px;
}
.todonate{
	float: left;
	padding: 0px 29px 175px 0px;
}
.contactvolunteer{
	float: left;
	padding: 0px 10px 70px 0px;
}
.contactdonate{
float: left;
padding: 0px 29px 125px 0px;
}
.contactinfo{
float: left;
padding: 0px 14px 50px 0px;
}
.khaolakmap{
margin:10px 0px;
border: 1px solid #999999;
}
.clearit{
clear: both;
}
.brclear { 
clear:both; 
height:0; 
margin:0;
line-height: 0px;
}