@charset "utf-8";
/* CSS Document */

/* -- RESET --*/ 
/*-------- helps with keeping all the browsers displaying the same ------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	background: transparent;
}
	
/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

a {
	background: transparent;
	color: #4177cc;
	font-size: 100%;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: baseline;
}
a:active,a:focus { outline: none; }
a:hover { color: #605d49; }
#menuContainer > div { cursor: pointer;}


/* -------------------------------------------------------------------------- */

body {
	background: #b19e7c url(bg-gradient.jpg) repeat-x left top;
	color: #000;
	font: normal 13px/21px Arial, Helvetica, sans-serif;
	text-align: center;
}

h1, h2, h3 {
 	font: normal 23px/31px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
}

h4 {
	font: bold 16px/24px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

p {
	margin-bottom: 20px;
	-ms-word-break: break-all;
	word-break: normal;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.wrapper {
	margin: 0 auto;
	width: 1024px;
	text-align: left;
	background: #baad78 url(bg-pattern.jpg) repeat-y center top;
}


/* -- Header --*/ 
#header {
	height: 336px;
	background: url(hd-bg.jpg) no-repeat left top;
	height: 458px;
	width: 1024px;
}

#mainSlideshow {
	height: 458px;
	width: 1024px;
	background: url(bg-shadow.png) repeat-y left top;
	}
#slide {
    position: absolute;
}
#slide img {
	display: block;
}


/* -- Main Nav --*/ 
#main-nav {
	background: url(bg-shadow.png) repeat-y left top;
	min-height: 49px;
	width: 1024px;
	font-weight: bold;
}
#main-nav ul {
	background: #d4bd94 url(bg-nav.png) repeat-x left top;
	display: block;
	margin: 0 auto;
	min-height: 49px;
	padding: 0 6px;
	width: 788px;
	font-size: 0;
	line-height: 0;
}

ul.menu {text-align:center}

#main-nav ul li {
	display: inline-block;
	margin: 16px 1px 0 1px;
	font-size: 13px;
	line-height: 21px;
}
#main-nav ul li a{
	background: url(btn-mainnav-bg.png) repeat-x left top;
	color: #fff;
	display: block;
	padding: 4px 10px;
	text-decoration: none;
	border-left: 2px solid #53503d;
	border-right: 2px solid #53503d;
	border-top: 2px solid #53503d;
	height: 22px;
}
#main-nav ul li a:hover {background-position: bottom;}


/* -- Content --*/ 
#main-content {
	background: url(bg-shadow.png) repeat-y left top;
	width: 1024px;

}
#main-content-bg {
	background-color: #d4bd94;
    margin: 0 112px;
    padding-left: 7px;
    padding-top: 1px;
    width: 793px;
}
#content {
	background: #f7f1d2 url(bg-content-top.png) repeat-x left top;
	border-top: 1px solid #483e2c;
	display: table-cell;
	padding: 0 32px 0 32px;
	width: 490px;
	vertical-align: top;
}
#content ul {
	list-style: disc inside;
	margin-bottom: 30px;
	padding-left: 13px;
	text-indent: -13px;
}
#content ul li {margin-bottom: 6px;}
#content ol {
	list-style: none;
	margin-bottom: 30px;
	margin-left: 0;
}
#content ol li {
	margin-bottom: 6px;
	font-weight: normal;
}
#content ol {
    counter-reset: pharr-counter;
	padding-left: 15px;
	text-indent: -15px;
}
#content ol li:before {
    content: counter(pharr-counter, decimal);
    counter-increment: pharr-counter;
    margin-right: 7px;
    font-weight: bold;
}
#tagline{
		display: Block;
		height: 55px;
		margin: 30px auto 30px auto;
		width: 428px;
}

/* -- content bottom shadows --*/ 
.content-shadow-btm {
	background: url(bg-content-btm.png) repeat-x left bottom;	
	height: 31px;
	}
.content-btm {
	background-color: #f7f1d2;
	border-bottom: 1px solid #483e2c;
	float: left;
	width: 554px;
}
.aside-btm {
	background-color: #3f74c6;
	border-bottom: 1px solid #141414;
	border-left: 1px solid #141414;
	border-right: 1px solid #141414;
	float: left;
	width: 229px;
	}
	

/* -- Sidebar --*/ 
#aside {
	background-color: #3f74c6;
	border-left: 1px solid #141414;
	border-right: 1px solid #141414;
	border-top: 1px solid #141414;
	display: table-cell;
	min-height: 435px;
	width: 229px;
	vertical-align: top;
}

#obits-hd {}
#obits-foot {}
#obits {
	background: url(bg-obits.png) repeat-y center top;
	color: #fff;
	display: table-cell;
	font-size: 12px;
	line-height: 16px;
	height: 180px;
	padding: 0 24px;
	width: 229px;
}

#obits a {
	color: #fff;
	font-weight: bold;
}
#obits a:hover {color: #8e764b;}
#obits td {vertical-align: middle;}
.obit-padding br {display: none;}
#obits img {width: 32px;}
.obits-img {
	height: 42px;
	overflow: hidden;
	width: 32px;
}
.obits-img-frame {
	border: 1px solid #fff;
	clear: left;
	float: left;
}
#obits-btn-mail{
	border-bottom: 2px solid #590707;	
	border-left: 2px solid #590707;	
	border-right: 2px solid #590707;
	display: table-cell;
	height: 69px;
	width: 229px;
}
#obits-btn-mail a {
	background: #ffd599 url(obits_btn_email.png) no-repeat left top;
	display: block;
	height: 69px;
	text-indent: -9999px;
	width: 229px;
}
span.deathdate {
	display: block;
}


/* -- griefwords page --*/ 
#main-content .gw h2 {
	font-size: 28px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
#main-content .gw h3 {
	font-size: 24px;
	padding-left: 0 !important;
	padding-right: 0 !important;	
}
#main-content .gw p {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.gw > ul {padding-left: 2em !important;}


/* -- footer --*/ 
#footer {
	background: url(bg-shadow.png) repeat-y left top;
	color: #0e0d0d;
	font-size: 0;
	display: block;
	text-align: center;
	width: 1024px;
}
#footer-bg {
	background: #d4bd94 url(bg-footer.jpg) no-repeat center top;
	margin: 0 auto;
	padding-left: 7px;
	padding: 36px 0 13px 0;
	width: 800px;
}
#footer a {
	color: #0e0d0d;
}
#footer a:hover {
	text-decoration: underline;
}
#handicap, #associations {
	display: inline-block;
	font: bold 13px Arial, Helvetica, sans-serif;
	height: 120px;
	text-transform: uppercase;
	vertical-align:top;
}
#handicap{
	border-right: 1px solid #b19e7c;
	width:223px;
}
#handicap img, #associations img {
	padding-top: 15px;
}
#associations {
	border-left: 1px solid #f5d7a3;
	width: 533px;
}
#footer-divider{
	border-bottom: 1px solid #b19e7c;
	padding-bottom: 30px;
	margin: 0 17px;
}
#copyright {
	border-top: 1px solid #f5d7a3;
	font: normal 11px/20px Arial, Helvetica, sans-serif;
	margin: 0 17px 0 17px;
	padding: 10px 0 0;
	text-align: center;
}


/* Contact Form Adjustments */
.formtable td.left {
    padding: 4px;}
    
    
 .rsidecolhead1 {
 	color: #000 !important;
 	font: italic 23px/21px Georgia, "Times New Roman", Times, serif !important;
 }   
    

/* -------------------------------------------------------------------- */
/* -----------------------  SUBMENUS   --------------------------------

JSMENU:fontColor:#fff
JSMENU:fontColorHilite:#d5ba5f
JSMENU:menuItemBgColor:#2a4b80
JSMENU:menuHiliteBgColor:#2a4b80
JSMENU:menuLiteBgColor:#2a4b80
JSMENU:menuBorderBgColor:#d5ba5f
JSMENU:bgColor:#2a4b80
JSMENU:horizOffset:0
JSMENU:vertOffset:28
JSMENU:menuOrient:horiz
JSMENU:menuFont:Arial
JSMENU:fontSize:12
JSMENU:lineHeight:24
FLOWER:1
CAL:width:175
CAL:height:200
--------------------- */

/* SUBMENU adjustments*/
#menuContainer > div > div > div > div > div {
	text-align: left;
    width: 200px;
}