/* BEGIN reset styles */

* {
padding: 0px;
margin: 0px;
}

html, body, div, span, object, iframe,
h1, h2, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* END reset styles */

/* BEGIN generic styles */

body {
margin: 0px;
padding: 0px;
text-align: center;
font: 12px/18px "Trebuchet MS", Verdana, sans-serif;
background: #f2eddd url(/_img/template/body_bg.png) repeat top left;
}

p, ul, ol, h1, h2, h3, h4, h5, h6, table {
margin-bottom: 1.5em;
}

ul, ol {
list-style: inside;
}

a img {
border: 0px;
}

p.answer {
color: #555;
}

a, a:link, a:visited {
color: #555;
}
a:hover {
color: #000;
}
a:active {
color: #555;		/* IE7 seems to get stuck on this, so make it same as normal */
}

.textalignleft {
text-align: left;
}

.floatleft {
float: left; 
}
.floatright {
float: right;
}

h1,h2,h4,h5,h6 {
font-family: "Times New Roman", Times, serif;
font-weight: lighter;
color: #86704b;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	font-weight: lighter;
	color: #FF0000;
}

/* END generic styles */

#head {
text-align: center;
background: #22483f url(/_img/template/belownav.png) repeat-x top left;
}
#head img {
display: block; 
margin: 0px auto;
}

#belowhead {
height: 140px;
background: url(/_img/template/belowhead_bg.png) repeat-x top left;
}

#wrapper {
margin: 0px auto;
text-align: left;
width: 846px;
position: relative;
z-index: 5;				/* peer of #rose. create new stacking context for the stuff that matters */
top: -206px;			/* 140px for #belowhead and 66px for #pic overlap */
}

#rose {
display: block;
position: absolute;
top: 433px;
left: 60px;
z-index: 0;				/* peer of #wrapper */
}

img.heading {
display: block;
margin: 1em 0px 2em 0px;
}

.dashedline {
height: 1px;
background: url(/_img/template/dashedline.png) repeat-x top left
}

.underline {
margin: -1.6em 0px 2em 0px;
}

/* 
 * Nav styles		START
 */

#nav {
height: 26px;
background: #f4edd6 url(/_img/template/nav_bg.png) repeat-x top left;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
text-decoration: none;
color: #000;
}

#navwrap {
float: left;
position: relative;
z-index: 10;			/* peer of #wrapper */
left: 50%;
}

#navul {
list-style: none;
position: relative;		/* needed for left: to take effect */
left: -50%;
}

#navul li {
float: left;
position: relative;		/* to give subnav ul a context */
display: block;
height: 26px;
line-height: 26px;
background: url(/_img/template/nav_spacer.png) no-repeat top left;
list-style: none;		/* sometimes IE is finicky about :none only on ul */
}

#spacer1 {
display: inline;
}

#navul a {
display: block;
height: 26px;
padding: 0px 14px;
}
#navul a:hover {
color: #000;
}

#navul li ul {
display: none;
}

#navul li ul a {
padding: 0px 1.15em 0px 1.5em;
}

#navul li ul a, #navul li ul a:link, #navul li ul a:visited {
color: #555;
}
#navul li ul li:hover a {
color: #000;
}
#navul li ul a:active {
color: #555;				
}

#navul li ul li:hover {
background: url(/_img/template/subnav_li_bg_dark.png) repeat-x top left;
}

#navul li:hover ul, #navul li.over ul {
display: block !important;
position: absolute;
z-index: 0;			/* stacking context of #navwrap */
left: 1px;			/* account for spacer */
top: 26px;
}

#navul li li {
text-align: left;
width: 17em;
height: 26px;
border-right: 1px solid #ab907d;
line-height: 26px;
float: none;
position: static;
background: url(/_img/template/subnav_li_bg.png) repeat-x top left;
}

.navspacer {
background: url(/_img/template/nav_spacer.png) no-repeat top left;
opacity: 0.5;					/* CSS3 - latest firefox, safari */
-moz-opacity: 0.5;				/* Mozilla <=1.6 */
filter: alpha(opacity=50);		/* IE */
width: 100%;					/* IE needs placement or layout specified to get transparency */
}

/*
 * Nav styles		END
 */

/* 
 * Splash styles	START
 */
 
#splashpic {
display: block;
position: relative;
z-index: 0;				/* in the stacking context of #wrapper */
margin-bottom: 164px;	/* make following content appear below boxes on splash page */
}
 
.splashbox {
position: absolute;
z-index: 5;				/* in the stacking context of #wrapper */
top: 297px;
font-size: 11px; 
padding: 135px 17px 0px 31px;
height: 81px;
width: 153px;
}
.splashbox p {
width: 154px;
}
.splashboxbot {
position: absolute;
z-index: 5;				/* in the stacking context of #wrapper */
top: 485px;
width: 201px; 
height: 27px;
background: url(/_img/template/splashbox_bot.24.png) no-repeat top left;
}

#box1, #box1bot {
left: 19px;
}
#box1 {
background: url(/_img/content/box1_bg.png) no-repeat top left;
}

#box2, #box2bot {
left: 220px;
}
#box2 {
background: url(/_img/content/box2_bg.png) no-repeat top left;
}

#box3, #box3bot {
left: 421px;
}
#box3 {
background: url(/_img/content/box3_bg.png) no-repeat top left;
}

#box4, #box4bot {
left: 622px;
}
#box4 {
background: url(/_img/content/box4_bg.png) no-repeat top left;
}

#greeting {
float: left;
margin-top: 18px;
margin-left: 25px;
}

#splashtext { 
float: left;
width: 591px;
font-size: 13px;
margin: 18px 0px 20px 45px;
}

/*
 * Splash styles	END
 */

/*
 * Main styles		START
 */

#maintext h1 {
font-size: 28px;
line-height: 32px;
margin: 1.5em 0px;
}
#maintext h2 {
font-size: 24px;
line-height: 28px;
margin: 1.5em 0px;
}
#maintext h3 {
font-size: 20px;
line-height: 24px;
margin: 1.5em 0px;
}
#maintext h4 {
font-size: 17px;
line-height: 20px;
margin: 1.5em 0px;
}

#mainpic {
display: block;
position: relative;
z-index: 0;				/* in the stacking context of #wrapper */
}

#quicklinks {
position: absolute;
z-index: 5;				/* in the stacking context of #wrapper */
top: 306px;
left: 14px;
width: 182px; 			/* need this: IE needs placement or layout specified to get transparency */
height: 236px;
background: url(/_img/template/quicklinks_bg.png) no-repeat top left;
opacity: 0.7;					/* CSS3 - latest firefox, safari */
-moz-opacity: 0.7;				/* Mozilla <=1.6 */
filter: alpha(opacity=70);		/* IE */

font-size: 11px;
line-height: 16px;
padding-top: 61px;
}
#quicklinks ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#quicklinks li {
list-style: none;	/* sometimes IE is finicky about :none only on ul */
background: url(/_img/template/bullet_square_black.png) no-repeat 16% center;
width: 140px;
padding: 0px 0px 8px 42px;
margin: 0px;
}
#quicklinks a {
display: block;
height: 16px;
}
.quickline {
width: 182px;
margin-bottom: 8px;
}
.quickline_left {
width: 182px;
margin: 0px 0px 0px -42px;
margin-bottom: 8px;
}

#quicklinks a, #quicklinks a:link, #quicklinks a:visited {
text-decoration: none;
color: #000;
}
#quicklinks a:hover {
color: #996600;
}
#quicklinks a:active {
color: #000;
}

#maintext { 
width: 545px;
font-size: 13px;
margin: 18px 0px 0px 230px;
min-height: 220px;
}

/* image gallery */
#frame {
width: 550px;
position: relative;		/* create context for buttons */
margin-bottom: 2em;
}
#guts {
width: 450px;
margin: 0px auto;
}
#picture {
display: block;
width: 448px;
height: 292px;
border: 1px solid #86704b;
margin-bottom: 2em;
}
#caption {
margin: 0px auto;
color: #666;
text-align: center;
}
#prevbut {
position: absolute;
left: 0px;
top: 140px;
cursor: pointer;	/* must be in this order */
cursor: hand;
}
#nextbut {
position: absolute;
right: 0px;
top: 140px;
cursor: pointer;	/* must be in this order */
cursor: hand;
}
/* end image gallery */

/* calendar */
table.calendar {
background-color: #999;
padding: 1px;
width: 98%;
} 

table.calendar a {
text-decoration: none;
}
table.calendar a:hover {
text-decoration: underline;
}

table.calendar td.hasservice {
cursor: pointer;	/* must be in this order */
cursor: hand; 
}

table.calendar td.hasservice:hover {
background-color: #eee;
}

th.calendar {
color: black;
font: bold 11px/12px Verdana, Arial, sans-serif;
} 

table.calendar td {
background-color: #bbb;
}

table.calendar td b {
color: #86704b;
}
/* end calendar */

#googlemap {
width: 545px;
height: 400px;
margin-bottom: 2em;
}

#googlemap_from {
width: 400px;
}

table.busdetails h3 {
display: inline;
}

#fundir_loc {
	display: block;
	float: left;
	width: 15em;
}

table.funeraldir td.name {
	width: 20em;
}
table.funeraldir td h4 {
	display: inline;
	margin-bottom: 0px;
}
table.funeraldir td.addr2 {
	padding-bottom: 1em;
}
table.funeraldir td.key {
	width: 13em;
	font-weight: bold;
}

/*
 * Main styles		END
 */

/*
 * Footer styles	START
 */
 
#footer {
margin-top: 2em;
clear: both;
font-size: 10px;
color: #22483f;
border-top: 1px solid #cdaf72;
}

#footernav {
display: inline;
list-style: none;
margin: 0px auto;
}
#footernav li {
display: inline;
padding: 0px 0.5em;
list-style: none;	/* sometimes IE is finicky about :none only on ul */
}
#footernav li.last {
padding-right: 0px;
}

#footer #search {
padding-top: 5px;
text-align: right;
}

#footer #byline {
color: #996600;
}
#footer #byline:hover {
color: #000;
}

/* 
 * Footer styles	END
 */

/*
 * Zoom Search styles	BEGIN
 */
		.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; }
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font-size: 100%; }		
		.description { font-size: 100%; color: #008000; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}

		.zoom_searchform { font-size: 100%; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 80%; margin-left: 10px;}				
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
/*
 * Zoom Search styles		END
 * /
 */		

#memorialphotos td {
	padding-bottom: 20px;
}