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


html,body {
	margin:0;
	padding:0;
	height: 100%;
	background-color: #5d9894;
	font-size: 100%;
	}
	
	.external {
		background: url(../images/icon-external-link.png) no-repeat right top;
		padding-right: 15px;}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	background: url(../images/BGpeopl,jpg) repeat-x;
}
	

div#content {
	padding: 0px 0px 56px 0px; /* bottom padding for footer */
	width: 800px;
	margin: 0 auto;
}
	

div#footer {
	position: absolute middle;
	width: 800px;
	margin: auto;
	bottom: 0; /* stick to bottom */
	height: 56px !important; /* real browsers */
	height: 56px; /* IE6:treated as min-height*/
	min-height: 56px; /* real browsers */
	background: url(../images/BGfooterInner.jpg) no-repeat;
}

.explosion {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #5d9894;
	}



h1 {
	margin: 35px 0px 10px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-weight: 400;
	color: #f6e9c1;
	}
	
h2 {
	margin: 0px 0px 5px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: 500;
	color: #f6e9c1;
	}
	
h3 {
	margin: 0px 0px 7px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: .95em;
	font-weight: 500;
	color: #f6e9c1;
	}
	
p {
	margin: 0px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em;
	color: #ffffff;
	font-weight: normal;
	}
	
a {
	color: #f6e9c1;
	}
	
.inputField {
	background-color:#96bcb9;
	border:none;
	font-family:verdana;
	font-size:10px;
	color: #000000;
	margin: 0px 0px 20px 0px;
	}
	
	
/*-------------------------------------------------------------HEADER-------------------------------------------------------------------*/

div#header {
		padding: 0;
		width: 800px;		
		margin:auto;
		height: 294px; !important; /* real browsers */
		height: 294px; /* IE6:treated as min-height*/
		min-height: 294px; /* real browsers */
		background: url(../images/BGmastHeadInner.jpg) no-repeat;
		}
	
	#logoMain {
		float:left;
		display:inline;
		margin:40px 0px 0px 30px;
		padding:0;
		width: 264px;
		height: 107px;
		}
	
	#sunshine {
		float: left;
		display: inline;
		position: relative;
		width: 0px;
		height: 0px;
		top: 0px;
		left: -346px;
		}
	
#logo {
	float:left;
	display:inline;
	margin:110px 0px 0px 185px;
	padding:0;
	width:429px;
	height:154px;
	}
	
	
	/*--------------------------------------------------- CONTENT -------------------------------------------------------*/
	
	
	#contentInner {
		margin: 70px 30px 0px 30px;
		width: 740px;
		display: block;
		background:url(../images/BGcontent.jpg) no-repeat;
		}
				   /*------------ Left Side Content ---------------- */
	
		#contentLeft {
			float: left;
			width: 280px;
			margin: 40px 0px 0px 20px;
			}
		
			#contentLeft h1 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1em;
				color: #f6e9c1;
				font-weight: bold;
				}
			
			#contentLeft p {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 0.8em;
				color: #003333;
				font-weight: normal;
				}
			
			#contentLeft a {
				font-family: Arial, Helvetica, sans-serif;
				color: #f6e9c1;
				}
				
	#testamonial {
		float: left;
		width: 700px;
		margin: 30px 0px 20px 20px;
		padding: 80px 0px 0px 0px;
		background: url(../images/BGtestamonial.jpg) no-repeat;
		clear: both;
		}
		
		#testamonial2 {
			width: 280px;
			margin: 30px 0px 0px 0px;
			padding: 80px 0px 0px 0px;
			background: url(../images/BGtestamonial.jpg) no-repeat;
			}
			
		#testamonial3 {
			width: 395px;
			margin: 30px 0px 0px 0px;
			padding: 80px 0px 0px 0px;
			background: url(../images/BGtestamonial.jpg) no-repeat;
			}
		
		#testamonial p, #testamonial2 p, #testamonial3 p {
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: .8em;
			color: #f6e9c1;
			}
				
				
	#contentFull {
			width: 700px;
			margin: 0px 0px 0px 20px;
			padding: 40px 0px 0px 0px
			}
			
			#newsPicMain {
				float: left;
				width: 280px;
				padding: 0px 30px 30px 0px;
				}
			
			#newsPicLeft {
				float: left;
				width: 200px;
				margin: 5px 20px 30px 0px;
				}
			
			#newsPicRight {
				float: right;
				width: 200px;
				margin: 5px 0px 30px 20px;
				}
				
				#newsPicRight p, #newsPicLeft p, #newsPicMain p {
					margin: 0px 0px 15px 0px;
					font-family: Arial, Helvetica, sans-serif;
					font-size: .8em;
					line-height: 1.4em;
					color: #003333;
					font-weight: normal;
					}
				
				#contentFull li {
					margin:0px 20px 5px 0px;
					list-style-type: disc;
					font-family:  Georgia, "Times New Roman", Times, serif;
					font-size: .8em;
					color:#f6e9c1;
					font-weight: normal;
					}
	 
		   /*------------ Right Side Content ---------------- */
			   
			   		
		#contentRight {
			float: left;
			width: 395px;
			margin: 30px 0px 0px 30px;
			}
			
			.readOn {
				float: right;
				margin: 0;
				padding: 0px 10px 10px 0px;
				}
			
			
				#contentRight li {
					font-family: Arial, Helvetica, sans-serif;
					font-size: .8em;
					font-weight: normal;
					color: #ffffff;
					line-height: 1.4em;
					}
					
					#contentRight.label {
					font-family: Arial, Helvetica, sans-serif;
					font-size: .85em;
					font-weight: normal;
					}
					
			#contentRight h1 a {
				color: #f6e9c1;
				text-decoration: underline;
				font-size: .85em;
				}
				
			#contentRight h1 a:hover {
				color: #f6e9c1;
				text-decoration: underline;
				font-size: .85em;
				}
				
				#contentRight h1 a:selected {
					color: #f6e9c1;
					text-decoration: none;
					font-size: 1em;
					}
				
		#galleryContainer {
			float: left;
			width: 395px;
			margin: 0px 0px 0px 30px;
			}
		
				
		#galleryNav {
			float: right;
			margin: 0;
			padding:0;
			text-align: left;
			}
	
			#galleryConstants li {
				display: inline;
				padding: 0px;
				margin: 0px 0px 0px 10px;
				color: #f6e9c1;
				font-size: .87em;
				font-family:  Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
				list-style-type: none;
				}
	
			#galleryConstants li a {
				color: #f6e9c1;
				text-decoration:none;
				}
	
			#galleryConstants li a:hover {
				color:#f6e9c1;
				text-decoration:underline;
				}
				
		#galleryText {
			margin: 70px 0px 0px 0px;
			}

		#donationBox {
			margin: 40px 0px 0px 30px;
			width: 210px;
			height: 260px;
			background: url(../images/BG_donation.jpg) no-repeat;
			}
			
			.BTNdonate {
				margin: 185px 0px 0px 10px;
				}

	/*------------------------------------------------- FEATURED AREA ---------------------------------------------------------*/

#featuredMain {
	margin: auto;
	padding: 0;
	width: 800px;
	height: 220px !important; /* real browsers */
	height: 220px; /* IE6:treated as min-height*/
	min-height: 220px; /* real browsers */
	background: url(../images/BGfeatBoxIndex.jpg) no-repeat;
	}
	
	#featuredMain a {
		color: #f6e9c1;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		text-decoration: none;
		font-weight: normal;
		}
		
	#featuredMain a:hover {
		color: #f6e9c1;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: normal;
		text-decoration: underline;
		}
		
	#featuredMain p {
		font-family: Arial, Helvetica, sans-serif;
		color: #e3f6f5;
		font-size: .8em;
		line-height: 1.4em;
		font-weight: normal;
		}
		
	#featLink {
		float: right;
		}
	
	#featLink a {
		color: #f6e9c1;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .85em;
		text-decoration: none;
		}
	
	#featLink a:hover {
		color: #f6e9c1;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .85em;
		text-decoration: underline;
		}
		
	#featMainLeft {
		float: left;
		width: 302px;
		height: 174;
		margin: 20px 0px 0px 30px;
		}
		
	#featMainRight {
		float: left;
		width: 302px;
		height: 174;
		margin: 20px 0px 0px 130px;
		}
	
	
	/*--------------------------------------------------- FOOTER -------------------------------------------------------*/

#footer {
	width: 800px;
	margin: 0 auto;
	clear: both;
	height: 56px !important; /* real browsers */
	height: 56px; /* IE6:treated as min-height*/
	min-height: 56px; /* real browsers */
	background: url(../images/BGfooterInner.jpg) no-repeat;
	}
	
	#footerConstants {
		width:700px;
		margin: auto;
		padding:10px 0px 0px 0px;
		text-align: center;
		}
		
		#footerConstants p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: .7em;
			color: #c2ebe8;
			text-align: center;
			padding:0;
			margin: 5px 0px 0px 0px;;
			}
		
	#footerNav {
		margin: auto;
		display: inline;
		padding:0;
		text-indent: 0;
		}
		
		#footerNav li {
			margin: 0px 20px 0px 0px;
			padding: 0;
			display: inline;
			font-family:  Georgia, "Times New Roman", Times, serif;
			font-size: .85em;
			color:#ffffff;
			font-weight: normal;
			list-style-type:none;
			text-indent: 0;
			}
		
		#footerNav li.left {
			margin: 0px 20px 0px 0px;
			}
	
		#footerNav li a {
			color:#ffffff;
			text-decoration:none;
			}
	
		#footerNav li a:hover {
			color:#ffffff;
			text-decoration:underline;
			}