@charset "UTF-8";
/* CSS Document */

/* RESET */

div { margin:0; padding:0; }
p { margin:0; padding:0; }
ul { margin:0; padding:0; }
img { margin:0; padding:0; }
* { margin:0; padding:0; }

body{
	background-image:url(../images/bg.jpg);
	background-color: #404348;
	background-attachment: center center;
	background-repeat:no-repeat;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
}

.clearBoth {
	padding: 0px;
	line-height: 0px;
	height: 0px;
	clear:both;
}

#topnav{
	width:100%;
	height:56px;
	background:url(../images/topBar.png);
	background-repeat:repeat-x;
	margin-bottom: -3px;
	z-index:40;
	position: relative;
}

#wrapper{
	max-width:1082px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
}

/*NAV*/
#nav{
	margin-left:18.2%;
	width:81.8%;
	background:url(../images/navbg.png);
	background-repeat: repeat;
}

#nav img {
	position: absolute;
	z-index:100;
	margin-top: -9px;
	margin-left: -16.8%;
}

#nav a img {
	border: none;
}

/*---------------------PAGE TOP CONTENT, global--------------------*/

#topInfo {
	margin-left:9.4%;
	width:90.6%;
	background-image:url(../images/topInfobg.png);
	padding-top:30px;
	padding-bottom:20px;
	color:#afacab;
	font-family:Arial, Helvetica, sans-serif;
	border-top: 3px solid #e5e0dc;
	border-bottom: 3px solid #e5e0dc;
}

.topLeft {
	margin-left:12%;
	max-width: 52%;
	float:left;
}

.topLeft h2 {
	font-size:1.2em;
	padding-bottom: 10px;
}

.topLeft h3 {
	font-size: 1em;
	padding-bottom:10px;
	font-weight:normal;
}

.infotext{
	font-size:0.9em;
	padding-bottom:10px;
}

.infotext a {
	font-size:0.9em;
	color:#afacab;
	text-decoration: none;
	border-bottom: 1px solid #afacab;	
}

.infotext a:hover {
	font-size:0.9em;
	color:#e5e0dc;
	text-decoration: none;
	border-bottom: 1px solid #e5e0dc;	
}

.topRight {
	margin-top: 32px;
	margin-right: 5%;
	margin-left: 1%;
	max-width:30%;
	float:right;
	color:#afacab;
	visibility:visible;
}

.topRight h2 {
	font-size:1.2em;
	padding-bottom:5px;
}

.topRight p {
	font-size:0.9em;
	padding-bottom:5px;
}

.topRight a img {
	padding-bottom: 5px;
}

/*----------MAIN CONTENT FORMATTING, GLOBAL---------*/

#mainContent {
	margin-left:9.4%;
	width:90.6%;
	background-image: url(../images/mainBG.jpg);
	background-repeat: repeat;
	padding-top:20px;
	padding-bottom:20px;
	color: #404348;
	font-size: 0.9em;
}

#mainContent h2 {
	font-size: 20px;
	padding-bottom:10px;
}

.mainSection {
	padding:0 20px 0 20px;
}

.mainSection p {
	padding-bottom:5px;
}

.centeredP {
	margin:auto;
	width: 54%;
	text-align: center;
}

.sectionLine {
	border-top: 3px solid #e5e0dc;
	margin:10px 0 10px 0;
}

.threeColumn ul {
	list-style:none;
	padding:0 20px 0 20px;
}

.threeColumn ul li {
	float:left;
}

.threeColumn h2 {
	text-align: center;
}

/*HOME*/
#indexImages img {
	float: left;
	padding-left:2px;
	padding-right: 2px;
	text-align:center;
}

#indexImages strong {
	float: left;
	font-size:20px;
	font-weight:bold;
	margin-top: -45px;
	padding-left:10px;
}

#indexImages p {
	width: 65%;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
}

#rightImg img {
	margin-bottom:50px;
}

/*ABOUT*/
.aboutTopLeft {
	width:57%;
	float: left;
}

.aboutTopLeft img {
	width:100%;
	height:100%;
	padding-bottom:10px;
}

.aboutTopRight {
	float:left;
	width:41%;
	padding-left:2%;
}

.aboutTopRight img {
	width:100%;
	height:100%;
	padding-top:10px;
}

#aboutLeft, #aboutRight {
	width:40%;
	float:left;
}

#aboutMid {
	width:20%;
	float:left;
	text-align:center;
}

.aboutBotLeft {
	float:left;
	width:37%;
	padding-right:2%;
}

.aboutBotLeft img {
	width:100%;
	height:100%;
	opacity:0.4;
	margin-top:-60px;
}

.sunsets {
	text-align: center;
}

/*RESTORATION*/
.restoreRight {
	float:right;
	width:45%;
}

.restoreRight p {
	padding-left:70px;
	padding-top:10px;
}

#restoration h2 {
	text-align:center;
	padding-left: 250px;	
}

#restoration .restoreMid {
	text-align:center;
}

#restoration .restoreMid img {
	margin-top: -113px;
	width:100%;
	height:100%;
}

.restoreLeft p {
	float:left;
	width:37%;
	margin-top: -150px;
}

.restoreMidLeft {
	width:37%;
	float:left;
	padding-right:2%;
}

.restoreMidRight {
	float:left;
	width:57%;
}

.restoreMidLeft img, .restoreMidRight img{
	width:100%;
	height:100%;
}

.restoreMidRight img{
	padding-top:80px; 
}

/*NEWS & EVENTS & VOLUNTEER, PHP CONTENT FORMATTING*/
.phpImg {
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}

.phpContent {
	float: left;
	padding:0px 30px 20px 0px;
	font-size: 14px;
	width:50.9%px;
}

.phpArea h1{
	font-size: 1.3em;
	padding-bottom: 10px;
}

.phpContent h2 {
	font-size: 20px;
	font-weight: bold;
	color: #404348;
	padding-bottom: 5px;
}

.phpContent h3 {
	font-size: 14px;
	color: #404348;
	padding-top:5px;
}

/*BOOOKING INFO*/
.bookTopLeft {
	width:18.3%;
	float:left;
}

.bookTopLeft img {
	width:100%;
	height:100%;
}

.bookTopRight {
	width:73%;
	padding-left:3%;
	float:left;
	font-size:1.2em;
}

.bookTopRight p {
	padding-bottom: 15px;
}

.bookTopLeft {
	width:
}

.bookBotLeft {
	width:65%;
	float:left;
}

.bookBotRight {
	width:30%;
	float:left;	
}

.bookBotRight img {
	width:100%;
	height:100%;
}

.bookBotLeft ul {
	list-style:none;
}

.bookBotLeft ul li {
	font-size:1.2em;
	padding-bottom:15px;
}

#booking {
	padding: 0 0.2% 0 0.2%;
}

/*-------SCHEDULE--------*/
#scheduleTable tr td h2 {
	color: #404348;
	font-size:1.3em;
}

#scheduleTable tr td{
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #404348;
}

#scheduleTable {
	margin-left: auto;
	margin-right:auto;
}

.phpArea ul {
	width:80%;
}

.phpArea li {
	list-style:none;
	padding: 5px 0px 5px 0px;
	border-bottom: thin solid #404348;
}

/*CONTACT*/
.contactTopLeft {
	margin-left:25px;
	margin-right:25px;
	width:150px;
	float:left;
}

.contactTopRight {
	margin-right:25px;
	margin-left:25px;
	float:left;
	width:60%;
}

/*EMAIL FORM*/
#contactForm{
	margin:0px 0px 0px 10px;
	width:400px;
	margin-top: -70px;
	color:#404348;
}

input, textarea {
	background-color:#e5e0dc;
	border-radius: 15px 15px 15px 15px;
	margin:10px;
	padding:10px;
	font-size:16px;
	outline:none;
	font-style:italic;
	color: #666;
}

.name, .message, .email {
	font-size:20px;
	padding-left:15px;
}

#street {
	visibility:hidden;
}

.submit{
	/*margin-left:450px;*/
	margin-left:45.87%;
}

/*MAPS*/
#googlemap{
	max-width:885px;
	height:392px;
	background:url(../images/mapbg.png);
}

iframe {
	padding-left:25px;
	padding-top:25px;
	width:425px;
	height:350px;
}

#mapLink {
	padding-top:10px;
	margin-bottom:-10px;
	text-align:center;
}

#mapLink a{
	text-decoration:none;
	font-size:1.5em;
	color:#404348;
}

#mapLink a:hover{
	text-decoration:none;
	font-size:1.5em;
	color:#981b1e;
}

/*THANK YOU PAGE*/
.thanks {
	height:300px;
	text-align:center;
}

.thanks a {
	font-weight:bold;
	color:#404348;
	text-decoration:none;
}

.thanks a:hover {
	font-weight:bold;
	color:#981b1e;
	text-decoration:none;
}

/*GALLERY*/
#gallery ul {
	margin-left:10%;
	margin-right:10%;
	width:81%;
	/*width: 800px;*/
}
			
#gallery ul li { 
	display: inline; 
}
				
#gallery ul li img{ 
	margin: 5px; 
	border: 4px solid #404348;
	border-bottom: 12px solid #404348;
}

/*DONATE*/
#donateLeft {
	float: left;
	width: 380px;
	padding-right:5%;
}

#donateRight {
	float: left;
	min-width: 20%;	
}

#donateRight form {
	margin-top:-10px;
}

/*FOOTER CSS*/
.footer{
	width:100%;
	background-color: #404348;
}

.footerTop {
	background-image:url(../images/footerTop.png);
	background-repeat:repeat-x;
	z-index:100;
	height:17px;
	position: relative;
	margin-bottom: -17px;
}

.footerMid {	
	background-image:url(../images/footerMid.png);
	background-repeat:repeat-x;
	z-index:100;
	height:17px;
	position: relative;
	margin-bottom: -17px;
}

#footercontent {
	width: 100%;
	background-image:url(../images/partnerBG.png);
	background-repeat:repeat;
	padding-top: 10px;
	color: #404348;
}

#footPartners {
	max-width:1082px;
	margin-left:auto;
	margin-right: auto;
}

#partners{
	margin-left:9.4%;
	width:90.6%;	
	padding:20px 0 20px 0;
}

#partners ul {
	list-style:none;
}

#partners ul li {
	max-width: 18%;
	float: left;
	padding-left: 2%;
}

#partners p {
	font-size: 12px;
	padding-top: 8px;
}

#partners a {
	text-decoration: none;	
	color: #404348;
}

#partners a:hover {
	text-decoration: none;	
	color: #981b1e;
	border-bottom: 1px solid #981b1e;
}

#siteMap {
	max-width:1082px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0 20px 0;
}

#footNav {
	margin-left:9.4%;
	max-width:90.6%;
}

#footNav ul {
	width:13%;
	float: left;
	padding-left: 3.6%;	
}

#footNav ul li h1 {
	padding-top: 10px;	
	font-size: 14px;
	font-weight: bold;
}

#footNav ul li {
	list-style: none;
	color: #afacab;
}

#footNav ul li a {
	text-decoration: none;
	color: #afacab;
	font-size: 12px;
	font-weight: normal;
}

#footNav ul li a:hover {
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	color: #afacab;
	border-bottom: 1px solid #afacab;
}

#copyright {
	background-color:#afacab; 
	text-align: center;
	padding: 5px 0px 5px 0px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}