@charset "utf-8";
/* CSS Document - Memorial Park Funeral Home */

/* START: Global Includes */
body { margin: 0px; font-family: "Palatino Linotype"; font-size: 14px; line-height: 20px; background: #ebe4c3; background-image:url(/images/bg.jpg); background-repeat:repeat-x; background-position:top center; color:#2f3641; }
table, td { vertical-align:top; border-spacing:0px; border-collapse:collapse; padding:0px; margin:0px; text-align: left; }
/* HEADINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
h1, .h1 { font-size: 32px; font-weight: normal; color: #346abf; margin: 0px; margin-bottom: 15px; padding-top: 10px; }
h2, .h2 { font-size: 22px; font-weight: normal; color: #676767; margin: 0px; padding-top: 20px; margin-bottom: 10px; }
h3, .h3 { font-size: 20px; font-weight: normal; color: #4876ae; margin: 0px; padding-top: 12px; margin-bottom: 6px; }
h4, .h4 { font-size: 12px; font-weight: bold; color: #4876ae; margin: 0px; padding-top: 12px; margin-bottom: 10px; }
h5, .h5 { color:#4876ae; font-size: 13px; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
/* LINKS >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
a { outline:none; }
a:active, a:visited, a:link { color: #21263d; text-decoration: none; }
a:hover { color: #4771ac; }
a img { border: 0px solid white; text-decoration:none; }
/* END: Global Includes */

/* START: Header */
div.hdr { width: 100%; height: 148px; background-image:url(/images/hdr-bg.jpg); background-position: center; background-repeat: repeat-x; }
div.hdr-container { width: 930px; margin-left: auto; margin-right: auto; color:#363636; padding-top: 22px; }
table.hdr-tbl { width: 100%; }
table.hdr-tbl td.left { width: 45%; padding-left: 30px; }
table.hdr-tbl td.right { padding-top: 12px; color:#293038; cursor: pointer;  }

table.hdr-tbl td.right a { font-size: 17px; color:#bfbfbf; font-weight: bold; margin-left: 5px; margin-right: 5px; }
table.hdr-tbl td.right a:hover { color:#f0d57c; }

div.hdr-menu { font-size: 17px; margin-top: 10px; padding-left: 30px; cursor: pointer; }
div.hdr-menu a { margin-left: 10px; margin-right: 10px; color:#817f71; }
div.hdr-menu a:hover { color:#d7be6b; }
/* END: Header */

/* START: Main Centering Structure */
div.xstructure { width: 930px; margin-left: auto; margin-right: auto; background-color: #ffe18b; border-left: 1px solid white; border-right: 1px solid white; }
/* END: Main Centering Structure */

/* START: Splash */
div.hp-splash { width: 930px; height: 346px; background-image:url(/images/splash-bg.jpg); background-repeat: no-repeat; text-align: center; padding-top: 7px; }
div.int-splash { width: 930px; height: 187px; background-image:url(/images/int-splash-bg.jpg); background-repeat: no-repeat; text-align: center; padding-top: 17px; }
div.int-splash img { width: 840px; height: 167px;  }

div.int-splash2 { width: 930px; background-image:url(/images/int-header-bg-top.gif); background-repeat: no-repeat; text-align: center; padding-top: 17px; margin-bottom: 9px; }
div.ibottom { width: 930px; height:11px; background-image:url(/images/int-header-bg-bottom.gif); background-repeat: no-repeat; text-align: center; }
div.int-splash2 img { width: 840px; }
/* END: Splash */

/* START: Content */
			/*HP*/
table.hp-content-tbl { width: 860px; margin-left: auto; margin-right: auto; }
div.hp-content { width: 580px; background-image:url(/images/hp-content-bg.gif); background-repeat: repeat-y; background-position: center; }
div.hp-content div.text { width: 510px; background-image:url(/images/hp-content-top.gif); background-repeat: no-repeat; background-position: top center; padding: 35px; padding-top: 25px; padding-bottom: 20px; }
table.hp-content-tbl td.left { }
table.hp-content-tbl td.right { padding-top: 8px; width:269px; }
/*INT*/
table.int-content-tbl { width: 860px; margin-left: auto; margin-right: auto; }
div.int-content { width: 860px; background-image:url(/images/int-content-bg.gif); background-repeat: repeat-y; background-position: center; margin-left: auto; margin-right: auto; }
div.int-content div.text { width: 790px; background-image:url(/images/int-content-top.gif); background-repeat: no-repeat; background-position: top left; padding: 35px; padding-top: 25px; padding-bottom: 30px; }
table.int-content-tbl td.main { width: 730px;}
table.int-content-tbl td.right{ width: 40px; padding-left: 40px; padding-top: 15px;}
/* END: Content */
/* START: Obituaries */
div.obituaries { width: 257px; }
div.obituaries div.text { border-left: 1px solid #bbab75; border-right: 1px solid #bbab75; font-size: 11px; color:#6a6a6a; }
div.obituaries div.text a { font-weight: bold; font-style: italic; color:#2d343e; font-size: 13px; }
div.obituaries div.text b { font-weight: bold; font-style: italic; color:#2d343e; font-size: 13px; }
div.obituaries ul { padding: 0px; margin: 0px; }
div.obituaries ul li { list-style: none; background-image: url(/images/recent-obituaries-dotted.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 5px; padding-top: 5px; padding-left: 15px; }
div.obituaries div.text ul li:hover { background-color:#fff6dc; }
div.obituaries div.text ul li a:hover { color:#2261be; font-weight: bold; }
div.obituaries div.text div.view-all { padding-top: 5px; padding-left: 15px; padding-bottom: 10px; }
div.obituaries div.text div.view-all:hover { background-color:#fff6dc; }
div.obituaries div.text div.view-all a:hover { color:#2261be; }
div.obituaries div.text div.view-all a { color:#3b4e69; font-size: 14px; }

div.obit-photo { 
     float: right;
     width: 150px;
     border: 3px solid white;
     padding: 2px;
}

div.obit-photo img { 
     width: 150px;
} 

/* END: Obituaries */
/* START: Weekly Interesting Fact */
div.interesting-fact { margin-top: 10px; width: 257px; background-image:url(/images/weekly-interesting-fact-top.gif); background-position: top left; background-repeat:no-repeat; min-height: 91px; }
div.interesting-fact div.text { padding: 15px; padding-top: 40px; padding-bottom: 5px; font-size: 12px; line-height: 1.3em; }
/* END: Weekly Interesting Fact */

/* START: Footer */
div.footer { width: 860px; background-image:url(/images/footer-bg.gif); background-repeat: no-repeat; background-position: top; margin-left: auto; margin-right: auto; padding-top: 16px; font-size: 12px; text-align: center; color:#cdb161; height: 45px }
div.footer a { margin-left: 4px; margin-right: 4px; color:#968144; }
div.footer a:hover { color:#344b69; }
div.copy { padding-bottom: 20px; text-align: center; font-size: 12px; color:#8e7837; }
div.copy a { color:#968144; }
div.copy a:hover { color:#344b69; }

/* END: Footer */


/* START: CONTACT FORM */

fieldset { width: 550px; margin-bottom: 20px; border: 1px solid #e5d3a1; }
fieldset legend { font-size: 16px; }
fieldset dl { padding: 6px; background: #f7eac7; }
fieldset label { font-size: 12px; color: #2e3957; }

dt { font-size: 12px; color: #2e3957; padding: 0px; margin:0px; margin-top:4px; }
dd { padding: 0px; margin:0px; margin-top:4px; }
input.stdfield { width: 240px; border:1px solid #cacaca; }
input.stdfieldlong { width: 335px; border:1px solid #cacaca; }
select.stdfieldmulti { width: 240px; border:1px solid #cacaca; }
textarea.stdfieldshort { width: 240px; height: 68px; border:1px solid #cacaca; }
textarea.stdfield { width: 335px; height: 68px; border:1px solid #cacaca; }
.stdbutton { width: 120px; height: 30px; color: white; background: #d1af78; border:2px solid #a58248; cursor: pointer; }


ul.errors { padding: 0px; margin: 0px; }
ul.errors li { color: #991a00; list-style:none; padding: 0px; margin: 0px; font-size: 11px; }
div.related { margin-top:20px; }
div.related span.h3 { font-size: 18px; margin:0px; padding: 0px; }
div.related ul { margin:0px; }
div.related li { padding: 6px; font-size: 12px; margin:0px; }


/* END: CONTACT FORM */


table.mmoreinfo { width: 100%; margin-top: 15px; border-top: 1px solid #c6c6c6; }
table.mmoreinfo td { padding-top: 10px; }
table.mmoreinfo td.mnews { width: 60%; padding-right: 20px; }

div.map-btn {  background-position: bottom left; width: 36px; height: 15px;}



/* Rollover buttons
   Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.button {
margin-left: 5px; margin-top: 8px; padding-top: 0px; margin-bottom: 20px;
width: 36px; height: 15px;

}

/* Rollover state */
.button div {
	margin: 0 5px 0 0;
	background-position: 0 100%;height: 15px;
}

/* Rolloff state */
.button div a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: 0 0;
	position: relative;
	overflow: hidden;
}

/* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */
/*.buttons div span		{ display: none; }*/
/*.buttons div a:hover	{ background-image: none; }*/
.button div span			{ position: absolute; width: 100%; height: 100%; cursor: pointer; }
.button div a span	{ background-position: bottom left; }
.button div a:hover span	{ background-position: top left; }

/* Big button images */
.map-btn span	{ background-image:url(/images/map-btn.gif); }


/* Set big button dimensions */
.buttons div.map-btn		{ width: 36px; height: 15px; }



td.obit-date {
     color: #346abf;
     padding-top:20px; 
     padding-bottom:5px; 
     padding-left:0px; 
     font-size: 16px;
     font-weight: bold;
}

div.obit-detail-label {
     color: #346abf;
     padding-top:15px; 
     padding-bottom:5px; 
     padding-left:0px; 
     font-size: 16px;
     font-weight: bold;
}





div.dimgw {
     float: right;
     margin-left: 10px;
}



/* NEWS */
div.news-item { padding-bottom: 20px;}
div.news-item div.date { font-size: 11px; font-weight: bold;}
div.news-item div.title a{ color: #4771ac; border-bottom: 1px dotted #4771ac;}
div.news-item div.title a:hover { color:#5076F8;}
div.news-item div.teaser {font-size: 12px; font-style: italic;}

/* MISC */
ul.interesting-facts li { border-bottom: 1px dotted #CCCCCC; padding-top: 10px; padding-bottom: 10px;}
div.if-see-more { padding-top: 10px; font-weight: bold; text-align: right; }
div.hp-trivia-btn { float: right;}