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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #fff;
	text-align: center; /* MS IE patch for centering divs */
	background-image: url(bg-body.jpg);
	background-repeat: repeat-x;
}

.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.6em; font-size: 1.15em;}

/* List Items */
ul li {margin-left: 40px; list-style-image: url(bullet.png);}
ol li {margin-left: 40px; 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 ////////// */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */

/* website area */
#sitewrapper{
	position: relative;
	width: 862px;
	margin: 0px auto;
}
#mp-main{
	min-height: 598px;
	background-image: url(bg-main.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}
#hp_header-flash{
	position: absolute;
	width: 321px;
	height: 161px;
	top: 10px;
	left: 90px;
}
#left-column{
	width: 205px;
	margin-left: 95px;
	float: left;
	text-align: left;
}
#datapane{
	float: left;
	width: 470px;
	background-color: #fff;
	text-align: left}
	#datapane p{ margin: 10px 0px;
}
#datapane-transparent{
	float: left;
	width: 470px;
	text-align: left}
	#datapane p{ margin: 10px 0px;
}

#quicksearch{
	position: absolute;
	width: 225px;
	height: 30px;
	top: 104px;
	left: 532px;
	line-height: 30px; /* vertically center text */
	text-align: center; /* horizontally center text */
}


#condolences{
	height: 132px; /* 287 - 155 */
	padding-top: 35px;
	text-align: center;
	background-image: url(bg-mp_condolences.png);
	background-repeat: no-repeat;
}

/* menu tweaks */
.flyLevel0{
	/* OVERRIDES: 'Lock In' Specific Colors */
	/*	color:#fff;
	TEMPLATE EXTRAS: Add border effects
	border: 1px solid #c2af87;
	border-bottom: 1px solid #c2af87;
	border-left: 1px solid #c2af87;
	border-top: 1px solid #c2af87;
	border-right: 1px solid #c2af87;
	*/
}

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

/* flash */
#tp_header102-flash{
	width: 752px;
	height: 235px;
	float: left;
	background-image: url(bg-tp_header102-noflash.jpg);
	background-repeat: no-repeat;
}

/* services */
#services{
	float: left;
	width: 248px; /* 431 - 180 - 3 */
	height: 203px; /* 203 */
	padding: 0px 0px 0px 180px; /* note: right margin for this tag and bottom margin added to html doc */
	margin-right: 3px;
	text-align: left;
	background-image: url(bg-tp_services.jpg);
	background-repeat: no-repeat;}
	#services #servicecontrols a{ color: #603525; font-size: 10px; text-decoration: none; text-transform: uppercase; font-weight: bold}
	#CurrentRecords, #PastRecords { overflow: auto; margin-bottom: 65px; height: 138px; color: #603913; }
	
	#CurrentRecords ul li,#PastRecords ul li{
		list-style: none;
		color: #603525;
		margin-left: 0px;
		margin-right: 18px;
		font-size: 12px;
		line-height: 32px;
		display: block;
		border-bottom: 1px solid #603913;
}

#CurrentRecords a, #PastRecords a { color: #603525;}

#bomLogo{
	margin: 5px 0px 0px 0px;
}

/* module - news */
#funeralnews{
	height: 85px;
	padding: 0px 0px 5px 175px; /* left: 175 + 62  ////  note: right margin and .news_date left margin */
	background-image: url(bg-tp_news.jpg);
	background-repeat: no-repeat;
	color: #000;
	text-align: left}
	#funeralnews #scroller{ height: 85px; padding-left: 62px; margin-right: 165px; overflow: auto}
	#funeralnews h1{ font-size: 17px; font-weight: bold}
	#funeralnews p{ font-size: 11px; padding-bottom: 10px; font-weight: bold}
	.news_date{ color: #603913; font-size: 10px; font-weight: bold; margin-left: -62px;
}

/* module - location */
#ourlocation{
	height: 202px; /* 203 - 1 */
	padding-top: 1px;  /* for the border in the background image */
	padding-right: 157px;
	/* width left out for auto-stretch */
	background-image: url(bg-tp_location.jpg);
	background-repeat: no-repeat;
	color: #fff;
	text-align: right;
	background-position: 431px 0px;
}
#ourlocation #map{
	float: right;
	width: 248px;
	height: 135px;
}

/* module - airlines */
#localairlines{
	color: #603913;
	float: left;
	width: 248px; /* 431 - 180 - 3 */
	height: 180px; /* 180 */
	padding: 0px 0px 0px 180px; /* note: right margin for this tag and bottom margin added to html doc */
	margin-right: 3px;
	text-align: left;
	background-image: url(bg-tp_airline.jpg);
	background-repeat: no-repeat;}
	#localairlines #scroller { overflow: auto; margin-bottom: 23px; height: 157px /* 180 - 23 */}
	#localairlines ul{ padding-bottom: 20px }
	#localairlines ul li{
		list-style: none;
		color: #603525;
		margin-left: 0px;
		margin-right: 18px;
		font-size: 12px;
		line-height: 20px;
		display: block;
		border-bottom: 1px solid #603913}
	#localairlines a{ color: #603525; font-size: 13px; font-family: Verdana, Geneva, sans-serif;
}


/* module - weather */
#localweather{
	height: 180px; /* 180 */
	text-align: left;
	color: #603913;
	text-indent: 1px; /* pushes text up to where the graphi starts */
	background-image: url(bg-tp_weather.jpg);
	background-repeat: no-repeat;
	background-position: 431px 0px}
	#localweather #scroller{
		width: 401px; /* 431 - 30 */
		padding-left: 30px;
		float: right;
		text-align: left;
	}
	#localweather img { float: right; padding-right: 175px}
	#localweather h1{ font-size: 17px; font-weight: bold; padding-bottom: 10px}
	#localweather a{ color: #402701; font-size: 8px; padding-bottom: 10px }
	#localweather b{ font-size: 10px;
}

#tp_enter-button{
	position: absolute;
	width: 191px;
	height: 66px;
	top: 181px;
	left: 240px;
	z-index: 99;
	background-image: url(enter-button.png);
}

#tp_OC-button{
	position: absolute;
	width: 191px;
	height: 66px;
	top: 181px;
	left: 435px;
	z-index: 99;
	background-image: url(OC-button.png);
}


/* website area */

/* header */
#top_menu{
	height: ; /* same as line height to center text vertically */
	line-height: ;
	text-align: center}
	a.b{ color: #fff; text-decoration: none}
	a.bsel{ color: #000000; text-decoration: none}
	a:hover.b, a:hover.bsel{ color: #999999; text-decoration: none}
	a.b span, a.bsel span{ display: inline-block;  /* set each top menu item to be the same width, optional */
}

/* main area */
/* basic and most common set up */

/* footer */
#footer{
	width: 862px;
	color: #968c6b;
	font-size: 10px;
	margin: 0px auto} /* note: body margin */
	#footer #address { color: #fff; height: 35px; line-height: 15px; background-image: url(bg-footer.png); background-repeat: no-repeat;
	m
	}
	#footer #ims{ color: #000; padding-top: 18px; padding-bottom: 18px; background-image: url(bg-footer-ims.jpg); background-repeat: no-repeat}
	#footer #ims a{ color: #ab4907; text-decoration: none;
}
#mp-footer{
	width: 672px;
	color: #968c6b;
	font-size: 10px;
	margin: 0px auto} /* note: body margin */
	#mp-footer #address { color: #000; height: 30px; line-height: 15px; background-image: url(bg-footer-mp.jpg); background-repeat: no-repeat}
	#mp-footer #ims { color: #000; padding-top: 18px; padding-bottom: 18px; background-image: url(bg-footer-ims-mp.jpg); background-repeat: no-repeat}
	#mp-footer #ims a{ color: #ab4907; text-decoration: none;
	
}

#topmenu{ width:562px; height:11px; background-image: url(bg-mp_top-menu.jpg); background-repeat:no-repeat; font: 12px bold Georgia, "Times New Roman", Times, serif; color: #FFFFFF; padding:10px 150px; 
}

#alpha{ height:200px; width:860px; margin-left: auto; margin-right: auto; border-top: solid #000000 1px; padding-top: 40px;}

 a.b{

#left-column a.b{
		font-size: 11px;
		color: #663c21;
		text-align: center;
		width: 178px; /* 160 - 10 */
		display: block;
		padding-bottom: 5px;
		padding-top: 2px;
		padding-left: 10px;
		font-weight: lighter}
	#left-column a.bsel{
		font-size: 11px;
		color: #663c21;
		text-align: center;
		width: 178px; /* 160 - 10 */
		display: block;
		padding-bottom: 5px;
		padding-top: 2px;
		padding-left: 10px;
		background-color: #dddddd;
		font-weight: lighter}
	#left-column a:hover.b{
		background-color: #dddddd;
		color: #663c21;}
	#left-column a:hover.bsel{
		background-color: #eeeeee;

