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

/* //////////////////////////////////////// */
/* //////////////////////////////////////// */
/* //////////////// BODY ////////////////// */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center; /* MS IE patch for centering divs */
	background: #d9d9d9 url(body-bg.gif) repeat-x;
	margin: 0px; padding: 0px;
}

.clear {clear: both;}


/* //////////////////////////////////////// */
/* //////////////////////////////////////// */
/* ////////////// DATA PANE /////////////// */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */

/* All Headings */
/* most elements removed to comply with client
   expectations to be able to "change everything"
   in their editor. Most typographic styles
   should be tied to a specific div id/class */
/* headings and anchors removed */

p, ol, ul, dl, dt, td, th {margin-bottom: 1em; line-height: 1.5em; font-size: 1.15em;}

/* List Items */
ul li {margin-left: 10px; list-style-image: url(bullet.png);}
ol li {margin-left: 10px; list-style-type: decimal;}

/* Forms */
form input,
form select,
form textarea {
    margin-right: 5px;
    font-size: 1em;
    padding: 0px;
    margin: 0;
    border: 1px solid #663333; /* usually the same clour as headings */
    background-color: #fff;
}

/* //////////////////////////////////////// */
/* //////////////////////////////////////// */
/* ////////// MAIN LAYOUT STYLES ////////// */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */

#main-mp{
	position: relative;
	z-index: 4;
	width: 576px;  /* 289 + 287 */
	text-align: left;
	margin: 0 40px 0 310px; /* 0px (287px+26px) 0px (245px+65px) */
	padding: 0px}
	#main-mp img{
		padding: 7px 7px;
}


/* //////////////////////////////////////// */
/* //////////////////////////////////////// */
/* ///////// TUNNEL LAYOUT STYLES ///////// */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */

/* main area */
#sitewrapper{
	position: relative;
	z-index: 1;
	width: 970px;
	margin: 0px auto;
	padding: 0px;
	min-height: 772px; /*_bg-sitewrapper_header + _bg-sitewrapper_footer */
	background-image: url(sitewrapper-bg.gif);
	background-repeat: repeat-y;
	background-position: left top}
	#sitewrapper_header{
		position: absolute;
		z-index: 2;
		width: 970px;
		height: 619px;
		left: 0px; top: 0px;
		background-image: url(_bg-sitewrapper_header.jpg);
		background-repeat: no-repeat;
		background-position: left top}
		#top-menu{
			position: absolute;
			z-index: 999;
			width: 620px;
			height: 19px; /* same as line height to center text vertically */
			top: 96px;
			left: 275px;
			line-height: 19px;
			font-size: 11px;
			text-align: center}
			a.b{ color: #fff; text-decoration: none; text-transform: uppercase }
			a.bsel{ color: #eee; text-decoration: none; text-transform: uppercase}
			a:hover.b, a:hover.bsel{ color: #eee; text-decoration: none; text-transform: uppercase}
			a.b span, a.bsel span{ display: block; float: left; width: 20%;  /* set each top menu item to be the same width, optional */}
		#header-links{
	position: absolute;
	z-index: 999;
	width: 250px;
	height: 380px;
	top: 42px;
	left: 18px;
		}
	#sitewrapper_footer{
		position: absolute;
		z-index: 2;
		width: 953px;
		height: 153px;
		left: 0px; bottom: 0px;
		background-image: url(_bg-sitewrapper_footer.jpg);
		background-repeat: no-repeat;
		background-position: left top}
	#sitewrapper_overlay{
		position: relative;
		z-index: 3;
		padding: 115px 20px 153px 21px;  /* 153 = sitewrapper_footer height */
}
#left-column{
	position: relative;
	top: 180px; /* SAME HEIGHT AS FLASH HEADER */
	z-index: 4;
	float: left;
	font-size: 10px;
	text-align: left;
	color: #63988c;
	width: 245px;
	margin: 0px; padding: 0px}
	#left-column  a{ color: #63988c }
	#services{
		padding: 0px 0px 10px 30px}
		#family-owned {width: 253px; height: 75px; background: url(family-owned.png) no-repeat;}
			#family-owned h2 {display: none;}
		#services h2 {display: block; width: 248px; height: 57px; background: url(services-title-bg.png) no-repeat;}
		#services span {display: none;}
		#services #servicecontrols a {display: block; width: 191px; height: 24px; cursor: pointer;}
			.currentServices {margin-bottom: 5px; background: url(current-services-btn.png) no-repeat;}
			.pastServices {background: url(past-services-btn.png) no-repeat;}
		#CurrentRecords ul, #PastRecords ul{ list-style: none; margin-left: 0px; padding-left: 0px;}
		#CurrentRecords ul li,#PastRecords ul li{
			list-style: none;
			margin-left: 0px;
			padding-left: 12px;
			font-family: Verdana, Geneva, sans-serif;
			font-size: 13px;
			font-weight: bold;
			color: #0d5c47;
			background-image: url(_bg-services_ul-li.jpg);
			background-repeat: no-repeat;
			background-position: left center}
		#CurrentRecords ul li a,#PastRecords ul li a{
			text-decoration: none;
		}
		#services a{ font-weight: bold }
		#condolences{
			text-align: center;
}
#right-column{
	position: relative;
	z-index: 4;
	float: right;
	text-align: left;
	width: 252px; /* 287 - 16 - 19 */
	padding: 0 19px 57px 16px;
	margin: 0px;
	color: #000;
	background-color: #cfd3d8;}
	#right-column h1{ padding: 7px 0px; font-family: Verdana, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #2b4335; }
	#funeralnews{
		padding: 0px}
		#funeralnews p{ font-size: 11px; line-height: 16px; padding-bottom: 10px}
		.news_date{ color: #0d5c47; font-weight: bold}
	#ourlocation{
		padding: 0px; margin: 0px}
	#map{
		width: 248px; /* IMPORTANT!!! */
		height: 174px; /* IMPORTANT!!! */
		border: 1px solid #216efa;  /* NOT important, frivolous really */}
	#localairlines{
		padding: 0px; margin: 0px}
		#localairlines ul{ padding-left: 20px; line-height: 15px }
		#localairlines ul li{ list-style: disc; color: #516087; margin-left: 10px; list-style-image: none;}
		#localairlines a{ color: #516087 }
	#localweather{
		padding: 0px; margin: 0px;
		line-height: 16px;
}
#main-tp{
	position: relative;
	top: -150px;
	z-index: 4;
	width: 289px;
	text-align: left;
	margin: 0px 313px 0px 310px; /* 0px (287px+26px) 0px (245px+65px) */
	padding: 0 0 150px 0;
}

#flashHeader {margin-left: 247px; width: 690px; height: 180px;}
	
/* footer */
#footer{
	width:970px;
	font-size: 9px;
	line-height: 15px;
	color: #7d8380;
	margin: 0px auto;
	background: url(footer-bg.png) no-repeat;} /* note: body margin */
	#footer a { color: #81a89f;
}


#captchaPop{z-index:9999; position: relative !important; top: -350px !important; height:179px !important}