body{
   margin:0px;
   padding:0;
   background-image: url(images/bg.gif);
   font-family: verdana, geneva, lucida, arial, helvetica, sans-serif;  
   font-size: 11px; 
   font-weight: normal;
   line-height:14px;
   color:#12614F;
}

td{ vertical-align:top;}
img{border:none;}
a:link { color: #C1831C; text-decoration: underline;}
a:active { color: #C1831C; text-decoration: underlinee;}
a:visited { color: #C1831C; text-decoration: underline;}
a:hover { color: #12614F; text-decoration: underline;}

h1{
   font-size:13px;
   margin-top:2px;
   margin-bottom:16px;

}
h1.smaller{margin-bottom:5px;}

.outerBox{
   text-align: center;
   margin-left:auto;
   margin-right:auto;
}
.mainContent{
   text-align:left;
   width:781px;
   margin-left:auto;
   margin-right:auto;
   background-color:#F7FAF7;
}
.flower{
   position: absolute;
   top: 35px;
   left: 255px;
   height:140px;
   width:140px;
   z-index:99;
   overflow: visible;
   float:left;
}

* html .flower {
      overflow:hidden;
   }

.leftHeader{
   position: relative;
   float:left;
   width: 575px;cursor:pointer;
   height:140px;
   background-image: url(images/leftHeader.jpg);
   padding: 0px;
   margin:0px;
}

.rightHeader{
   position: relative;
   float:left;
   /*background-color:green;*/
   width:206px;
   height:140px;
   padding:0px;
   background-image: url(images/group.jpg);
}

.navContainer{
 position: relative;
   float:left;
   width: 575px;
   height:46px;
   /*background-color:blue;*/
   padding: 0px;
   margin:0px;
   z-index:100;
}

.navLeftArea{
   position: relative;
   float:left;
   /*background-color:green;*/
   width:206px;
   height:48px;
   padding:0px;
   background-image: url(images/groupBottom.jpg);
}

.whiteSpacer{
   width:575px;
   height:25px;
   /*background-color:#F7FAF7;*/
   float:left;
   background-image:url(images/whitespace.jpg);
}

.photoFooter{
   position: relative;
   width:206px;
   height:25px;
   /*background-color:red;*/
   /*background-image: url(images/photoBottomCurve.jpg);*/
   float:left;
}

.contentArea, .footer{
   float:left;
   background-color:#F7FAF7;

}

.leftContent{
   padding:10px;
   padding-top:3px;
}
.welcome{
   display:block;
   padding-bottom:15px;
}
.rightContent{
   padding:0px;
   padding-top:10px;
}

.padBottom{
   padding-bottom:15px;
}
/* Footer CSS */

.footerTopleft{background-image: url(images/foot_top_left.jpg);}
.footerTopRight{background-image: url(images/foot_top_right.jpg);}
.footerBottomLeft{background-image: url(images/foot_bottom_left.jpg);}
.footerBottomRight{background-image: url(images/foot_bottom_right.jpg);}

.footerRight{background-image: url(images/footer_right.jpg);}
.footerLeft{background-image: url(images/footer_left.jpg);}

/* Main Nav CSS */

#aboutRankins ,#whatToDo,#aboutFunerals,#planningAhead,#contactUs{
   display:inline;
   padding:0px;
   margin:0px;
   float:left;
}
#aboutRankins img{ vertical-align: bottom};
#whatToDo img{ vertical-align: bottom};
#aboutFunerals img{ vertical-align: bottom};
#planningAhead img{ vertical-align: bottom};
#contactUs img{ vertical-align: bottom};

/* Subnav CSS */

.subnav{

}
.subnavHeader, .subnavContent, .subnavFooter{
   width:194px;
   float:left;
}
.subnavContent{
   background: url(images/subnav_bg.gif) repeat-y;
}
.element{
   margin-left:10px;
   margin-top:7px;
   font-weight:bold;
   font-size:11px;
}
span{
   color:#d2ad5d;
   font-size:9px;
   padding-right:5px;
}
.subnavFooter{padding-bottom:10px;}
span.h{font-size:12px;color:#c48f1b;padding-right:2px;}

.subnav a:link { color: #256f5e; text-decoration: none;}
.subnav a:active { color: #256f5e; text-decoration: none;}
.subnav a:visited { color: #256f5e; text-decoration: none;}
.subnav a:hover { color: #C1831C; text-decoration: none;}



li{padding-bottom:6px;}

.lipad{padding-left:20px;margin-top:0px;text-decoration:italic;color:#0C3F33;margin-bottom:5px;}
* html .lipad{margin-top:5px;}
#moreLiPad li{margin-top:10px;margin-left:15px;}

/*Resources Classes*/

.resource{margin-top:5px;margin-bottom:5px;float:left;margin-left:10px;}
* html .resource{margin-left:0px;}

.resource img{vertical-align:bottom;}
.filesize{float:right;}
.resText{float:left;width:462px;}
.resImg{width:16px;float:left;margin-right:11px;}

/** Form CSS **/

form{margin:0px;padding:0px;}

#contact td{background-color:#ffffff;padding-left:2px;}
#contact .highlight{background-color:#e6faf2;}

.txtInput{
   background: #FFFFFF;
   width:350px;
   height:17;
   font-size: 7.5pt;
   border: 1px solid #136b55;
   color: #136b55;
   margin-top:1px;
   margin-bottom:1px;
   font-size: 11px; 
   font-family: verdana,arial;
}
.txtInputMinimal{
   background: #FFFFFF;
   font-size: 7.5pt;
   border: 1px solid #C7D7D9;
   color: #136b55;
   font-size: 11px; 
   font-family: verdana,arial;
}
.txtInputMinimalArea{
   background: #FFFFFF;
   font-size: 8.5pt;
   border: 1px solid #136b55;
   color: #2F7E95;
   font-family: verdana,arial;
}
.txtArea{
   border: 1px solid #136b55;
   color: #136b55;
   margin-top:1px;
   margin-bottom:1px;
   width:350px;
   font-size: 11px; 
   font-family: verdana,arial;
}

.submit{
   margin-top:1px;
   margin-bottom:1px;
   font-size: 7.5pt;
}

.spacer{
    color:#E8EDF3;
}

.sideImg{margin-top:8px;}

/* Side Boxes */
img {vertical-align:top;}
.prePlan, .yourSide, .top, .bottom{float:right;}
.prePlan{padding-bottom:10px;}
.prePlan, .yourSide{margin-right:8px;}

.gallery img{ margin-bottom:15px;}

/*Notices*/

#list_example li{
	border-bottom:1px solid #ccc;
	padding: 5px 0 20px;
	list-style-type: none;
	}

#list_example span {
	color:#12614F;
	}
	
#list_example img {
display:block;
float:none;
margin:0 auto;
}

.feedtitle {
	display:none;
	}
	
/*Nav*/
.nav {
	width: 575px; height: 48px; background: url(images/nav.gif) no-repeat; position: absolute; top:0; left:0;padding:0;margin:0;}

.nav li {
	display: inline;}
	
.nav li a:link, .nav li a:visited {
	position: absolute; top: 0; height: 48px; text-indent: -9000px; overflow: hidden; z-index: 10;}	
	
/*Rankins Link */
	.nav .rankins a:link, .nav .rankins a:visited {
	left: 0px; width: 101px;}
	.nav .rankins a:hover, .nav .rankins a:focus {
		background: url(images/nav.gif) no-repeat -0 -48px;}
	.nav .rankins a:active {
		background: url(images/nav.gif) no-repeat -0 -48px;}
	.nav-rankins, .nav-rankins-click {
		position: absolute; top: 0; left: 0; width: 101px; height: 48px; background: url(images/nav.gif) no-repeat 0 -48px;}
	.nav-rankins-click {
		background: url(images/nav.gif) no-repeat 0 -48px;}
		
/*What to do Link */
	.nav .what a:link, .nav .what a:visited {
	left: 101px; width: 84px;}
	.nav .what a:hover, .nav .what a:focus {
		background: url(images/nav.gif) no-repeat -101px -48px;}
	.nav .what a:active {
		background: url(images/nav.gif) no-repeat -101px -48px;}
	.nav-what, .nav-what-click {
		position: absolute; top: 0; left: 101px; width: 84px; height: 48px; background: url(images/nav.gif) no-repeat -101px -48px;}
	.nav-what-click {
		background: url(images/nav.gif) no-repeat -101px -48px;}
		
/*About Link */
	.nav .about a:link, .nav .about a:visited {
	left: 185px; width: 102px;}
	.nav .about a:hover, .nav .about a:focus {
		background: url(images/nav.gif) no-repeat -185px -48px;}
	.nav .about a:active {
		background: url(images/nav.gif) no-repeat -185px -48px;}
	.nav-about, .nav-about-click {
		position: absolute; top: 0; left: 185px; width: 102px; height: 48px; background: url(images/nav.gif) no-repeat -185px -48px;}
	.nav-about-click {
		background: url(images/nav.gif) no-repeat -185px -48px;}
		
/*Planning Link */
	.nav .planning a:link, .nav .planning a:visited {
	left: 287px; width: 108px;}
	.nav .planning a:hover, .nav .planning a:focus {
		background: url(images/nav.gif) no-repeat -287px -48px;}
	.nav .planning a:active {
		background: url(images/nav.gif) no-repeat -287px -48px;}
	.nav-planning, .nav-planning-click {
		position: absolute; top: 0; left: 287px; width: 108px; height: 48px; background: url(images/nav.gif) no-repeat -287px -48px;}
	.nav-planning-click {
		background: url(images/nav.gif) no-repeat -287px -48px;}
		
/*Notices Link */
	.nav .notices a:link, .nav .notices a:visited {
	left: 395px; width: 62px;}
	.nav .notices a:hover, .nav .notices a:focus {
		background: url(images/nav.gif) no-repeat -395px -48px;}
	.nav .notices a:active {
		background: url(images/nav.gif) no-repeat -395px -48px;}
	.nav-notices, .nav-notices-click {
		position: absolute; top: 0; left: 395px; width: 62px; height: 48px; background: url(images/nav.gif) no-repeat -395px -48px;}
	.nav-notices-click {
		background: url(images/nav.gif) no-repeat -395px -48px;}
		
/*Contact Link */
	.nav .contact a:link, .nav .contact a:visited {
	left: 457px; width: 86px;}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(images/nav.gif) no-repeat -457px -48px;}
	.nav .contact a:active {
		background: url(images/nav.gif) no-repeat -457px -48px;}
	.nav-contact, .nav-contact-click {
		position: absolute; top: 0; left: 457px; width: 86px; height: 48px; background: url(images/nav.gif) no-repeat -457px -48px;}
	.nav-contact-click {
		background: url(images/nav.gif) no-repeat -457px -48px;}