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

body { background: url(../i/bg.jpg) center repeat; font: .85em Verdana, Arial, Helvetica, sans-serif; color:#333333; margin: 0; padding: 20px 0 0 0; text-align:center; }

#background_content { position: relative; background: url(../i/body_back.jpg) top center repeat-y; width: 950px; margin: 0 auto; }

#header { position: relative; background: url(../i/header.jpg) no-repeat; width: 950px; padding: 0; height: 200px; }

#content {
	position:relative;
	width: 880px;
	padding: 10px 30px 10px 40px;
	text-align: left;
}

#image { position: absolute; left: 609px; top: 0px; width: 341px; height: 167px; z-index: 3000;}

#left_column { float: left; width: 600px; }

#right_column { float: right; width: 260px; text-align: left;}

#home_page { width: 700px; margin: 0 auto; }

.home_float { float: left; margin: 0 50px 0 50px; width: 260px;}

.clear_both { clear: both; height: 0px;}

#background_footer { width: 950px; position: relative; margin: 0 auto; background: url(../i/footer.jpg) no-repeat; }

#footer_content { position:relative; width: 880px; color: #c18423; padding: 35px 10px 10px; text-align: left;}


/*/////////////////////////////////////////////////////////////////////////////////// HEADER NAVIGATION */

#header_nav_container {
position:relative; /* IMPORTANT!!!! */
padding: 0;
width: 920px;
height:29px;
top: 167px;
background: url(../i/menu.jpg) top no-repeat;
margin: 0 auto;
}

.header_nav {
	position:relative;
	width:920px;
	height:29px;
	padding:0;
	top:0px;
	left:0px;
	margin:0;
	z-index:1000;
}

.header_nav a {
	display:block;
}

.header_nav li {
	list-style:none;
	position:absolute;
}

.about {
	width:157px;
	height:29px;
	left:28px;
	top:0px;
}

.about a{
	width:157px;
	height:29px;
}
.about a:hover{
	background:url(../i/menu.jpg)  -28px -29px;
}

.ways {
	width:179px;
	height:29px;
	left:185px;
	top:0px;
}

.ways a{
	width:179px;
	height:29px;
}
.ways a:hover{
	background:url(../i/menu.jpg) -185px -29px;
}

.giving {
	width:251px;
	height:29px;
	left:364px;
	top:0px;
}

.giving a{
	width:251px;
	height:29px;
}
.giving a:hover{
	background:url(../i/menu.jpg)  -364px -29px;
}

.testimonial {
	width:161px;
	height:29px;
	left:615px;
	top:0px;
}

.testimonial a{
	width:161px;
	height:29px;
}
.testimonial a:hover{
	background:url(../i/menu.jpg)  -615px -29px;
}

.contact {
	width:121px;
	height:29px;
	left:776px;
	top:0px;
}

.contact a{
	width:121px;
	height:29px;
}
.contact a:hover{
	background:url(../i/menu.jpg)  -776px -29px;
}

/* ///////////////////////////////////////////// TEXT STYLES ////////////////////////////////////////// */

h1 {font: 30px "Times New Roman", Times, serif; color: #87250d; margin-top: 0; padding-top: 0;}

h2 {font: 24px "Times New Roman", Times, serif; color: #00242a; margin-bottom: 5px; padding-bottom: 0;}

h3 {font: 20px "Times New Roman", Times, serif; color: #74301C; background-color: #E5CA59; margin:0; padding:5px ; border-bottom: #74301C 1px solid;}

h3.toggler a:link, h3.toggler a:visited, h3.toggler a:active {color:#74301C; display:block; font-weight: normal; text-transform: uppercase; text-decoration: none;}

h3.toggler a:hover, h3.toggler a:visited:hover {color:#FEF6D2; }



.float_right { float: right; margin: 0 0 5px 5px;}

.float_left { float: left; margin: 0 5px 5px 0;}

a { color: #87250d; text-decoration: underline; }

a:hover { color: #333; text-decoration: none; }

p {text-align: justify; line-height:1.5em;}

.first_paragraph {margin-top: 0; padding-top: 0; }

.last_paragraph { padding-bottom: 15px; border-bottom: 1px solid #666; }