@charset "utf-8";
a:link { 
	color: #000;
	}
a:visited { 
	color: #000;
	}
a:active {
	color: #000;
	}


body {
	background-color:#336699;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	overflow:inherit;
	color: #000;
	
	
}

.oneColElsCtr #container {
	width: 1050px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: auto;
	background-image: url(/images/bg.jpg);
	background-attachment:fixed;
	background-position: 0px 0px;
}

.oneColElsCtr #mainContent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

. bodyText {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
.h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:21px;
	color: #563f1b;
	link
	}
.h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
	color: #563f1b;
}
.h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #563f1b;
}
/*------------------header------------------------*/
.header1{
	background-image: url(images/header.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:112px;
}
.header2{
	width:900px;
	height:315px;
}
.subheader1{
	background-image: url(images/banner1.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:153px;
}
.subheader2{
	background-image: url(images/banner6.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:153px;
}
.subheader3{
	background-image: url(images/banner3.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:153px;
}
.subheader4{
	background-image: url(images/banner4.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:153px;
}
.subheader5{
	background-image: url(images/banner5.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:153px;
}

.rule{
	background-image: url(images/upper_rule.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:10px;
}
#upperbtns{
	height:302px;
}
#upperbtns {
	position:relative;
	background-image: url(images/donate_btn.jpg);
	background-repeat:no-repeat;
	width:195px;
	height:151px;
	
}
#upperbtns a  {
	display:block;
	background:url(images/donate_btn.jpg);
	background-position:0px 0px;
	height:151px;
	width:195px;
	top:-151px;
	
}
#upperbtns a.link1:hover {
	background-position:0px -151px;
}
	
#lowerbtns{
	height:328px;
}
#lowerbtns {
	position:relative;
	background-image: url(images/otherways_btn.jpg);
	background-repeat:no-repeat;
	width:195px;
	height:164px;
	
}
#lowerbtns a  {
	display:block;
	background:url(images/otherways_btn.jpg);
	background-position:0px 0px;
	height:164px;
	width:195px;
	top:-151px;
	
}
#lowerbtns a.link1:hover {
	background-position:0px -164px;
}

/*------------------navigation------------------------*/
#navigation {
	position:relative;
	background-image: url(images/nav_on.jpg);
	background-repeat:no-repeat;
	width:900px;
	height: 27px;
	
}
#navigation a  {
	display:block;
	background:url(images/nav_on.jpg);
	background-position:0px 0px;
	height:27px;
	width:900px;
	left:77px;
	top:-27px;
	
}
#navigation a.link1:hover {
	background-position:0px -27px;
	}
#navigation a.link2 {
	display:block;
	position:relative;
	background-position:-151px 0px;
	width:78px;
	left:151px;
	top:-27px;
	}
#navigation a.link2:hover {
	background-position:-151px -27px;
	}
#navigation a.link3 {
	display:block;
	position:relative;
	background-position:-229px 0px;
	width:118px;
	left:229px;
	top:-54px;
	}
#navigation a.link3:hover{
	background-position:-229px -27px;
	}
#navigation a.link4 {
	display:block;
	position:relative;
	background-position:-347px 0px;
	width:85px;
	left:347px;
	top:-81px;
	}
#navigation a.link4:hover {
	background-position:-347px -27px;
	}
#navigation a.link5 {
	display:block;
	position:relative;
	background-position:-432px 0px;
	width:122px;
	left:432px;
	top:-108px;
	}
#navigation a.link5:hover {
	background-position:-432px -27px;
	}
#navigation a.link6 {
	display:block;
	position:relative;
	background-position:-554px 0px;
	width:109px;
	left:554px;
	top:-135px;
	}
#navigation a.link6:hover {
	background-position:-554px -27px;
	}
#navigation a.link7 {
	display:block;
	position:relative;
	background-position:-663px 0px;
	width:113px;
	left:663px;
	top:-162px
	}
#navigation a.link7:hover {
	background-position:-663px -27px;
	}


.nav1{
	background-image: url(images/nav.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:27px;
}
/*------------------body content------------------------*/

.body1{
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	width:900px;
	height:900px;
}
.body2{
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	width:900px;
	height:940px;
}
.body3{
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	width:900px;
	height:700px;
}
.body4{
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	width:900px;
	height:1780px;
}
.body5{
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	width:900px;
	height:600px;
}

.hr_line{
	margin-bottom:15px;
}
.greatprices{
	background-image: url(images/great_prices.png);
	background-repeat:no-repeat;
	position:relative;
	/*padding:10px;*/
	height:208px;
	width:275px;
}
.hpspecials{
	background-image: url(images/misson_vision.jpg);
	background-repeat:no-repeat;
	position:relative;
	padding-top:24px;
	height:500px;
	width:180px;
	left:20px;
}
.hpblank{
	position:relative;
	height:420px;
	width:auto;
}
.hpcontent{
	background-image: url(images/title_home.jpg);
	background-repeat:no-repeat;
	position:relative;
	padding-top:60px;
	padding-left:30px;
	padding-right: 20px;
	height:275px;
	width:630px;
}
.aboutcontent{
	background-image: url(images/title_about.jpg);
	background-repeat:no-repeat;
	position:relative;
	padding-top:60px;
	padding-left:30px;
	padding-right: 20px;
	height:500px;
	width:630px;
}
.projectcontent{
	background-image: url(images/title_theproject.jpg);
	background-repeat:no-repeat;
	position:relative;
	padding-top:60px;
	padding-left:30px;
	padding-right: 20px;
	height:auto;
	width:630px;
}
.peoplecontent{
	background-image: url(images/title_people.jpg);
	background-repeat:no-repeat;
	position:relative;
	padding-top:60px;
	padding-left:10px;
	padding-right: 20px;
	height:1500px;
	width:630px;
}
.testimonialcontent{
	background-image: url(images/title_testimonials.jpg);
	background-repeat:no-repeat;
	position:relative;
	padding-top:60px;
	padding-left:30px;
	padding-right: 20px;
	height:275px;
	width:630px;
}
.donationscontent{
	background-image: url(images/title_donations.jpg);
	background-repeat:no-repeat;
	position:relative;
	padding-top:60px;
	padding-left:30px;
	padding-right: 20px;
	height:275px;
	width:630px;
}
.contactcontent{
	background-image: url(images/title_contact.jpg);
	background-repeat:no-repeat;
	position:relative;
	padding-top:60px;
	padding-left:30px;
	padding-right: 20px;
	height:275px;
	width:630px;
}
.tellafriend{
	background-image: url(images/title_tellafriend.jpg);
	background-repeat:no-repeat;
	position:relative;
	padding-top:60px;
	padding-left:30px;
	padding-right: 20px;
	height:500px;
	width:630px;
}
.form{
	position:relative;
	padding:20px;
	height:150px;
	width:500px;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
}

.floatleft{
	float:left;
	position:relative;
	
}
.floatright{
	float:right;
	position:relative;
	width:700px;
	
}
.headfloatleft{
	float:left;
	position:relative;
	width:195px
	
}
.headfloatright{
	float:right;
	position:relative;
	width:705px;
	
}
/*------------------footer------------------------*/
.footer1{
	position:relative;
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/footer_bg.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:179px;
	padding-top: 30px;
	
}
/*------------------text wrap------------------------*/
#sml-01 {
clear:left;
float:left;
height:231px;
width:300px;
padding:10px;
}
#sml-02 {
clear:left;
float:right;
height:231px;
width:300px;
padding:10px;
}