/* *********************************************************** */
/*                      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: #666666;}

h1, h2, h3, h4, h5, h6 {font-weight: bold; padding: 1em 0 0 0; color: #0a1f52; font-family:Georgia, Times New Roman, Times, serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: underline; color: #0066ff;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

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

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

.clear {clear: both;}
html, body {height: 100%;}        
body {font-size: 10px; background: #000040; background-image: url(body-bg.jpg);}
#bggradient-mp {position: absolute; width: 100%; height: 266px; left: 0; top: 0; background: url(bg-gradient-mp.png) repeat-x;}
#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; padding: 0 100px; height: 100%; width: 750px; margin: 0 auto;}
#sitewrapper {background: url(sitewrapper-bg.png) repeat-y 38px 0}
#pagewrapper {padding-bottom: 69px; min-height: 100%; height: auto !important; background-color: #ffffff;}
#column1,
#column2,
#bodywrapper #column1,
#bodywrapper #column2 {float: left;}
#column1 {padding:10px 20px; width: 150px;}
#column2 {padding: 10px 20px 50px 20px; width: 700px;}
#column1 p,
#column2 p {line-height: 2em;}
#header {margin: 0px; height: 150px; background-image: url(header-bg.png); background-repeat: no-repeat; background-color: #0a3752;}
#header span {display: none;}
#header p {margin: 0;}
#header a {position: absolute; height: 150px; width: 750px;}
#navigation {width: 750px; height: 76px;}
#navigation a {display: block; width: 150px; height: 76px; float: left;}
/*#navigation a span {display: none;}*/
#navigation ul {margin: 0;}
#navigation ul li {display: block; width: 150px; height: 29px; float: left; background-repeat: no-repeat; background-color: #000040; text-align: center; color: #ffffff; padding-top: 56px;}
.firstbtn {background-image: url(navFirstBtn.jpg);}
.secondbtn {background-image: url(navSecondBtn.jpg);}
.thirdbtn {background-image: url(navThirdBtn.jpg);}
.fourthbtn {background-image: url(navFourthBtn.jpg);}
.fifthbtn {background-image: url(navFifthBtn.jpg);}
#bodywrapper,
#bodywrapperHP {width: 750px;}
#quicksearchwrapper {padding: 10px 25px; margin: 15px 0 0 0; float: left; width: 700px; background-color: #000040; color: #ffffff; font-size: 1.1em; }
p#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; padding: 0 100px; width: 750px; height: 75px; background: #000040 url(footer-bg.png) no-repeat; color: #ffffff; font-family: geneva, times, serif; text-align: center;}
#footer p {margin: 0;}
#footer a {color: #008fee;}
.address {line-height: 1.4em;}
.adminlinks {font-size: 1em;}
.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;}

/* *********************************************************** */
/*                      HOME PAGE STYLES                       */
/* *********************************************************** */

#bodywrapperHP,
#deathnotices {position: relative;}
#bodywrapperHP #column1 {padding: 10px 25px; width: 415px;}
#bodywrapperHP #column2 {margin: 10px 0 45px 0; padding: 0 25px; width: 234px; border-left: 1px solid #000000;}
#deathnotices {margin-bottom: 20px; padding: 5px; border: 1px solid #000000; text-align: center;}
#deathnotices p {color: #ffffff; text-align: center; margin: 0; line-height: 1.4em;}
#deathnoticesTitle {background-color: #000040;}
#deathnoticesTitle p {margin: 0; padding: 10px; font-weight: bold; font-size: 1.4em;}
#deathnoticesContent {padding: 10px; background-color: #a2adbd;}
#deathnoticesContent input {margin-bottom: 10px; width: 100%; border: solid 1px #000000;}

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

#sitewrapperTP,
#sitewrapperTP #pagewrapper {position: relative; height: auto !important; min-height: 100%;}
#sitewrapperTP #pagewrapper {background-image: url(pagewrapperTP-bg.gif);}
#bggradient {position: absolute; width: 100%; height: 500px; left: 0; top: 0; background: url(header-gradient.gif) repeat-x;}
#sitewrapperTP {width: 750px; margin: 0 auto; background-image: url(sitewrapperTP-bg.gif); background-repeat: repeat-y; background-position: center;}
#sitewrapperTP .module a {cursor: pointer;}
#sitewrapperTP #header {width: 750px; height: 275px; background-image: url(headerTP-bg.png); 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 li {float: left;}
#sitewrapperTP #column1,
#sitewrapperTP #column2 {position: relative;}
#sitewrapperTP #column1 {width: 255px; margin-bottom: 20px; padding-right: 18px; background-image: none;}
#sitewrapperTP #column2 {width: 412px; padding-left: 25px;}
#sitewrapperTP #servicecontrols a {color: #270083;}
#sitewrapperTP #servicecontrols .sep {color: #000000;}
#sitewrapperTP #CurrentRecords a {color:#000000;}
#sitewrapperTP #PastRecords a {color:#000000;}
#sitewrapperTP #ourlocation #map {height: 150px; width: 100%;}

#sitewrapperTP .intro {color:#000000}

#sitewrapperTP #localairlines { color:#000000;}

#sitewrapperTP #localweather {color: #000000;}
#localairlines a {color: #000000; display: block; padding: 5px 0; border-bottom: 1px solid #000000;}
.news_article {color: #000000;}
.news_date {color: #0f5480;}

.pillarLeft {position: absolute; top: 0; left: 24px; width: 96px; height: 276px; background: url(pillarLeft-bg.png) no-repeat; z-index: 1;}
.pillarRight {position: absolute; top: 0; left: 830px; width: 96px; height: 276px; background: url(pillarRight-bg.png) no-repeat; z-index: 1;}

.pillarLeft-hp {position: absolute; top: 0; left: -76px; width: 96px; height: 276px; background: url(pillarLeft-mp-bg.png) no-repeat; z-index: 1;}
.pillarRight-hp {position: absolute; top: 0; left: 743px; width: 96px; height: 276px; background: url(pillarRight-mp-bg.png) no-repeat; z-index: 1;}

.pillarLeft-mp {position: absolute; top: 0; left: 24px; width: 96px; height: 276px; background: url(pillarLeft-mp-bg.png) no-repeat; z-index: 1;}
.pillarRight-mp {position: absolute; top: 0; left: 843px; width: 96px; height: 276px; background: url(pillarRight-mp-bg.png) no-repeat; z-index: 1;}