@charset "utf-8";

body { font: 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000000; background: #928162 url(images/bg.jpg); }

/* Headings */
h1{ color: #FFFFFF; font-size: 22px; height: 33px; margin: 0; padding: 3px 0 2px 212px; background: url(images/bg_h1.jpg); }
h2 { font-size: 15px; margin: 10px 0 0 0; font-style: italic; text-transform: uppercase; }
h3 { font-size: 15px; margin: 15px 0 0 0; padding: 0;}
h4 { font-size: 15px; margin: 0; padding: 0; font-style: italic;}
h5 { font-size: 13px; margin: 10px 0 0 0; padding: 0;}

p { margin: 10px 0 0 0; padding: 0; text-align: justify; }

hr{ margin: 15px 0 0 0; border: medium solid #CCCCCC; }

/* Menu */
#menu{ margin: 20px 0 0px 20px; }
#menu ul{ margin: 0 10px 0 10px; padding: 0px; list-style: none; }
#menu li { padding: 5px 0px 0px; }
#menu li a:link { color: #333333; text-decoration: none; font-weight: bold; }
#menu li a:visited { color: #333333; text-decoration: none; font-weight: bold;}
#menu li a:active { color: #333333; text-decoration: none; font-weight: bold;}
#menu li a:hover { color: #c0af90; text-decoration: none; border: 1px solid #c0af90; padding:2px; }


/*GENERAL ALL PAGES*/
#container { width: 980px; background: #f0ece5; margin: 0 auto; margin-top: 10px; border: 1px solid #333333; } 

#header { height: 250px; }

#rightside{float: right; /* since this element is floated, a width must be given */width: 731px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */margin: 15px 0 20px 0; padding-right: 35px;}

#footer { background: #918266; padding:3px; clear: both; } 

#footer p { margin: 0; /* IMPORTANT!! zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding-left: 210px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ color: #e5dfcf; font-size: 10px; }

#footer a:link { color: #e5dfcf; text-decoration: none; }

#footer a:visited { color: #e5dfcf; text-decoration: none; }

#footer a:active { color: #e5dfcf; text-decoration: none; }

#footer a:hover { color: #fbd7a4; text-decoration: none; font-weight: bold; }

/*Photos*/
.photo-right{ float: right;  margin: 15px 0 0 25px; }
.photo-left{ float: left;  margin: 15px 25px 0 0; }

/* General Page Links */
a:link,  a:visited, a:active{ color: #000000; }
a:hover { color: #c0af90; }

/* General lists */
ul { margin: 10px 0 0 20px; padding: 0; }
ul li { margin: 0; padding: 0 0 10px 0; }

/* IINDIVIDUAL PAGES*/
/*Home*/
.homeimg { float: right;  margin: 10px 0 0 10px; }

/*Death and Funeral Notices*/
.death-funerel-notice-photo-right{ float: right;  margin: 15px 0 0 25px; }

/*Coffins and Caskets*/
.box{ float: left; width: 710px; height: 125px; padding: 2px 15px 2px 2px; margin: 10px 0 10px 0; background: url(images/coffins_caskets/bg_box.jpg); border: 1px solid #FFE9D2; }
.coffins-photo{ float: left; margin: 5px 15px 5px 5px; border: 1px solid #663333; padding: 2px; }

/*Contact Us*/
.contact-photo { float: left; margin: 15px 15px 5px 0px; border: 1px solid #663333; padding: 2px; }

/*Vehicle Fleet*/
#rightsidevehicle{float: right; /* since this element is floated, a width must be given */width: 731px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */margin: 15px 0 40px 0; padding-right: 35px;}

/*Links*/
#rightsidecare{float: right; /* since this element is floated, a width must be given */width: 731px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */margin: 15px 0 70px 0; padding-right: 35px;}
#linksright { float: right; width: 405px; margin: -327px 0 0 325px;}