/* *********************************************************** */
/*                      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: #1e503e; font-family: Georgia, "Times New Roman", serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; color: #1e503e;}
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: #1e503e;}
a:hover {}
p, ol, ul, dl, dt, td, th {margin: 1em 0; line-height: 1.4em; font-size: 1.15em;}

#column2 ul li {margin-left: 40px; list-style-image: url(bullet.png);}
#column2 ol li {margin-left: 40px; list-style: decimal;}

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

.clear {clear: both;}
html, body {height: 100%;}        
body {font-size: 10px; background: #5c6589; background-image: url(body-bg.jpg);}
#bggradient {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;}
#column1,
#column2,
#column2a,
#column2b,
#column3 {float: left;}
#column1 {padding: 10px 9px 0; width: 148px;}
#column2 {padding: 10px 15px 0; width: 574px;}
#header {height: 122px; 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: 4px 10px 3px 24px; float: left;}
#topnav {margin-right: 20px; height: 25px; font-size: 1.2em; color: #ffffff; text-align: right; font-weight: bold; line-height: 21px;}
#topnav a {color: #ffffff;}
#topnav .seperator {padding: 0 15px;}
#bodywrapper {background-image: url(bodywrapper-bg.gif); background-repeat: no-repeat; background-position: top left; min-height: 50px;}
#date {position: relative; margin: -3px -1px 0 -2px; background: #908e7b; height: 24px; color: #ffffff; font-style: italic; text-align: center;}
#footer {position: absolute; bottom: 0; left: 0; height: 55px; padding: 15px 0 0 0; background-image: url(footer-bg.jpg); background-repeat: no-repeat; background-color: #5c6589; color: #ffffff; text-align: center;}
#footer p {margin: 0; font-weight: bold;}
#footer .address {color: #ffffff;}
#footer .seperator {padding: 0 5px; }
#footer a {color: #b5a570;}

.address {margin-top: 25px; text-align: center; color: #1e503e; 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;}
a.learnmore {color: #075cf8;}

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

#sitewrapperTP h1, #sitewrapperTP h2, #sitewrapperTP h3, #sitewrapperTP h4, #sitewrapperTP h5, #sitewrapperTP h6 {color: #a5a55a;}

#bggradientTP {position: absolute; width: 100%; height: 266px; left: 0; top: 0; background: url(bg-gradientTP.jpg) repeat-x;}
#sitewrapperTP,
#sitewrapperTP #footer {width: 800px;}
#sitewrapperTP {background-image: url(sitewrapperTP-bg.gif);}
#sitewrapperTP #pagewrapper {padding-bottom: 76px;}
#sitewrapperTP #header {position: relative; margin: 0; padding-top: 170px; height: 260px; width: 800px; background: transparent url(headerTP-bg.jpg) no-repeat scroll center top;}
#sitewrapperTP #header h1 span {display: none;}
/*#sitewrapperTP #header h1 {position: absolute; width: 512px; height: 114px; top: 280px; padding: 0; background-image: url(logoTP.png); background-repeat: no-repeat; background-position: center;}*/
#header .navigation {position: relative; width: 400px; height: 240px; background-repeat: no-repeat;  float: left;}
#sitewrapperTP #header #navlocation1 {margin: 0; height: 260px; background-image: url(location1-bg.jpg); z-index:1;}
#sitewrapperTP #header #navlocation2 {margin: 0; height: 260px; background-image: url(location2-bg.jpg); z-index: 0;}
#sitewrapperTP #navigation {position: absolute; margin: 0; height: 53px; width: 230px; bottom: 12px; right: 10px;}
#sitewrapperTP #navigation a {display: block; width: 100%; height: 100%;}
#sitewrapperTP #navigation a span {display: none;}
.navigation span {display: none;}
.navigation li {position: absolute; top: 225px; width: 155px; height: 32px; background-repeat: no-repeat;}
.navigation a {display: block; width: 100%; height: 100%;}
#location1-entersite-btn {left: 240px;}
#location1-condolence-btn {left: 405px;}
#location1-entersite-btn  {background-image: url(entersite-btn.png);}
#location1-condolence-btn {background-image: url(condolences-btn.png);}
#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 #bodywrapper {padding: 0 40px;}
#sitewrapperTP .intro {color: #ffffff; font-size: 1.2em; line-height: 1.6em;}
#sitewrapperTP #bodywrapper {background: url(bodywrapperTP-bg.png) no-repeat 0 125px;}
#sitewrapperTP .module a {color: #a5a55a; cursor: pointer;}
#sitewrapperTP #column1 {margin-right: 40px; padding: 0; width: 340px; float: left; font-size: 1.2em; line-height: 1.4em; color: #ffffff;}
#sitewrapperTP #column2 {margin: 0; padding: 0; width: 340px; float: left; font-size: 1.2em; line-height: 1.4em; color: #ffffff;}
#sitewrapperTP #services li {list-style-image: none;}
#sitewrapperTP #services p {margin: 0.5em 0;}
#sitewrapperTP #services #servicecontrols a {color: #ffffff; font-size: 1.1em; margin: 0; font-weight: bold;}
.sep {color: #a5a55a;}
#sitewrapperTP #funeralnews .news_date {font-weight: bold; color: #a5a55a;}
#sitewrapperTP #ourlocation #map {margin-top: 15px; height: 148px; width: 275px;}
#sitewrapperTP #footer {background-image: url(footerTP-bg.jpg); height: 55px; padding-top: 15px;}
#funeralnews h2 {font-weight: bold;}
/*#funeralnews p {font-size: 1em;}*/
.news_article {padding: 0.5em 0; color: #ffffff;}
.news_date {color: #a5a55a;}

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

.callout {margin: 0 8px 0 5px; color: #000000; font-size: 1.1em; padding-bottom: 10px; border-bottom: 1px solid #1a0534;}
.callout h4 {font-size: 1.1em; color: #5e3442; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold;}
.callout p {font-size: 1em; line-height: 1.1em;}
a.learnmore {color: #075cf8;}
#sitewrapperHP {background-image: url(sitewrapperHP-bg.gif);}
#sitewrapperHP #column1 {width: 149px; padding-right: 0;}
#sitewrapperHP #column2 {width: 407px; padding: 235px 20px 0; background-image: url(column2HP-bg.jpg); background-repeat: no-repeat; background-position: 0 4px;}
#sitewrapperHP #column2a,
#sitewrapperHP #column2b {width: 200px;}
#sitewrapperHP #column2a {margin: 0 5px 0 18px;}
#sitewrapperHP #column2b {margin: 0 17px 0 10px;}
#sitewrapperHP #column3 {width: 145px; padding: 6px 8px 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: -80px; color: #ffffff; line-height: 10px; font-size: 8.5px; padding: 0 3px; text-align: center; margin-bottom: 4px;}
#sitewrapperHP #noticesearch {padding: 0 0 0 4px;}
#sitewrapperHP #bodywrapper {background-image: url(bodywrapperHP-bg.png);}
#sitewrapperHP #footer {background-image: url(footerHP-bg.jpg);}