body
{
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  font-size: 12pt;
  background-color: white;
}

div#page_body
{
  background-color: white ;
  background-image: url(../images/tile.png);
}

div.header
{
  width: 1000px;
  margin: auto;
  height: 150px;
}
div.menubar
{
  width: 1000px;
  margin: auto;
}
div#page_body > table
{
  width: 1000px;
  margin: 0px auto;
/*  border-left: thin solid #9e5252;
  border-right: thin solid #9e5252; */
  box-shadow: 2px 2px 15px; 
}

div#banner
{
/*  background-image: url(../images/banner-bg.png) ; */
  background-color: #900020;
  background-repeat: repeat-all ;  
  color: white ;
  height: 300px;
  width: 100%;
}

td.left
{
  background-color: white;
/*  background-image: url(../images/current-services.png); */
  background-repeat: no-repeat;
  width: 350px;
  padding: 30px;
  vertical-align: top;
  min-height: 500px;
}

td.middle
{
  background-color: white;
  vertical-align: top;
  min-height: 500px;
}

td.right
{
}

td.bottom
{
  text-align: center;
  background-color: white;
  padding-bottom: 30px;
}

div#main
{
  background-color: white;
  margin: 0pt;
  padding: 15px 60px;
  min-height: 350px;
  width: 880px;
}

div#current_funerals
{
  position: relative;
  left: 0 ;
  padding-left: 5px;
  font-family: sans-serif;
  color: black;
  font-size: 12pt;
}

div#current_funerals div.title
{
  width: 340px;
  padding: 10px 0px;
  margin-bottom: 30px;
  text-align: center;
  border-top: thin solid #900020;
  border-bottom: thin solid #900020;
  color: #900020;
  font-weight: bold;
  font-style: italic;
  font-family: serif;
  font-size: 14pt;
}

div#current_funerals h1
{
  color: #900020;
  font-size: 14px;
}

div#current_funerals hr
{
  border: 0 ;
  visibility: hidden;
}

div#current_funerals a
{
  text-decoration: none;
}

div#current_funerals a:hover
{
  text-decoration: underline;
}

div.funeralListCommunity > h1
{
  display: auto;
}

div.funeralListDeceased a 
{
  display: inline-block;
/*  background-image: url(../images/cftransparent.png); */
  background-color: white;
  border-top: thin solid #900020;
  border-bottom: thin solid #900020;
  padding: 5px 10px;
  font-size: 12pt;
  color: #900020;
}
div#footer
{
  background-color: #EEE;
  width: 100%;
  text-align: center;
  height: 180px;
  color: black ;
  padding-top: 1px;
  margin: 30px auto 30px;
}

div#footer a
{
  font-size: 10pt;
}

#slideshow {
    position:relative;
    margin: auto;
    height:300px;
    width: 1000px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

div#mahersGallery
{
  display: block;
  width: 1000px;
  box-shadow: 20px 0px 35px -15px black, -20px 0px 35px -15px black;
  margin: auto;
}

a.deceased span { display: none;}
a.deceased > div {float: left;}
div.obit_details_container { width: 100%;}
div.obit_details {display: none;}
div.obit_details#details_image {display: inline-block; float: right; width: 50px;}
div.obit_details#details_image img {width: 50px;}
div.obit_details#details_name { display: block; float: left; padding-bottom: 5px; width: 220px}
div.obit_details#details_dod{ display: block; font-size: 8pt; float: left; width: 220px;}
div.obit_details#details_dod:before { content: "Passed On ";}
div.obit_details#details_service_date { display: block; font-size: 8pt; float: left; width: 220px;}
div.obit_details#details_service_date:before { content: "Service On ";}


div.front-button#obituaries, div.other-button#obituaries { background-image: url(../images/obituaries.png);}
div.front-button#obituaries:hover, div.other-button#obituaries:hover { background-image: url(../images/obituaries-over.png);}

div.front-button#meaningful, div.other-button#meaningful { background-image: url(../images/meaningful.png);}
div.front-button#meaningful:hover, div.other-button#meaningful:hover { background-image: url(../images/meaningful-over.png);}

div.front-button#monument, div.other-button#monument { background-image: url(../images/monument.png);}
div.front-button#monument:hover, div.other-button#monument:hover { background-image: url(../images/monument-over.png);}

div.front-button#flowers, div.other-button#flowers { background-image: url(../images/flowers.png);}
div.front-button#flowers:hover, div.other-button#flowers:hover { background-image: url(../images/flowers-over.png);}

div.front-button 
{
	width: 198px;
	height: 100px;
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	border: 1px solid rgb(110,115,145);
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    3px 3px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         3px 3px 5px 0px rgba(0, 0, 0, 0.75);
}

div.other-button 
{
	width: 200px;
	height: 100px;
	display: inline-block;
	margin-right: 22px;
	margin-bottom: 30px;
	border: 1px solid rgb(110,115,145);
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    3px 3px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         3px 3px 5px 0px rgba(0, 0, 0, 0.75);
}


// overflow fade example
.row:before {
  content:'';
  width:100%;
  height:100%;    
  position:absolute;
  left:0;
  top:0;
  background:linear-gradient(transparent 150px, white);
}

h1.event { display: none; }

div.event_container img
{
        max-width: 469px;
	margin: auto;
}