﻿

body {font: 80% Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 12%; padding: 0;
      color: rgb(32,32,32); background: white;}

#nav {position: absolute; top: 158px; left: 10%; 
	  white-space: nowrap;  width: 132px;}

#nav h5 {display: none; color: black; }

#nav ul {margin: 0 ; padding: 0; list-style-type: none;}
#nav ul li {background: rgb(79,142,87); margin: 0; border-top: 2px solid white;}
#nav ul li a {display: block; 
              color: white; text-decoration: none;
              padding: 2px 2px 2px 0.5em;
              width: 100%;}
html>body #nav ul li a {width: auto;}            /* Kludge to fix width 100% reqired by IE */
#nav ul li a:hover {background: rgb(176,39,57);}

#home #nav .home a,
#menus #nav .menus a,
#bookings #nav .bookings a,
#about #nav .about a,
#links #nav .links a,
#contact #nav .contact a,
#funeral #nav .funeral a,
#funeral1 #nav .funeral1 a,
#funeral3 #nav .funeral3 a,
#funeral4 #nav .funeral4 a
		{background: rgb(79,142,87); font-weight: bold; cursor: default;}



#brand {position: relative;}
#brand h1 {background: url(images/head.gif) 0px 0px no-repeat;
          margin-bottom: 1.5em; height: 105px;}
#brand h1 span {position: absolute; left: -150em; width: 50em;}

#brand p {position: relative; margin:-95px 0 0 160px; color: rgb(79,142,87); 
		 font-size:large; font-family:Arial, Helvetica, sans-serif;}
		 
#strapline {position: absolute; top: 70px; left: 154px; color: rgb(79,142,87);}
#strapline {font: large Arial, Helvetica, sans-serif; margin:0; padding:0;}

#main {margin: 0 15% 0 150px; max-width: 600px; min-width: 400px;}

blockquote {margin: 0; padding-left: 24px;  background-image: url(images/quote-begin.gif); background-repeat:no-repeat;}
blockquote p {background-image: url(images/quote-end.gif); background-repeat:no-repeat; background-position: bottom right;}

a {text-decoration:none;}
   
#contact p {margin: 0 40% 0 150px; text-align: center;}

#menu ul {list-style: none; padding-bottom: 1em;}
#menu li {margin: 0.25em 0 0.5em 0;}
#menu li.menuprice {color: rgb(79,142,87); font-weight: bold; padding: 0.5em 0 0.5em 0;}
#menu li.inset {margin-left: 1.5em;}
	

#menu h2 {margin: 0 0 0 0.75em;}
#menu h3 {margin: 1em 0 0.25em 1.75em;}
#menu h4 {margin: 1em 0 0.25em 3.0em;}
#menu p {margin: 0.25em 0 0 3.5em; padding: 0;}
#menu a {text-decoration:none; color:navy;}

#menufoot {padding-top: 1em;}
#menufoot p {margin: 0.25em 0 0 3.5em; padding: 0; color: rgb(176,39,57);}

#menulist {list-style: none; margin: 0; padding: 0;}
#menulist ul li {list-style:circle;}
#menulist ul li a {display: block; text-decoration: none; color: black; font-weight: bold; font-size: 150%; padding: 0.5em 1em;}
#menulist ul li a:hover {color: blue;}

#buttons {width:130px; white-space: nowrap;}
#buttons ul {margin: 0 ; padding: 0; list-style-type: none; float: left; width:500px;}
#buttons ul li {background: rgb(176,39,57); margin: 0 2em 0 0; border-top: 2px solid white; float:left;}
#buttons ul li a {display: block; color: white; text-decoration: none; padding: 2px 0.5em 2px 0.5em; width: 100%;}
html>body #button ul li a {width: auto;}            /* Kludge to fix width 100% reqired by IE */
#button ul li a:hover {background: rgb(79,142,87);}

#bookform {padding: 0; margin: 0;}
#bookform label {float:left; width: 13em;}
#bookform fieldset {margin: 1em 0; padding: 1em; border: 1px solid #ccc; background: #f8f8f8;}
#bookform legend {font-weight:bold;}
#bookform input {width: 25em;}
#bookform #readterms {width: 2em;}

#links #main a {margin-left: 20px;}
#links p {margin-left: 40px;}

.inlimgtop {margin-bottom: -20px;}

.Zright {float:right; margin:5px 0px 2px 10px;} 
.Zleft {float: left; margin:30px 0px 2px 0px;} 

.Zoom img {border: 1px solid rgb(79,142,87);} 

.Zoom .caption { display:none; } 

/*.Zoom a {padding:0px;} 
.Zoom a:hover {padding:0px;}
.Zoom a:visited {padding:0px;} */

.Zoom.t100 img,.w100 a:hover img,.w100 a:hover .caption {width:100px;} 
.Zoom.t150 img,.w150 a:hover img,.w150 a:hover .caption {width:150px;} 
.Zoom.t200 img,.w200 a:hover img,.w200 a:hover .caption {width:200px;} 
.Zoom.t250 img,.w250 a:hover img,.w250 a:hover .caption {width:250px;} 
.Zoom.t300 img,.w300 a:hover img,.w300 a:hover .caption {width:300px;} 
.Zoom.t350 img,.w350 a:hover img,.w350 a:hover .caption {width:350px;} 
.Zoom.t400 img,.w400 a:hover img,.w400 a:hover .caption {width:400px;} 
.Zoom.t450 img,.w450 a:hover img,.w450 a:hover .caption {width:450px;} 
.Zoom.t500 img,.w500 a:hover img,.w500 a:hover .caption {width:500px;} 
.Zoom.t550 img,.w550 a:hover img,.w550 a:hover .caption {width:550px;} 
.Zoom.t600 img,.w600 a:hover img,.w600 a:hover .caption {width:600px;} 

.Zoom a:hover img {margin-bottom:5px;} 

.Zoom a:hover .caption { 
	display:block;
	white-space:normal;
	background:#eef; 
	border:1px solid rgb(79,142,87); 
	font-family:verdana,sans-serif; 
	text-decoration:none; 
	text-align:left; 
	font-size:10pt; 
	color:rgb(32,32,32);} 

.Zoom a:hover .inner { 
display:block; 
padding:5px 8px; } /* no IEboxModelHack */ 

.videoembed {float: left; margin:30px 0px 2px 30px;}
	
.videoembed p {color: rgb(79,142,87); 
		 font-size:medium; font-family:Arial, Helvetica, sans-serif;}

	

