/* //////////////////////////////////////// */
/* //////////////////////////////////////// */
/* //////////////// BODY ////////////////// */
/* //////////////////////////////////////// */
/* //////////////////////////////////////// */

body {
	color: #000000;
	background-color: #28403a;
	text-align: center; /* MS IE patch for centering divs */
	background-image: url(_bg-body.jpg);
	background-repeat: repeat-x;
}

.clear {clear: both;}

#tp-sitewrapper{
	position: relative;
	z-index: 1;
	width: 752px;
	min-height: 694px;
	margin: 0px auto;
	text-align: left;
	background-image: url(_bg-tp_sitewrapper_repeat-y.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y}
	#tp-datapane{
		position: relative;
		z-index: 2; /* required: higher z-index than background images divs */
		float: left;
		width: 431px; /* 488 - 57 */
		padding: 433px 0px 35px 57px}
	
	#tp-button_enter{
		position: absolute;
		z-index: 3;
		width: 230px;
		height: 30px;
		top: 164px;
		right: 24px}
	#tp-button_condolences{
		position: absolute;
		z-index: 3;
		width: 230px;
		height: 30px;
		top: 204px;
		right: 24px}
	#tp-column{
		position: relative;
		z-index: 2;
		float: right;
		font-size: 13px;
		font-family: Georgia, "Times New Roman", Times, serif;
		width: 210px;
		padding: 265px 36px 84px 0px}
		#tp-column h1{
			display: block;
			position: relative;
			height: 20px;
			line-height: 20px;
			font-size: 14px;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #27403a;
			padding: 0px 0px 0px 9px;
			background-image: url(_bg-tp_column_h1.gif);
			background-position: 0px 0px;
			background-repeat: repeat}
		
		#services{ padding: 0px 7px;}
		#services a{ color: #fff;}
		#services #servicecontrols a{ color: #dfcf6a; }
		#CurrentRecords ul,#PastRecords li{ margin-left: 0px; padding-left: 0px}
		#CurrentRecords ul li,#PastRecords ul li{ list-style: none; margin-left: 0px; padding-left: 0px;}
		#localweather{ padding: 0px 7px; color: #fff; font-size: 11px}
		#localweather a{ color: #fff;}
		#localweather b{ font-weight: bold}
		
		
	#tp-sitewrapper_top{
		position: absolute;
		z-index: -1;
		height: 449px;
		width: 752px;
		top: 0px;
		left: 0px;
		background-image: url(_bg-tp_sitewrapper_top.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat}
	#tp-sitewrapper_bottom{
		position: absolute;
		z-index: -1;
		height: 185px;
		width: 752px;
		bottom: 0px;
		left: 0px;
		background-image: url(_bg-tp_sitewrapper_bottom.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat}
#hp-sitewrapper{
	position: relative;
	z-index: 1;
	width: 752px;
	min-height: 603px;
	margin: 0px auto;
	background-image: url(_bg-hp_sitewrapper_repeat-y.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y}
	#hp-sitewrapper_top{
	position: absolute;
	z-index: -1;
	height: 431px;
	width: 752px;
	top: 0px;
	left: 0px;
	background-image: url(_bg-hp_sitewrapper_top.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat
}
	#hp-sitewrapper_bottom{
		position: absolute;
		z-index: -1;
		height: 163px;
		width: 752px;
		bottom: 0px;
		left: 0px;
		background-image: url(_bg-hp_sitewrapper_bottom.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat}
		
#mp-sitewrapper{
	position: relative;
	z-index: 1;
	width: 752px;
	min-height: 603px;
	margin: 0px auto;
	background-image: url(_bg-mp_sitewrapper_repeat-y.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-y}
	#mp-sitewrapper_top{
	position: absolute;
	z-index: -1;
	height: 431px;
	width: 752px;
	top: 0px;
	left: 0px;
	background-image: url(_bg-mp_sitewrapper_top.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat
}
	#mp-sitewrapper_bottom{
		position: absolute;
		z-index: -1;
		height: 163px;
		width: 752px;
		bottom: 0px;
		left: 0px;
		background-image: url(_bg-mp_sitewrapper_bottom.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat}


#header-wrapper {
	min-height: 125px;
	width: 752px;
	
	
}

#bdytxt-wrapper {
	float: left;
	width: 541px;
	padding-left:30px;
	padding-right:25px;
	padding-top:30px;
	padding-bottom:60px;
	text-align:left;
	
	
}
#sidebar-wrapper {
	float:right;
	width: 149px;
	padding-top:5px;
	padding-left:3px;
}
#footer-wrapper {
	float: none;
	width: 752px;
	clear:left;
}

#Header-TM {
	height: 20px;
	padding-top: 53px;
	float:right;
	font-size:11px;
	
	
}

#topmenu a{
	display: block;  /* make this a link have most of the same properties as a default div */
	float: right;     /* remove the default "property" of a div (a display:block div) that makes it start a new line */
	height: 20px;
	line-height: 20px;
	color: #000;
	font-size: 11px;
	padding-left: 10px; padding-right: 10px;
	background-color: #999798;
	text-decoration: none;}
	#topmenu a:hover{
		color: #039;
		text-decoration: underline
	}

#OL-Condolences {
	width: 148px;	
	padding-top:100px;
	padding-left: 604px;
	
}
#extra-menu {
    display: block;						/* turns 'a' into a 'div' that stretches to full width */
    position: relative;					/* ensures that it is a standard div (and auto-stretch) */
    z-index: 1;							/* just included for 'validation' (thorough code, but not necessary */
    font-size: 14px;
    line-height: 26px;					/* equals background graphic height, therefore the text is vertically centered over background */
    margin: 0px; padding: 0px;			/* reset margin and padding to nothing, but you may need to adjust this */
    background-image: url(_bg-main_section-menu_a.jpg);
    background-position: left center;	/* make sure the background image is aligned to the left and vertically centered */
    background-repeat: no-repeat;		/* since it's an arrow, don't repeat it */
    text-decoration: none;				/* turn off underlines */
	border-bottom: 1px solid #fff;
    color: #333}

#extra-menu a span{
	display: block;  /* make this a link have most of the same properties as a default div */
	height: 19px;
	line-height: 19px;
	padding-left: 20px;
	background-image: url(menubullet.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	border-bottom: 1px solid #fff}
	
#footer a { color: #dfcf6a; text-decoration: none;
}

#header-wrapper {
	min-height: 125px;
	width: 752px;
	
	
}

#bdytxt-wrapper {
	float: left;
	width: 541px;
	padding-left:30px;
	padding-right:25px;
	padding-top:30px;
	padding-bottom:60px;
	text-align:left;
	
	
}
#sidebar-wrapper {
	float:right;
	width: 149px;
	padding-top:5px;
	padding-left:3px;
}
#footer-wrapper {
	float: none;
	width: 752px;
	clear:left;
}

#Header-TM {
	height: 20px;
	padding-top: 53px;
	float:right;
	font-size:11px;
	
}

#topmenu a{
	display: block;  /* make this a link have most of the same properties as a default div */
	float: right;     /* remove the default "property" of a div (a display:block div) that makes it start a new line */
	height: 20px;
	line-height: 20px;
	color: #000;
	font-size: 11px;
	padding-left: 10px; padding-right: 10px;
	background-color: #999798;
	text-decoration: none;}
	#topmenu a:hover{
		color: #039;
		text-decoration: underline
	}

#plainmenu {
    display: block;						/* turns 'a' into a 'div' that stretches to full width */
    position: relative;					/* ensures that it is a standard div (and auto-stretch) */
    z-index: 1;							/* just included for 'validation' (thorough code, but not necessary */
    font-size: 14px;
    line-height: 26px;					/* equals background graphic height, therefore the text is vertically centered over background */
    margin: 0px; padding: 0px;			/* reset margin and padding to nothing, but you may need to adjust this */
    background-image: url(_bg-main_section-menu_a.jpg);
    background-position: left center;	/* make sure the background image is aligned to the left and vertically centered */
    background-repeat: no-repeat;		/* since it's an arrow, don't repeat it */
    text-decoration: none;				/* turn off underlines */
	border-bottom: 1px solid #fff;
    color: #333}

#plainmenu a{
	display: block;  /* make this a link have most of the same properties as a default div */
	height: 19px;
	line-height: 19px;
	padding-left: 20px;
	background-image: url(menubullet.gif);
	background-repeat: no-repeat;
	color: #fff;
	font-size: 13px;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
	border-bottom: 1px solid #fff}


#footer{
	position: relative;
	color:#FFF;
	font-size: 11px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 20px auto 0px auto}
		
#footer a { color: #dfcf6a; text-decoration: none;
}







/* JUST DEMO STUFF BELOW */


/* header */
#top_menu{
	a.b{ color: #fff; text-decoration: none}
	a.bsel{ color: #fdd; text-decoration: none}
	a:hover.b, a:hover.bsel{ color: #ddd; text-decoration: none}
	a.b span, a.bsel span{ width: 75px; display: inline-block;  /* set each top menu item to be the same width, optional */
}

/* main area */
/* basic and most common set up */

#left-column{
	float: left;
	text-align: left;
}
#tp_main{
	float: right;
	text-align: left}
	#tp_main p{ margin: 10px 0px;
}
#right-column{
	float: right;
	text-align: left;
}






/* REQUIRED */
#captchaPop{z-index:9999; position: relative !important; top: -350px !important; height:179px !important}

