/* *********************************************************** */
/*                      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: #213602;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; padding: 1em 0 0 0;}
/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}*/
h1 {font-size: 1.6em; color: #cc9933;}
h2 {font-size: 1.4em; color: #cc9933;}
h3 {font-size: 1.2em; color: #cc9933;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

a {color: #cc9933;}
a:hover {}
p, ol, ul, dl, dt, td, th {margin: 1em 0; line-height: 1.6em; font-size: 1.15em;}

.tunnel {font-size:1.35em;}

/* *********************************************************** */
/*                   DEFAULT LAYOUT STYLES                     */
/* *********************************************************** */

html, body {height: 100%; min-height: 100%; }        
body {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FFF;
    background: #555551;
}
#sitewrapper,
#pagewrapper {
    position: relative;
    height: auto !important;
    min-height: 100%;
}
#sitewrapper,
#footer {
    width: 752px;
}
#sitewrapper {
    margin: 0 auto;
    background-image: url(sitewrapper-bg.gif);
    background-repeat: repeat-y;
}
#pagewrapper {
    padding-bottom: 45px;
}
#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 45px;
    background-image: url(footer-bg.jpg);
    background-repeat: repeat-y;
    text-align: center;
}
#header {
    height: 250px;
    padding: 25px 0 0;
    background-image: url(header-bg.jpg);
    background-repeat: no-repeat;
}
#bodywrapper {
    padding: 30px 10px;
    color: #000;
}
#column1,
#column2,
#column3 {float: left;}
#column1 {
    min-height: 620px;
    width: 252px;
    background-image: url(column1-bg.jpg);
    background-repeat: no-repeat;
    background-color: #908f89;
}
#column2 {
    width: 500px;
}
#column2a {position: relative; width: 480px; overflow: hidden;}
#address {
    margin: 0 auto;
    height: 60px;
    width: 250px;
    color: #ded9c2;
    font-size: .85em;
    text-align: center;
}
#logo {
    margin: 0 auto;
    height: 120px;
    width: 250px;
}
#logo a {
    display: block;
    height: 120px;
    width: 250px;
}
#logo span {
    display: none;
}
#sidenav {
    margin: 314px auto 0;
    width: 140px;
    text-align: center;
}
#quicksearchwrapper {
    height: 28px;
    width: 387px;
    margin-bottom: 18px;
    padding: 14px 0 0 112px;
    border-right: 1px solid #fff;
    background-color: #333333;
    background-image: url(search-bg.gif);
    background-position: left center;
    background-repeat: no-repeat;
    float: left;
    font-style: italic;
}
#quicksearchwrapper span {
    display: none;
}
#quicksearchField {
    margin-right: 8px;
    float: left;
}
#quicksearchContent {
    width: 215px;
    float: left;
}
#quicksearchContent p {
    font-size: .85em;
    line-height: 1.25em;
    margin-top: -3px;
    padding: 0;
}
#deathnotices {
    height: 130px;
    margin-bottom: 5px;
    padding: 110px 5px 0;
    border: 1px solid #fff;
    font-size: 0.8em;
    text-align: center;
    background-image: url(onlinecondolences-main.jpg);
    background-repeat: no-repeat;
}
#deathnotices a {
    color: #ffffff;
    text-decoration: none;
}
#noticesearch a {
    margin-top: 10px;
}
#newsletter {
    padding: 5px;
    background-color: #8eb89e;
    color: #000;
    font-size: .8em;
    text-align: center;
}
#newsletter h2 {
    padding: 4px 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 1.2em;
    text-align: center;
    color: #fff;
    background-color: #545454;
}
#calendar {
    width: 143px;
    height: 135px;
    background-image: url(calendar.gif);
    background-repeat: no-repeat;
    background-position: 0 30px;
}
#calendar h2{
    font-family: Verdana, Geneva, sans-serif;
    font-size: .95em;
    text-align: center;
    color: #fff;
}
#calendar a {
    display: block;
    width: 143px;
    height: 135px;
}
#calendar span {
    display: none;
}
#bggradient {
    position: absolute;
    width: 100%;
    height: 500px;
    left: 0;
    top: 0;
    background: url(header-gradient.gif) repeat-x;
}
#sitewrapper #bodywrapper ul li,
#sitewrapperHP #bodywrapper ul li {margin-left: 40px; list-style-image: url(bullet.png); }
.clear {clear: both;}

/* *********************************************************** */
/*                      HOME PAGE STYLES                       */
/* *********************************************************** */

#sitewrapperHP,
#pagewrapper {
    position: relative;
    height: auto !important;
    min-height: 100%;
}
#sitewrapperHP {
    margin: 0 auto;
    background-image: url(sitewrapperHP-bg.gif);
    background-repeat: repeat-y;
}
#sitewrapperHP #column2 {
    width: 500px;
}
#sitewrapperHP #bodywrapper {
    background-image: url(mp-datapane-bg.jpg);
    background-repeat: no-repeat;
    color: #fff;
}
#sitewrapperHP,
#footer {
    width: 752px;
}
#column1,
#column2,
#column3 {float: left;}
#column1 {
}

/* *********************************************************** */
/*                   ADVANTAGE PLUS STYLES                     */
/* *********************************************************** */

#sitewrapperTP,
#sitewrapperTP #pagewrapper {position: relative; height: auto !important; min-height: 100%;}
#sitewrapperTP {width: 750px; margin: 0 auto; background-image: url(sitewrapperTP-bg.gif); background-repeat: repeat-y; background-position: center;}
#sitewrapperTP .module a {cursor: pointer; font-size:1.25em;}
#sitewrapperTP #header {width: 750px; height: 360px; background-image: url(headerTP-bg.jpg); background-repeat: no-repeat;}
#sitewrapperTP #header span {display: none;}
#sitewrapperTP #header #logo {width: 500px; float: right;}
#sitewrapperTP #header #logo a {}
#sitewrapperTP #header #address {width: 500px; margin-top: 30px; float: right; color: #fff; font-weight: bold;}
#sitewrapperTP #navigation {position: absolute; right: 105px; top: 220px;}
#sitewrapperTP #navigation li {float: left;}
#sitewrapperTP #entersite-btn span,
#sitewrapperTP #condolence-btn span {display: none;}
#sitewrapperTP #entersite-btn a,
#sitewrapperTP #condolence-btn a {display: block; width: 150px; height: 20px;}
#sitewrapperTP #entersite-btn a {margin-right: 10px; background-image: url(entersite-btn.png);}
#sitewrapperTP #condolence-btn a {background-image: url(condolences-btn.png);}
#sitewrapperTP #bodywrapper {padding: 0 30px;}
#sitewrapperTP .intro {position: relative; margin-top: -100px;}
#sitewrapperTP .intro h2 {padding: 0; margin: 0; font-size: 2em; font-weight: normal;}
#sitewrapperTP #column1,
#sitewrapperTP #column2 {position: relative;}
#sitewrapperTP #column1 {width: 202px; margin-bottom: 20px; padding-right: 18px; background-color: transparent; background-image: none;}
#sitewrapperTP #column2 {width: 455px; padding-left: 15px; color: #fff;}
#sitewrapperTP #servicecontrols a {color: #fff;}
#sitewrapperTP #servicecontrols .sep {color: #402a0a;}
#sitewrapperTP #ourlocation #map {height: 150px; width: 100%;}
#services h2,
#ourlocation h2,
#funeralnews h2,
#localweather h2,
#localairlines h2 {padding-bottom: 10px; color: #402a0a; border-bottom: 1px solid #cc9933;}
#sitewrapperTP #footer {width: 750px; background-image: url(footerTP-bg.jpg); background-repeat: no-repeat;}
#sitewrapperTP #footer a {#402a0a}
#sitewrapperTP a {color: #eddaa0;}
.news_article {color: #eddaa0;}
.news_date {color: #fff;}

/* *********************************************************** */
/*                        FORM STYLES                          */
/* *********************************************************** */

form input,
form select,
form textarea {
    font-size: 1em;
    padding: 2px;
    margin: 2px 0;
    border: 1px solid #000;
    background-color: #fff;
}
