body {
background-color: #91a6a4;
text-align: center;
margin-left: auto;
margin-right: auto;
font-family: arial, helvetica, sans-serif;
color: #505f60;
}
body,p {
font-size: 12px;
line-height: 18px;
}

.tablesm {
font-size: 10px;
margin-left: 20px;

}

.tablemed {
font-size: 12px;
color: #505f60;
line-height: 18px;

}

.tablemed-wh {
font-size: 12px;
color: #ffffff;

}

p,ul,a {
color: #505f60;


}

.white {
font-weight: bold;
color: #ffffff;
background-color: #c7d1ca;
padding: 1px ;
}

.whitehm {
font-weight: bold;
color: #ffffff;
}

h3 {
font-family: Times, Times New Roman, serif;
letter-spacing: normal;
font-size: 20px;
margin-left: 22px;
padding: 0px 0px 0px 0px;
}



h4 {
font-family: Times, Times New Roman, serif;
letter-spacing: normal;
font-size: 13pt;
line-height: 18px;
margin-left: 22px;
padding: 0;
}

#rightBoxIndex {
float: right;
width: 220px;
line-height: 18px;

}

#rightBoxIndex a,#welcome a  {
color: #505f60;
text-decoration: underline;
}

#rightBoxIndex h4 {
margin-top: 0px;
margin-bottom: 0px;
}


#welcome {
margin-left: -10px;
margin-bottom: -10px;
width: 350px;
line-height: 18px;
padding: 0px 10px;

}


#welcome h4 {
margin-bottom: 10px;
margin-left: 0px;

}

#rightBoxIndex h4 {
margin-bottom: 10px;
margin-left: 0px;

}

.blur {
color: inherit;
margin-left: 4px;
margin-top: 4px;
background: transparent url(../images/blur.png);
}

#wrapper, .shadow {
	position: relative;
	bottom: 2px;
	right: 6px;
}

.shadow{
background: transparent url(../images/shadow.png);
	/* background-color: #758684; shadow color*/
	color: inherit;
}


a,#contactUs a {
color: #3f4733;
text-decoration: none;
}

#contactUs a:hover {
text-decoration: underline;
}

#contactUs {
float: right;
letter-spacing: normal;
clear: right;
height: 12px;
line-height: 12px;
font-size: 8.5pt;
color: #3f4733;
margin: 21px 18px 0 0;
}


.dark {
color: #565343;
}
table,img {
border: 0;
}

#wrapper {
text-align: left;
margin: 1px 0px 0px auto;
width: 900px;
padding: 0;
display: table-cell;
float: none;
background: url(../images/bg.gif) repeat-y 0 50%;
z-index: 3;
position: relative;
}


/* drop shadow nav */

#wrapperMain {
width: 900px;
height: 510px;

}
#index #wrapperAll {
width: 900px;
margin: 20 auto;
text-align: center;
background: none;
}
#wrapperAll {
width: 900px;
margin: 20 auto;
text-align: center;

}
#header {
background-color: #d8e3db;
height: 106px;
max-height: 106px;
letter-spacing: normal;
margin: 0;
padding: 0;
width: 100%;
}
.logo {
float: left;
width: 212px;
height: 61px;
padding: 33px 0 13px 12px;
}



/* TEXT SHADOW */

/*
  +------------------------------------------------------------------+
  | MikeCherim.com                                                   |
  | CSS: Text Shadows                                                |
  | Cascading Style Sheet                                            |
  | Copyright Sep 2006                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* 
  here's a holding container to which the text will be relative to. The
  width/height must be in ems and the padding shown is critical to make the 
  box respect the positioned text though the value can be changed to whatever.
  on this page this box is centered, but to make life easier, left-align it
  and give yourself some breathing room. 
*/

/* absolutely position the shadow text Xpx from upper left, depending on shadow depth */
#cts1 h2,#cts2 h2 {  
position : absolute;
color: #637062; 
font-family: Times,serif;
font-size: 18px;
letter-spacing: .9px;
font-weight: normal;
  top : 2px;
  left : 2px;
}

/* absolutely position the top text -Xpx from the shadow text, match the px size */
#cts1 h2 span,#cts2 h2 span {
  position : absolute;
  color : #fff;
  top : -1.2px;
  left : -1.2px;
}

#cts1 a, #cts2 a {
color: #fff;
}

/*
  this offset text is accessible yet hidden when styles are supported to help the 
  replicated shadow text make more sense to non-CSS and screen reader users. For
  ethical SEO reasons, whatever the hidden statment is should be available on
  the same page somewhere else. Try to make it read well as this is important.
*/
#cts h2 span.offset {
  position : absolute;
  top : -9000px;
  left : -9000px;
}

/* 
  this goes in an If IE conditional comment. IE, including IE7, screws up padding and 
  affects the text width and position so this will probably be needed. 
*/

#cds { 
  width : 32em;
}

/* End Styles */




#shadowNav {
top: 59px;
right: -7px;
position: absolute;
float: right;
margin: 0;
padding: 0;
clear: both;
min-width: 303px;
}

#shadowNav a:hover{
text-decoration: underline; 

}

#cts1,#cts2 {
position : relative;
margin : auto;
top: -7px;
float: right;
height : 16px;
padding : 1%;
}

#cts1 {
width : 120px;
float: left;
}

.sn1 {
padding: 0px 4px 12px 25px;

}

#cts2 {
   width : 110px;

}
.sn2 {
padding: 0px 0px 12px 31px;
}

.sn1,.sn2 {
min-width: 60px;
background-color: #b4cdc6; 
margin: 5 auto;
display:block; 
text-decoration: none; 
float: left;
clear: none;
border-top: 1px;
border-left: 1px;
border-bottom: 1px;
border-right: 0;
border-style: solid;
border-color: #b8beb1;
}

#burialSearch {
text-align: left;
margin: 23px 0 0 -25px;
width: 225px;
height: 69px;
background: url(../images/leftnav_burialsearch.gif);
font-family: Times, Times New Roman, serif;
letter-spacing: normal;
position: relative;
}

#index #burialSearch {
margin-top: -25px;
margin-bottom: 30px;
}

#burialSearch div {
position: absolute;
margin: auto 0;
padding: 3px;
}

#burialSearch h4 a {
font-size: 18px;
font-weight: bold;
text-decoration: none;
margin-left: 32px;
line-height: .01em;
}

#burialSearch h4 a:hover {
font-weight: bold;
text-decoration: underline;

}


#burialSearch h5 a {
color: #779190;
margin-left: 55px;
font-size: 13px;
text-decoration: none;
line-height: .01em;
}

#burialSearch h5 a:hover {
color: #89acdb;
font-weight: normal;
text-decoration: underline;
}

#main h6 {
color: #505f60;
margin-left: 0px;
font-size: 15px;
font-weight: bold;
text-decoration: none;
line-height: .01em;
}




/* NAV */

#nav {
width: 900px;
position: relative;
background-color: #515351;
filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
z-index: 3;
padding: 0;
border: 0;
min-height:30px;

}

#nav ul {	
 margin: -1px 0 0 225px;
 list-style: none;
  float: left;	
  padding: 0;
  border: 0;
width: 675px;
}

#nav li {	
 float: left;
 margin: 0 0px 0 0;
 display: inline;
 padding: 0;
 border: 0;

}

#nav li a { min-width: 30px; 
padding-left: 20px; 
padding-right: 20px;
margin: 0px 0px 0 0;
display:block; 
text-align: center; 
text-decoration: none; 
float:left; 
line-height: 30px; 
color: #ffffff; 
font-family: times,serif;
font-size: 15px;
font-weight: normal;
letter-spacing: 1.6px;}


#services #nav-services a, 
#properties #nav-properties a,
#cremation #nav-cremation a,
#about #nav-about a, 
#events #nav-events a,
#nav a:hover {  background-image: url(../images/rollover.gif); color: #ffffff;
padding-left: 20px; 
padding-right: 20px;}


.note {
font-family: arial, helvetica, sans-serif;
font-size: 11.5px;
line-height: 16px;

}

#noteBox {
width: 180px;
margin-left: 0px;
margin-top: 39px;
margin-bottom: 40px;


}

.noteInt {
padding: 10px 0px 22px 0px;
}

.noteIntCopy {
width: 155px;
padding: 0px 0px 0px 25px;
font-size: 11px;
line-height: 15px;
}

#leftNav-generic {
width: 175px;
float: left;
position: relative;
background-color: #d8e3db;
margin: -25px 0px;
padding: 0px 25px 0px 25px;
}

#leftNavReg {
width: 175px;
padding-bottom: -10px;
}

#leftNavReg h4 {
margin-left: 0px;
margin-top: 25px;
margin-bottom: 5px;
}

#leftNav-generic a {
text-decoration: underline;
font-weight: normal;
color: #505f60;
}



#leftNav {
width: 175px;
float: left;
position: relative;
background-color: #d8e3db;
margin: 0;
padding: 25px 25px 0px 25px;
}




#leftNav a {
text-decoration: underline;
font-weight: normal;
color: #505f60;
}



#leftNav img {
margin-left: -25px;
border: 0;
padding: 0;
}

#leftNav #leftNavInt ul {
font-size: 12px;
line-height: 18px;
margin-left: 10px;
padding-bottom: 31;
}

#leftNav ul,#leftNavIndex ul {
font-size: 12px;
line-height: 18px;
margin-left: -15px;
padding-bottom: 31;
}

#index #leftNav {
padding-bottom: 0;
}

#leftNavTop {
position: relative;

}

#leftNavTop h4 {
margin-left: 0px;
margin-bottom: 0px;

}


#leftNavBottom {
margin: 0;
padding: 0;
}

#leftNav li a { text-decoration: none;
margin-left: 0px;
}

#leftNavInt
{ height: 90px;
}

#null {
list-style-type: none;
}

#services-schedule #leftNav-services-schedule a, 
#services-search #leftNav-services-search a,
#services-planning #leftNav-services-planning a,
#services-support #leftNav-services-support a,
#services-flowers #leftNav-services-flowers a,
#properties-info #leftNav-properties-info a,
#properties-mausoleums #leftNav-properties-mausoleums a,
#properties-cremation #leftNav-properties-cremation a,
#properties-prices #leftNav-properties-prices a,
#properties-faqs #leftNav-properties-faqs a,
#cremation-info #leftNav-cremation-info a,
#cremation-options #leftNav-cremation-options a,
#cremation-prices #leftNav-cremation-prices a,
#cremation-facts #leftNav-cremation-facts a,
#about-history #leftNav-about-history a,
#about-location #leftNav-about-location a,
#about-news #leftNav-about-news a,
#events-general #leftNav-events-general a,
#events-calendar #leftNav-events-calendar a,
#events-events #leftNav-events-events a,
#planahead-info #leftNav-planahead-info a,
#planahead-faqs #leftNav-planahead-faqs a,

#leftNav a:hover 

{ font-weight: normal;
text-decoration:none;
color: #7397ae;}



#landingImage {
width: 675px;
height: 248px;
margin: -55px -25px 25px -25px;
padding: 0;
z-index: 2;
position: relative;
}

#index #landingImage {
width: 675px;
height: 385px;
margin: -55px -25px 25px -25px;
padding: 0;
z-index: 2;
position: relative;
}


#wrapperWelcome a {
text-decoration: underline;
font-weight: bold;
color: #505f60;
}


.initialLetter {
font-weight: bold;
font-size: 27px;
font-family: Times, Times New Roman, serif;
line-height: 27px;
margin-right: 1px;
padding-right: 1px;
}

#landingImage img {
border-bottom: 1px solid #919f9d;
}


#main {
width: 625px;
min-height: 510px;
background-color: #f7fffb;
text-align: left;
float: left;
padding: 25px;
margin: 0px;
}

#main p {
width: 575px;
}

#main ul {
width: 535px;
}

#main-submit {
width: 300px;
height: 300px;
background-color: #f7fffb;
padding: 0px;
margin: 0px;
}

#main-search {
background-color: #f7fffb;
width: 100%;
height: 100%;
margin-top: -8px;
margin-right: 0px;
}

#main-search a {
font-weight: bold;
text-decoration: underline;
}


#main a {
font-weight: bold;
text-decoration: underline;
}


#main a:hover {
text-decoration: none;
color: #89acdb;
}

#main a:visited {
color: #7d867b;
}

#header {
max-width: 900px;
}

#index #main {
background: url(../images/bgWelcome.gif) repeat-y 0 50%;
height: 100%;
}

#main p, #main ul {
margin-left: 22px;
margin-right: 10px;
margin-top: 0px;
color: #617172;

}

.bold {
font-weight: bold;


}

#mainBottom {
width: 900px;
position: relative;

}

#footer {
position: relative;
margin-left: 12px;
margin-top: 11px;
font-size: 11px;
text-align: left;
color: #ffffff;
letter-spacing: normal;
width: 100%;
clear: both;
line-height: 15px;
}

#footer a {
color: #ffffff;
}

#footer a:hover {
text-decoration: underline;
}


#forms {
color: #ffffff;
}


input.button {
	background-color : #89acdb; 
	border : 0px #cccccc solid; 
	color : #ffffff; 
	padding: 2px;
	font-size: 13px; 
	font-weight: bold; 
	margin-left: auto;
	margin-right: auto;
	}
	
input.button2 {
	background-color : #89acdb; 
	border : 1px #cccccc solid; 
	color : #ffffff; 
	font-size: 14px; 
	font-weight: bold;
	width: 160px;
	margin-left: 0px;
	}
	
textarea.monospace {
	background-color : #d8e3db; 
	border : 1px #cccccc solid; 
	color : #303030; 
	font-size: 12px; 
	font-weight: normal;
	width:320px;
	
	}

select.monospace {
	background-color : #d8e3db; 
	border : 1px #cccccc solid; 
	color : #303030; 
	font-size: 12px; 
	font-weight: normal;
	width:120px;
	
	}

select.monospace2 {
	background-color : #d8e3db; 
	border : 1px #cccccc solid; 
	color : #303030; 
	font-size: 12px; 
	font-weight: normal;
	width:180px;
	
	}
	
input.monospace {
	background-color : #d8e3db; 
	border : 1px #cccccc solid; 
	color : #303030; 
	font-size: 12px; 
	font-weight: normal;
	width:210px;
	margin-left: 0px;
	
	}

input.monospace2 {
	background-color : #d8e3db; 
	border : 1px #cccccc solid; 
	color : #303030; 
	font-size: 12px; 
	font-weight: normal;
	width:160px;
	
	}
	
input.monospace3 {
	background-color : #d8e3db; 
	border : 1px #cccccc solid; 
	color : #303030; 
	font-size: 12px; 
	font-weight: normal;
	width:98px;
	
	}
	
input.monospace4 {
	background-color : #d8e3db; 
	border : 1px #cccccc solid; 
	color : #303030; 
	font-size: 12px; 
	font-weight: normal;
	width:76.5px;
	
	}