/* *********************************************************** */
/*                      CONTENT STYLES                         */
/* *********************************************************** */
/*    NOTE: Make sure to define the body font-size in layout   */
/*          section below, as a lot of the layout is em based  */
/* *********************************************************** */

body {font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; padding: 1em 0 0 0; color: #a69b21; font-family: Georgia, "Times New Roman", serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; color: #a69b21;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

a {color: #a69b21; text-decoration: none;}
a:hover {}
p, ol, ul, dl, dt, td, th {margin: 1em 0; /*line-height: 1.6em; */font-size: 1.15em;}
#bodywrapper ul li,
#bodywrapperHP ul li {margin-left: 40px; list-style-image: url(bullet.png); }
#bodywrapper ol li,
#bodywrapperHP ol li {margin-left: 40px; list-style-type: decimal; }


/* *********************************************************** */
/*                   DEFAULT LAYOUT STYLES                     */
/* *********************************************************** */

.clear {clear: both;}
html, body {height: 100%;}        
body {font-size: 10px; background: #5c6589; background-image: url(body-bg.jpg);}
#bggradient,
#bggradientTP {position: absolute; width: 100%; height: 266px; left: 0; top: 0; background: url(bg-gradient.jpg) repeat-x;}
#sitewrapper,
#sitewrapperHP,
#sitewrapperTP,
#pagewrapper,
#bodywrapper,
#column1,
#column2 {position: relative;}
#sitewrapper,
#sitewrapperHP,
#sitewrapperTP,
#footer {width: 770px;}        
#sitewrapper,
#sitewrapperHP,
#sitewrapperTP {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; background: url(sitewrapper-bg.gif) repeat-y;}
#pagewrapper {min-height: 100%; height: auto !important;  padding-bottom: 69px;}
#sidenav p {}
#column1,
#column2,
#column2a,
#column2b,
#column3 {float: left;}
#column1 {padding: 10px 9px 0; width: 156px;}
#column2 {padding: 10px 15px 0; width: 566px;}
#header {height: 120px; background-image: url(header-bg.png); background-repeat: no-repeat;}
#logo {height: 97px; width: 100%;}
#logo a {display: block; width: 100%; height: 100%;}
#logo a span {display: none;}
#quicksearchwrapper {padding: 2px 10px 2px 14px; float: left;}
#topnav {height: 25px; font-size: 1.2em; color: #ffffff; text-align: center; font-weight: bold; line-height: 21px;}
#topnav a {color: #ffffff;}
#topnav .seperator {padding: 0 15px;}
#bodywrapper {background-image: url(bodywrapper-bg.png); background-repeat: no-repeat; background-position: top left; min-height: 50px;}

p#date {position: relative; margin: -3px -1px 0 -3px; padding-left: 10px; background: #878787; height: 24px; color: #ffffff; font-style: italic;}
#footer {position: absolute; bottom: 0; left: 0; height: 49px; padding: 20px 0 0 0; background-image: url(footer-bg.jpg); background-repeat: no-repeat; background-color: #5c6589; color: #ffffff; text-align: center;}
#footer p {margin: -5px 0 5px 0; font-weight: bold;}
#footer .address {color: #ffffff;}
#footer .seperator {padding: 0 5px; }
#footer a {color: #b5a570;}

.address {text-align: center; color: #502c39; line-height: 1.4em;}
.callout {margin: 0 8px 0 5px; color: #000000; font-size: 1.1em; padding-bottom: 10px; border-bottom: 1px solid #1a0534;}
.callout h4 {font-family: Arial, Verdana, helvetica, sans-serif; font-size: 1em; font-weight: bold;}
.callout p {font-size: 1em; line-height: 1.3em; margin: 0.5em 0; color: #ffffff;}
a.learnmore {color: #cebf16;}

/* *********************************************************** */
/*                   ADVANTAGE PLUS STYLES                     */
/* *********************************************************** */

#bggradientTP {background-image: url(bg-gradientTP.jpg);}
#sitewrapperTP,
#sitewrapperTP #footer {width: 750px;}
#sitewrapperTP {background-image: url(sitewrapperTP-bg.gif);}
#sitewrapperTP #pagewrapper {padding-bottom: 76px;}
#sitewrapperTP #header {position: relative; background-image: url(headerTP-bg.jpg); height: 285px;}
#sitewrapperTP #header h1 span {display: none;}
#sitewrapperTP #header h1 {position: absolute; width: 512px; height: 120px; top: 280px; padding: 0; background-image: url(logoTP.png); background-repeat: no-repeat; background-position: center;}
#sitewrapperTP #navigation {position: absolute; margin: 0; height: 60px; width: 230px; bottom: 20px; right: 10px;}
#sitewrapperTP #navigation a {display: block; width: 100%; height: 100%;}
#sitewrapperTP #navigation a span {display: none;}
#sitewrapperTP #entersite-btn,
#sitewrapperTP #condolence-btn {width: 230px; height: 25px; background-repeat: no-repeat;}
#sitewrapperTP #entersite-btn {background-image: url(entersite-btn.jpg);}
#sitewrapperTP #condolence-btn {background-image: url(onlinecondolence-btn.jpg); margin-top: 3px;}
#sitewrapperTP .intro {font-size: 1.2em; line-height: 1.6em;}
#sitewrapperTP #bodywrapper {background: url(bodywrapperTP-bg.png) no-repeat 0 125px;}
#sitewrapperTP .module a {color: #ffffff; cursor: pointer;}
#sitewrapperTP #column1 {padding: 115px 20px 0; margin: 0; width: 472px;}
#sitewrapperTP #column2 {width: 200px; padding: 10px 13px;}
#sitewrapperTP #services p {margin: 0.5em 0;}
#sitewrapperTP #services #servicecontrols a {font-size: 1.1em; margin: 0; font-weight: bold;}
#sitewrapperTP #funeralnews .news_date {font-weight: bold; color: #5e3542; padding-left: 25px; background: url(news-icon.png) no-repeat;}
#sitewrapperTP #ourlocation #map {height: 148px; width: 100%;}
#sitewrapperTP #footer {background-image: url(footerTP-bg.jpg); height: 46px; padding-top: 30px;}

/* *********************************************************** */
/*                      HOME PAGE STYLES                       */
/* *********************************************************** */
/*  Home page is the same as default styles for this theme     */
/* *********************************************************** */

#sitewrapperHP {background-image: url(sitewrapperHP-bg.gif);}
#sitewrapperHP #column1 {width: 157px; padding-right: 0;}
#sitewrapperHP #column2 {width: 430px; padding: 255px 0 0 12px; background-image: url(column2HP-bg.jpg); background-repeat: no-repeat; background-position: 0 7px;}
#sitewrapperHP #column2a,
#sitewrapperHP #column2b {width: 190px;}
#sitewrapperHP #column2a {margin: 0 5px 0 18px;}
#sitewrapperHP #column2b {margin: 0 17px 0 10px;}
#sitewrapperHP #column3 {width: 159px; padding: 7px 2px 0 0;}
#sitewrapperHP #deathnotices {position: relative; background-image: url(deathnoticesHP-bg.jpg); background-repeat: no-repeat; height: 182px;}
#sitewrapperHP #deathnotices h3,
#sitewrapperHP #deathnotices h3 a {display: block; width: 100%; height: 100%;  margin: 0; padding: 0;}
#sitewrapperHP #deathnotices h3 span {display: none;}
#sitewrapperHP #deathnotices p {margin-top: -105px; color: #ffffff; line-height: 10px; font-size: 8.5px; padding: 0 8px; margin-bottom: 4px;}
#sitewrapperHP #noticesearch {padding: 0 0 0 4px;}
#sitewrapperHP #noticesearch input {width: 105px !important; margin-right: 10px;}
#sitewrapperHP #bodywrapper {background-image: url(bodywrapperHP-bg.png);}
#sitewrapperHP #footer {background-image: url(footerHP-bg.jpg);}