body {
	font-family: verdana,arial,sans-serif;
	margin: 0;
	padding: 0;
	background-color: #51504d;
	color: #000000;
	background-image: url('../images/browner-bkg.jpg');
	background-repeat: repeat-x;
}
/*===================================== 
indicates no border around any image 
=======================================*/
body img {
	border: 0px;
	text-decoration: none;
}
/* ============================================ 
margins auto center the container on the page
===============================================*/
#container {
	margin: 10px auto 10px auto;
	padding: 20px;
	background-color: #fffff3;
	width: 780px;
	border: 3px #7D9072 solid;
	background-image: none;
}
/*=============================== 
styles for top banner 
=================================*/
#banner {
	background-position: right;
	padding: 5px;
	background-color: #FFFFF3;
	background-image: url('../images/springtime-park.jpg');
	height: 190px;
	background-repeat: no-repeat;
	color: #000000;
	position: inherit;
}
#banner .title {
	font-family: Georgia, Helvetica, Arial, sans-serif;
	float: right;
	background-color: transparent;
	color: #E7DB96;
	margin-top: 35px;
	font-size: 1.9em;
	font-weight: bolder;
}
#banner .tagline {
	font-size: medium;
	font-style: italic;
	background-color: transparent;
	color: #fffffe;
	float: right;
}
/*=========================== 
styles for top menu 
=============================*/
#topmenu {
	background-color: #BEC798;
	text-align: center;
	font-size: medium;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 3px;
	color: #151B19;
	border-top: 3px ridge #7D9072;
	border-bottom: 3px ridge #7D9072;
}
#topmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#topmenu li {
	display: inline;
	list-style-type: none;
	padding-right: 1em;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#topmenu a:link {
	font-weight: bold;
	color: #151B19;
	background: transparent;
	text-decoration: inherit;
}
#topmenu a:visited {
	font-weight: bold;
	color: #151B19;
	background: transparent;
	padding: 0px;
	text-decoration: none;
}
#topmenu a:hover {
	font-weight: bold;
	text-decoration : none;
	color: #186818;
	background-color: #d1ccc3;
	border-bottom: 1px dashed #371F07;
}
/* =======================
Styles for heading tags 
========================== */
h4 {
	color: #3B2D1A;
	background-color: inherit;
}
h3 {
	color: #3B2D1A;
	background-color: inherit;
}
h2 {
	color: #3B2D1A;
	background-color: inherit;
}
h1 {
	color: #3B2D1A;
	background-color: inherit;
}
h1 {
	font-size: 1.9em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
}
/*=======================
all site links
=========================*/
a:link, a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #486237;
	background: transparent;
}
a:active, a:hover {
	text-decoration: overline;
	font-weight: bold;
	color: #405631;
	background: #d1ccc3;
}
/*============================== 
styles for main content area 
================================*/
#content {
	margin-left: 180px;
	padding: 8px;
	text-align: left;
	vertical-align: top;
}
/* ===========================
content styling
============================== */
#content {
	background-color: #fffff3;
	color: inherit;
}
#content ul li {
	list-style-image: url('../images/button.gif');
	margin: 2px;
	padding: 2px;
}
#content li li {
	list-style-image: url('../images/button.gif');
	padding: 2px 0;
}
/* *****************************************************
Navigation Bar - Left hand side 
**************************************************** */
#vertmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #BEC798;
	border: 2px ridge #A0BAAD;
	font-size: 100%;
	width: 170px;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	float: left;
}
#vertmenu .heading {
	display: block;
	background-color: #7D9072;
	color: #ffffff;
	font-size: 95%;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/;
	padding: 3px 0 5px 3px;
	border: 1px solid #371F07;
	margin: 0px;
	width: 165px;
	font-weight: bold;
}
#vertmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}
#vertmenu ul li {
	margin: 0px;
	padding: 0px;
}
#vertmenu ul li a {
	font-size: 80%;
	display: block;
	border-bottom: 1px dashed #371F07;
	padding: 5px 0px 2px 4px;
	text-decoration: none;
	color: #371F07;
	width: 160px;
}
#vertmenu ul li a:focus {
	color: #000000;
	background-color: #d1ccc3;
}
#vertmenu ul li a:hover {
	color: #000000;
	background-color: #d1ccc3;
}
/* left-hand menu - colored box - green */
.sidebox {
	border: #738496 1px solid;
	padding: 2px;
	margin: 0px 0px 0px 0px;
	background: #BEC798;
	border: 1px solid #371F07;
	color: #151B19;
	font-size: 80%;
	font-weight: normal;
	display: block;
}
/* left-hand menu - colored box - green heading*/
.sideboxheading {
	display: block;
	background-color: #7D9072;
	color: #fff;
	font-size: 90%;
	padding: 3px 0 5px 3px;
	border: 1px solid #A0B096;
	margin: 0px;
	margin-bottom: 10px; /*bottom spacing between header and rest of content*/;
	width: 159px;
	font-weight: bold;
	text-indent: 45px;
}
/* *****************************************************
styles search and form button 
search styles the 'Go'
**************************************************** */
.search {
	border: 1px inset #371F07;
	background-color: #7D9072;
	color: #fff;
	font-weight: bold;
	margin-top: 3px;
	margin-left: 2px;
	padding: 2px;
}

/* *****************************************************
Navigation Bar sub-menu - Left hand side 
**************************************************** */
ul#nav {
	background-color: #A4AF72;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#nav a:link, #nav a:visited {
	display: block;
	width: 150px;
	padding: 10px 0 16px 32px;
	font: bold 80% Arial, Helvetica, sans-serif;
	color: #FF9900;
	background: url("../peppers.gif") top left no-repeat;
	text-decoration: none;
}
#nav a:hover {
	background-position: 0 -69px;
	color: #B51032;
}
#nav a:active {
	background-position: 0 -138px;
	color: #006E01;
}

/* *****************************************************
site styles search site
**************************************************** */
.site {
	background-color: #fffff3;
	text-align: center;
	margin: 3px auto 2px auto;
	font-size: .8em;
}
#search p {
	margin-bottom: 0px;
}
#myform {
	/*CSS for sample search box. Remove if desired */
	margin: 0;
	padding: 0;
}
#myform .textinput {
	width: 100px;
	border: 1px solid gray;
}
#myform .submit {
	font: bold 11px Verdana;
	height: 22px;
	background-color: #fffff3;
}
/*======================= 
Styles for footer 
=========================*/
#footer {
	background-color: #BEC798;
	text-align: center;
	font-size: .8em;
	color: #151B19;
	font-weight: normal;
	padding: 5px 0px;
	margin: 5px 0px;
	border-top: 3px ridge #A0BAAD;
	border-bottom: 3px ridge #A0B096;
	clear: both;
	border-top-width: medium;
}
#footer p {
	margin-top: 0px;
	margin-bottom: 0px;
}
/*================== 
general styles 
=================*/
hr {
	width: 50%;
	text-align: center;
	background-color: #996633;
	height: 5px;
}
/* =======================
Styles for heighlighting text 
========================== */
.highlight {
	background-color: #EDF1E9;
	color: #416B1F;
	font-weight: bold;
}
/*=====================
used to center anything
=======================*/
.ctr {
	text-align: center;
}
/* =============================
floats images to right or left 
================================*/
.imgrgt {
	float: right;
	padding: 2px;
}
.imglft {
	float: left;
	padding: 5px;
	width: 200px;
}
/* =============================
signature tables & text size
================================*/
.sign {
	font-size: 3.0em;
	font-family: "Mistral";
	color: #51504d;
	font-weight: normal;
}
.smtxt {
	width: 90%;
	font-size: .8em;
}
.census {
	font-size: small;
}
.col-txt {
	width: 90%;
	font-size: .9em;
	color: #7C7265;
	font-weight: bold;
	text-indent: 20px;
	margin-left: 40px;
	
}
/*=========================================
Styles for header tags
===========================================*/
h4 {
	font-family: Garamond, Arial, sans-serif;
	color: #151B19;
	font-size: 1.0em;
	background-color: inherit;
}
h3 {
	font-family: Garamond, Arial, sans-serif;
	color: #151B19;
	font-size: 1.3em;
	background-color: inherit;
}
h2 {
	font-family: Garamond, Arial, sans-serif;
	color: #151B19;
	font-size: 1.4em;
}
h1 {
	font-family: Garamond, Arial, sans-serif;
	color: #151B19;
	font-size: 1.6em;
	/*background-color: #F5EFCA;*/
}
/*=========================================
additional layout
===========================================*/
.different {
	border: thin dashed #9A3114;
	background-color: #FFFFFF;
	padding: 10px;
	color: Black;
}
.obit {
	width: 70%;
	border: thin double #996633;
	font-size: 85%;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
/*===================================
Photo gallery styles
=====================================*/
.photo {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #b2acbe;
	margin-right: auto;
	margin-left: auto;
}
.photo th {
	background-color: #ffffff;
}
.photo td {
	vertical-align: top;
	border: 1px #b2acbe solid;
	width: 190px;
	padding: 5px;
	text-align: center;
	font-size: 85%;
}
.photo caption {
	font-weight: bolder;
	font-variant: small-caps;
}
.photolft {
	width: 100%;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}
.photolft th {
	background-color: #b2acbe;
}
.photolft td {
	vertical-align: top;
	width: 25%;
	padding: 10px;
	font-size: 85%;
}
.photolft caption {
	font-weight: bolder;
	font-variant: small-caps;
	font-size: 100%;
	margin-bottom: 10px;
}
/*=========================================
Styles skip to content
===========================================*/
a.skip {
	color: #f6f3d8;
	bottom: auto;
}
/*=========================================
folks table
===========================================*/
#folks {
	border-collapse: collapse;
	width: 100%;
	border: thin dashed #51504d;
}
#folks caption {
	font-size: large;
	font-weight: bold;
	text-align: center;
}
#folks td {
	vertical-align: top;
	padding: 5px;
	border: thin #000000 solid;
}
.even {
	background-color: #F3EDCB;
	border: thin dashed #51504d;
}
.odd {
	background-color: #C7D1AC;
	border: thin dashed #51504d;
}