/* *********************************************************** */ /* 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: Verdana, Arial, 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 {color: #1f4c4c;} h1, h2, h3 {font-family: Times, Georgia, serif; color: #1f4c4c; } h1 {font-size: 3em; } h2 {font-size: 2em;} h3 {font-size: 1.6em;} h4 {font-size: 1.4em;} h5 {font-size: 1.2em;} h6 {font-size: 1em;} p, ol, ul, dl, dt, td, th {margin: 1em 0; line-height: 1.6em; font-size: 1.15em;} /* *********************************************************** */ /* DEFAULT LAYOUT STYLES */ /* *********************************************************** */ html, body {height: 100%; min-height: 100%; } body {font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #FFF; background: #1f4c4c;} #sitewrapper, #pagewrapper {position: relative; height: auto !important; min-height: 100%;} #sitewrapper, #footer, #header {width: 752px;} #sitewrapper {margin: 0 auto; background-image: url(sitewrapper-bg.gif); background-repeat: repeat-y;} #pagewrapper {} #header {height: 117px; background-image: url(header-bg.png); background-repeat: no-repeat;} #headerm {height: 117px; background-image: url(headerm-bg.png); background-repeat: no-repeat;} #header2 {height: 117px; background-image: url(header2-bg.png); background-repeat: no-repeat;} #bodywrapper {padding: 10px 30px; color: #000;} #sitewrapper #bodywrapper ul li, #sitewrapperHP #bodywrapper ul li {margin-left: 40px; list-style-image: url(bullet.gif); } #column1, #column2, #column3 {float: left;} #column1 {width: 752px;} #logo {height: 67px; width: 200px; float: left;} #logo a {display: block; height: 105px; width: 225px;} #logo span {display: none;} #logo p {margin: 0; padding: 0;} #address {margin: 6px 25px 0 0; color: #fff; float: right; font-size: .85em;} #navigation {width: 752px; /*min-height: 205px; */background-image: url(navigation-bg.jpg); background-position: bottom; background-repeat: no-repeat;} #sidenav {margin-left: 15px; width: 173px; background-image: url(sidenav-bg.gif); background-repeat: no-repeat; text-align: left; padding-left: 15px;} #quicksearchwrapper {margin-left: 15px; padding: 5px; width: 176px; border: 1px solid #fff; background-color: #8ca3a3; text-align: center;} #quicksearchwrapper p {margin: 0; padding: 0; color: #1f4c4c; font-weight: bold;} #quicksearchwrapper span {display: none;} #deathnotices {margin: 20px 30px; float: left; height: 130px; width: 690px; border-top: 4px solid #8ca3a3; background-image: url(onlinecondolences-bg.jpg); background-position: center; background-repeat: no-repeat;} #deathnotices span {display: none;} #deathnotices a {display: block; margin: 10px auto; height: 95px; width: 590px;} #noticesearch a {margin-top: 10px;} #bggradient {position: absolute; width: 100%; height: 500px; left: 0; top: 0; background: url(header-gradient.gif) repeat-x;} #footer {position: relative; bottom: 0; left: 0; margin: 20px auto 0; padding-top: 20px; height: 65px; background-image: url(footerTP-bg.gif); background-position: center; background-repeat: no-repeat; text-align: center;} #footer p {margin: 0; padding: 0; font-size: .9em;} #footer p.adminlinks {margin-bottom: 5px; font-size: .85em;} #footer a {color:#FFF; text-decoration: underline;} .clear {clear: both;} /* *********************************************************** */ /* HOME PAGE STYLES */ /* *********************************************************** */ #sitewrapperHP, #pagewrapper {position: relative; height: auto !important; min-height: 100%;} #sitewrapperHP {margin: 0 auto; background-image: url(sitewrapper-bg.gif); background-repeat: repeat-y;} #sitewrapperHP #column1, #column2 {float: left;} #sitewrapperHP #column1 {margin: 20px 0; width: 355px; padding-right: 20px; border-right: 1px solid #8ca3a3;} #sitewrapperHP #column2 {width: 214px; padding:20px 80px 0 20px; height: 250px; background-image: url(prearrange-bg.jpg); background-position: bottom right; background-repeat: no-repeat;} #sitewrapperHP #column2 h2{font-family: Times, Georgia, serif; color: #1f4c4c; font-size:19px;} #sitewrapperHP #column2 span {display: none;} #sitewrapperHP #column2 a.prearrange {display: block; margin-top: 10px; width: 118px; height: 32px; background-image: url(prearrangeBtn.gif); background-repeat: no-repeat;} #sitewrapperHP #column2 a.prearrange:hover {display: block; margin-top: 10px; width: 118px; height: 32px; background-image: url(prearrangeBtn-ON.gif); background-repeat: no-repeat;} #sitewrapperHP #bodywrapper {background-image: url(mp-datapane-bg.jpg); background-repeat: no-repeat;} #sitewrapperHP #hpHeadline {width: 690px;} #sitewrapperHP #hpHeadline h1 {padding: 0; font-size: 2.5em;} #sitewrapperHP, #footer {width: 752px;} /*- - - - - -*/ #moddiv {width: 750px; height: auto;} #sitewrapperHP #column11, #column22 {float: left;} #sitewrapperHP #column11 {margin-bottom: 20px; width: 350px; padding: 0 60px 0 27px; float: right; color:#000} #sitewrapperHP #column22 {width: 190px; padding:0 20px 0 80px; height: auto; background-repeat: no-repeat; border-right: 1px solid #000;} #column11 {float: right;} #sitewrapperHP #servicecontrols a {color: #1f4c4c;} #sitewrapperHP #servicecontrols .sep {color: #669966;} #sitewrapperHP #ourlocation #map {height: 221px; width: 252px; color:#000} #services h2, #ourlocation h2, #funeralnews h2, #localweather h2, #localairlines h2 {/*padding-bottom: 10px;*/ padding: 0 0 10px 0; color: #1f4c4c;} #sitewrapperHP .module a {cursor: pointer; color: #000000;} /*-----------*/ #sitewrapperHP #localweather {color: #000000;} #localairlines a {display: block; padding: 5px 0; border-bottom: 1px solid #000000;} .intro {color: #000000;} .news_article {color: #000000;} .headercolour{ color: #3a0515; font-size:1px} .news_date {color: #3a0515; font-family: Georgia, Times, serif; font-weight: bold;} /*- - - - - - - */ /* *********************************************************** */ /* ADVANTAGE PLUS STYLES */ /* *********************************************************** */ #sitewrapperTP, #sitewrapperTP #pagewrapper {position: relative; height: auto !important; min-height: 100%;} #sitewrapperTP {width: 748px; margin: 0 auto; background-image: url(sitewrapperTP-bg.gif); background-repeat: repeat-y; background-position: center;} #sitewrapperTP .module a {cursor: pointer; color: #669966;} #sitewrapperTP #header {width: 750px; height: 445px; 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 {margin-top: 30px; color: #fff; font-weight: bold;} #sitewrapperTP #navigationTP { position: absolute; right: -16px; top: 225px; margin: 0; } /*#sitewrapperTP #navigationTP li {float: left;}*/ #sitewrapperTP #entersite-btn span, #sitewrapperTP #condolence-btn span {display: none;} #sitewrapperTP #entersite-btn a, #sitewrapperTP #condolence-btn a {display: block; width: 220px; height: 40px;} #sitewrapperTP #entersite-btn a {margin-right: 10px; background-image: url(entersite-btn.png);} #sitewrapperTP #entersite-btn a:hover {margin-right: 10px; background-image: url(entersite-btn-ON.png);} #sitewrapperTP #condolence-btn a {background-image: url(condolences-btn.png);} #sitewrapperTP #condolence-btn a:hover {background-image: url(condolences-btn-ON.png);} /*-------*/ #buttonbar1{width: 180px; margin-left: 15px; min-height:75px; background-image:url(enterbtns1.png); background-repeat:no-repeat; float: left; } #buttonbar2{width: 210px; margin-right: 15px; min-height:75px; background-image:url(enterbtns2.png); background-repeat:no-repeat; float: right; } #apDiv1{width:137px; height:30px;} #apDiv2{width:137px; height:35px;} #buttontext1{ text-align:center; width: 200px;float: left;} #buttontext2{ text-align:center; width: 200px;float: right;} #buttontext1 p { line-height: 1px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size: 12px; letter-spacing: 1px;} #buttontext2 p { line-height: 1px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size: 12px; letter-spacing: 1px;} #buttontext1 p1 { line-height: 20px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size: 15px;} #buttontext2 p1 { line-height: 20px; font-family:"Times New Roman", Times, serif; font-weight:bold; font-size: 15px;} #directorsname{width: 502px; height: 23; background-image:url(fundirectors.jpg); margin-top:35px; background-repeat:no-repeat;} /*-----*/ #sitewrapperTP #bodywrapper {padding: 0 30px;} #sitewrapperTP .intro {position: relative; margin: -200px 0 0 40px; width: 420px;} #sitewrapperTP .intro h1{font-family: Times, Georgia, serif; color: #1f4c4c; font-size: 24px; font-weight: bold; padding: 1em 0 0 0; line-height: 0em; } #sitewrapperTP .intro h2 {padding: 0; margin: 0; width: 340px; height: 55px; font-size: 2em; font-weight: normal; background-image: url(welcomeBG.png); background-repeat: no-repeat;} #sitewrapperTP .intro span {display: none;} #sitewrapperTP #column1, #sitewrapperTP #column2 {position: relative;} #sitewrapperTP #column1 {margin-left: 40px; padding-right: 18px; width: 202px; text-align: left; background-color: transparent; background-repeat:no-repeat; borter-right: solid #000 1px;} #sitewrapperTP #column1 p1 { font-family:"Georgia", Times New Roman, Times, serif; font-size: 18px; font-weight:bold; color:#1f4c4c;} #sitewrapperTP #column1 p2 { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color:#1f4c4c;} #sitewrapperTP #column2 {width: 380px; padding-left: 20px; color: #1f4c4c; float:right; padding-right: 20px;} #sitewrapperTP #servicecontrols a {color: #1f4c4c;} #sitewrapperTP #servicecontrols .sep {color: #669966;} #sitewrapperTP #ourlocation #map {height: 221px; width: 252px;} #services h2, #ourlocation h2, #funeralnews h2, #localweather h2, #localairlines h2 {/*padding-bottom: 10px;*/ padding: 0 0 10px 0; color: #1f4c4c;} #sitewrapperTP #footer {width: 750px; background-image: url(footerTP-bg.gif); background-repeat: no-repeat;} #sitewrapperTP #footer a {color: #669966;} #sitewrapperTP a {color: #eddaa0;} .news_article {color: #1f4c4c;} .news_date {color: #669966;} #fundir{background-image:url(fundirectors.jpg); background-repeat:no-repeat; width: 515px; height:20px; margin: 20px 20px 20px 35px;} /* *********************************************************** */ /* FORM STYLES */ /* *********************************************************** */ form input, form select, form textarea {font-size: 1em; padding: 2px; margin: 2px 0; border: 1px solid #000; background-color: #fff;} #sidenav2{max-width:188;/* margin-top: 10px; margin-left: 5px; margin-right: 7px;*/ padding-left: 10px; padding-bottom: 3px; padding-top:10px ;background-color:#003333; font-size:11px;} #sidenav2 a{ color:#FFFFFF; text-decoration:none} .hflymenu a:hover{ display: block; margin-left:-10px; padding-left: 10px; width:178px; background-color:#8ca3a3; } #deathnotices2 {float: left; height: 30px; width: 690px; border-top: 4px solid #8ca3a3; background-position: center; background-repeat: no-repeat;} #deathnotices2 span {display: none;} #deathnotices2 a {display: block; margin: 10px auto; height: 95px; width: 590px;}