/* *********************************************************** */
/*                      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; font-size: 10px; background: #1b1b1b;}

h1, h2, h3, h4, h5, h6 {padding: 1em 0 0 0; color: #4f7342; font-family: Georgia, serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.2em;}

a {color: #4f7342;}
a:hover {}
p, ol, ul, dl, dt, td, th {margin-bottom: 1em; line-height: 1.6em; font-size: 1.15em;}

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

html, body {height: 100%; min-height: 100%; }        
#sitewrapper,
#pagewrapper {position: relative; height: auto !important; min-height: 100%;}
#sitewrapper,
#footer {width: 770px;}
#sitewrapper {margin: 0 auto; background-image: url(sitewrapper-bg.gif); background-repeat: repeat-y;}
#pagewrapper {padding-bottom: 60px;}
#header {height: 168px; background: url(header-bg.gif) repeat-x;}
#navigation {margin-top: 65px; padding-left: 0px; color: #ffffff; font-weight: bold; background-color:#000000;}
#navigation a {color: #935549;}
#bodywrapper {padding: 40px 20px;}
#column1,
#column2,
#column3 {float: left;}
#column1 {padding-top: 145px; width: 174px; background-image: url(column1-bg.jpg); background-repeat: no-repeat;}
#column2 {width: 595px;}
#column3 {width: 144px;}
#logo {height: 188px; width: 448px; float: left; background-image: url(logo-bg.jpg); background-repeat: no-repeat;}
#logo span {display: none;}
#quicksearch {padding: 5px 0 5px 8px; float: left; width: 166px; background-color: #7e7e7e;}
#quicksearch p {margin: 0; color: #ffffff;}
#deathnotices {padding-top: 105px; height: 83px; width: 144px; float: left; text-align: center; color: #fff; background-image: url(condolences-bg.jpg); background-repeat: no-repeat;}
#deathnotices span {display: none;}
#deathnotices img {margin-left: -4px;}
#date {padding: 5px 0 5px 10px; color: #fff; font-style: italic; background-color: #545454;}
#bggradient {position: absolute; top: -10px; width: 100%; height: 500px; left: 0; top: 0; background-image: url(header-gradient.gif); background-repeat: repeat-x;}
/*#bggradient {background: url(header-gradient.gif) repeat-x;}*/
#bodywrapper ul li,
#sitewrapperHP #bodywrapper ul li,
#bodywrapperHP ul li {margin-left: 40px; list-style-image: url(bullet.png); }
#sitewrapperTP #bodywrapper ul li {margin: 0; list-style-type: none; list-style-image: none;}
#footer {position: absolute; bottom: 0; left: 0; margin: 0 auto; padding-top: 10px; height: 50px; width: 770px; color: #fff; background-color: #545454; text-align: center;}
#footer p {padding: 0; line-height: 0.4em;}
#footer p.adminlinks {margin-bottom: 5px; font-size: .85em;}
#footer a {color: #66ccff; text-decoration: none;}
.clear {clear: both;}

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

#sitewrapperHP {position: relative; margin: 10px auto; height: auto !important; min-height: 100%; width: 760px; color: #000; background-image: url(sitewrapperHP-bg.gif); background-repeat: repeat-y;}
#sitewrapperHP #column2 {width: 446px; float: left;}
#sitewrapperHP #bodywrapper {margin-top: 162px;}
#deathnoticesHP {padding-top: 160px; width: 144px; height: 90px; float: left; text-align: center; color: #fff; font-size: .85em; background-image: url(condolencesHP-bg.jpg); background-repeat: no-repeat;}
#deathnoticesHP p {line-height: 1em;}
#deathnoticesHP span {display: none;}
#deathnoticesHP a {color: #000000;}

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

#bggradientTP {background: url(header-gradientTP.gif) repeat-x;}
#sitewrapperTP,
#sitewrapperTP #pagewrapper {position: relative; height: auto !important; min-height: 100%;}
#sitewrapperTP,
#sitewrapperTP #footer {width: 760px; margin: 0 auto; color: #ffffff; background-image: url(sitewrapperTP-bg.gif); background-repeat: repeat-y;}
#sitewrapperTP #header {width: 750px; height: 300px; background-image: url(headerTP-bg.jpg); background-repeat: no-repeat;}
#sitewrapperTP #header span {display: none;}
#sitewrapperTP #header #logo {width: 760px; height: 300px; background-image: url(logoTP-bg.jpg); background-repeat: no-repeat;}
#sitewrapperTP #header #logo a {}
#sitewrapperTP #header #address {width: 500px; margin-top: 30px; float: right; color: #fff; font-weight: bold;}
#sitewrapperTP #navigation {position: absolute; right: 50px; top: 216px;}
#sitewrapperTP #navigation li {float: left;}
#sitewrapperTP #entersite-btn span,
#sitewrapperTP #condolence-btn span {display: none;}
#sitewrapperTP #entersite-btn a {display: block; width: 195px; height: 30px;}
#sitewrapperTP #condolence-btn a {display: block; width: 195px; height: 30px;}
#sitewrapperTP #entersite-btn a {margin-right: 10px; background-image: url(entersite-btn.gif); background-repeat: no-repeat;}
#sitewrapperTP #condolence-btn a {background-image: url(condolencesTP-btn.gif); background-repeat: no-repeat;}
#sitewrapperTP #bodywrapper {margin-top: -20px; padding: 0 50px; width: 665px;}
#sitewrapperTP #column1TP {margin: 20px 50px 0 0; width: 170px; color: #fff; float: left;}
#sitewrapperTP #column2TP {color: #fff; float: left; margin:0 75px 50px 75px;}
    #funeralnews {margin: 0 0 20px 0; padding: 0 0 10px 0; width: 440px; border-bottom: 1px solid #fff; float: left;}

    #services       {margin: 0 75px 0 0; padding: 0 0 10px 0; width: 230px; overflow: auto; border-bottom: 1px solid #fff; float: left;}
    #ourlocation                        {padding: 0 0 10px 0; width: 230px; border-bottom: 1px solid #fff; float: left;}
    #localweather   {margin-right: 10px; padding: 0 0 10px 0; width: 180px; border-bottom: 1px solid #fff; float: left;}
    #loalairlines                       {padding: 0 0 10px 0; width: 200px; border-bottom: 1px solid #fff; float: left;}
    
    #funeralnews h2, #services h2, #localairlines h2, #ourlocation h2, #localweather h2 {margin-bottom: 10px;}

#sitewrapperTP #servicecontrols a {color: #ffffff;}
#sitewrapperTP #servicecontrols { cursor:pointer;}
#sitewrapperTP #servicecontrols .sep {color: #336666;}
#sitewrapperTP #CurrentRecords,
#sitewrapperTP #PastRecords {color: #336666;}
#sitewrapperTP #CurrentRecords a,
#sitewrapperTP #PastRecords a {color: #336666;}
#sitewrapperTP #ourlocation #map {height: 150px; width: 100%;}

#localairlines a {display: block; padding: 5px 0; border-bottom: 1px solid #855e54;}
#myMap {width: 100%; height: 100%;}

#sitewrapperTP #footer {height: 60px; width: 758px;}
#footer a,
#sitewrapperTP #footer a {color: #4f7342;}

.news_article {color: #fff;}
.news_date {color: #336666;}

/* *********************************************************** */
/*                        FORM STYLES                          */
/* *********************************************************** */

form input,
form select,
form textarea {
    margin-right: 5px;
    font-size: 1em;
    padding: 0px;
    margin: 0;
    border: 1px solid #3a6c3c;
    background-color: #fff;
}

#enter{ width:400px; height:30px; margin: 215px 0 0 310px; background-image:url(enter.jpg); }

#apDiv1 {
	position:absolute;
	left:310px;

	width:193px;
	height:26px;
	z-index:1;
}

#apDiv2 {
	position:absolute;
	left:516px;
	
	width:193px;
	height:26px;
	z-index:1;
}

#apDiv2 a:link{
	display: none;
	width:193px;
	height:26px;
	cursor:pointer;
	}
	
#apDiv1 a:link{
	display: none;
	width:193px;
	height:26px;
	cursor:pointer;
	}


#quicksearchwrapper{ padding-left: 5px; background-color:#7e7e7e;}