body {
width:760px;
margin:0 auto;
margin-top:15px;
margin-bottom:12px;
background-color:#ad9d8e;
font:11px Arial,geneva,helvetica;
position:relative;
}


		
#dateformat {
	font:10px Arial,geneva,helvetica;
	color: #000000;
	letter-spacing:.1em;
	float:right;
	}
	

/* ----- HEADER ----- */



#header {
width:750px;
height:155px;
background-color:#ad9d8e;
background-image:url(images/ban.jpg);
background-repeat:no-repeat;
}



a img {height: 36px; width: 160px; border-width: 0;}

a#need img {background-image: url(images/button_imneed_off.jpg);}
a#home img {background-image: url(images/button_home_off.jpg);}
a#serv img {background-image: url(images/button_serv_off.jpg);}
a#prac img {background-image: url(images/button_funeralprac_off.jpg);}
a#get img {background-image: url(images/button_donations_off.jpg);}
a#links img {background-image: url(images/button_links_off.jpg);}
a#board img {background-image: url(images/button_board1_off.jpg);}
a#cal img {background-image: url(images/button_calendar_off.jpg);}
a#cont img {background-image: url(images/button_contact_off.jpg);}




a#need:hover img {background-image: url(images/button_imneed_on.jpg);}
a#home:hover img {background-image: url(images/button_home_on.jpg);}
a#prac:hover img {background-image: url(images/button_funeralprac_on.jpg);}
a#serv:hover img {background-image: url(images/button_serv_on.jpg);}
a#get:hover img {background-image: url(images/button_donations_on.jpg);}
a#links:hover img {background-image: url(images/button_links_on.jpg);}
a#board:hover img {background-image: url(images/button_board1_on.jpg);}
a#cal:hover img {background-image: url(images/button_calendar_on.jpg);}
a#cont:hover img {background-image: url(images/button_contact_on.jpg);}







a#need:active img {background-image: url(images/button_imneed_off.jpg);}
a#home:active img {background-image: url(images/button_home_off.jpg);}
a#prac:active img {background-image: url(images/button_funeralprac_off.jpg);}
a#serv:active img {background-image: url(images/button_serv_off.jpg);}
a#get:active img {background-image: url(images/button_donations_off.jpg);}
a#links:active img {background-image: url(images/button_links_off.jpg);}
a#board:active img {background-image: url(images/button_boar1d_off.jpg);}
a#cal:active img {background-image: url(images/button_calendar_off.jpg);}
a#cont:active img {background-image: url(images/button_contact_off.jpg);}




#locator { position:absolute; visibility:show; left: 375px; top: 5px; z-index:2 } 





/* FAUX LAYOUT WRAPPER */


/* 
This div is optional: When you delete it the navigation bar and the content block won't have the same size when one of them has a larger height then the other. I recommend you to leave this faux layout wrapper here.

IMPORTANT: In order to make this work you have to download http://csseasy.com/layouts/fixed/background_3.gif (copy past in your address bar) and place it in the same folder as this html file. DON'T HOTLINK to this file.
*/





/* ----- NAVIGATION ----- */



#navigation {
width:200px;
min-height:500px; /* for modern browsers */
height:auto; /* for modern browsers */
height:500px; /* for IE5.x and IE6 */
background-image:url(images/navbg1.jpg);
background-repeat:no-repeat;
float:left;
margin-top:10px;
}

/* ----- MAIN CONTENT ----- */



#content { 
margin-left:220px;
width:540px;
min-height:488px; /* for modern browsers */
height:488px; /* for modern browsers */
background-image:url(images/background_content.jpg);
background-repeat:no-repeat;
background-attachment: scroll;
margin-top:15px;
margin-bottom:1px;
overflow:auto;
}

#text {
	font: 13px Verdana, Geneva, sans-serif;
	margin-left:10px;
	margin-top:8px;
	margin-bottom:8px;
	margin-right:25px;
}


a:link {color:blue}    /* unvisited link */
a:visited {color:blue} /* visited link */
a:hover {color:red}   /* mouse over link */
a:active {color:red} 



/* ----- FOOTER ----- */



#footer { 
margin-top:10px;
width:750px;
height:20px;
background-color:#ad9d8e;
border:#000;
}
@charset "UTF-8";
/* CSS Document */