/*------- GENERAL STRUCTURE & GLOABL STYLES -------*/ html,body{height:100%;} html{background-color:#273313;} body{font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;color:#e2e1db;} h1,h2,h3,h4,h5,h6{font-family:Palatino,"Palatino Linotype","Hoefler Text",Georgia,Times,"Times New Roman",serif;} h1{color:#a87c28;font-size:26px;line-height:28px;margin:5px 0px 5px 0px;padding:8px 0 6px 0;} h2{font-size:13px;line-height: 18px;color:#e2e1db;text-transform:uppercase;letter-spacing: 1px;margin:0px 0px 0px 0px;padding:4px 0px 2px 10px;background-color:#1e290d;border-top:2px solid #374d11;} a:link,a:hover,a:visited,a:active{color:#a87c28;text-decoration:none;} a:hover{color:#e2e1db;} a.external { background: url(/img/external.png) 100% 30% no-repeat; padding-right: 13px; } #wrapper{position:relative;width:960px;margin:0 auto;height:auto !important;height:100%;min-height:100%;} /*------- HEADER -------*/ #header{position:relative;height: 142px;} #logo{position:absolute;top:42px;left:0px;display:block;width:500px;height:75px;background:url('/img/logo.png') no-repeat 0px 0px;} #logo a{display:block;width:500px;height:75px;} #logo span{position:absolute;top:0px;left:290px;display:block;width:200px;border-left:1px solid #616951;padding:25px 0px 25px 15px;font-size:16px;font-style:italic;color:#e2e1db;} ul#nav{position:absolute;top:28px;left:590px;width:395px;font-family:Verdana,Geneva,Tahoma,sans-serif;text-transform:uppercase;margin:0px;padding:0px} ul#nav li{float:left;margin:0px 25px 0px 0px;padding:0px;width:172px;} ul#nav li.top{border-top:1px solid #5a6646;} ul#nav li a{display:block;font-size:12px;text-transform:uppercase;color:#e2e1db;text-decoration:none;border-bottom:1px solid #5a6646;padding:2px 0px 1px 0px;} ul#nav li a:hover{color:#a87c28;} ul#nav li a.active{color:#a87c28;} /*------- CONTENT -------*/ #content{padding-bottom:165px;} /*------- MAIN -------*/ #main{position:relative;width:535px;border-top:1px solid #374d11;border-bottom:1px solid #374d11;padding:0px 20px 5px 20px;z-index:100;} #main h1.location {visibility: hidden; height:0px;} #main h2{font-size:17px;line-height:20px;text-transform:none;font-style:italic;letter-spacing:0;color:#86986A;color:#fff;margin:0 0 10px 0;padding:0;background-color:transparent;border:none;} #main h3{font-size:18px;line-height:20px;font-style:italic;color:#a87c28;margin:0 0 5px 0;padding:0;background-color:transparent;} #main ul li {margin: 0;padding: 0;} #main ul li a:link,#main ul li a:hover,#main ul li a:visited,#main ul li a:active{display:block;margin:0;padding:0px 0px 4px 15px;font-size:14px;line-height:18px;text-decoration:none;color:#e2e1db;background:url(/img/i_bullet.png) no-repeat 0 3px;} #main ul li a:hover{color:#a87c28;/*font-style: italic;*//*font-size: 15px;*//*line-height: 18px;*/} #main ul li a span {display: block;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size: 12px;line-height: 15px;color:#86986a;} #main ul li a span em {font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;} #main ul.resourceList { list-style-image:url(/img/i_bullet.png); list-style-position: outside; margin-bottom: 30px; padding-left: 20px; } #main ul.resourceList li { list-style-type: none; margin: 0 0 1.25em 0; padding: 0; } #main ul.resourceList li .name, #main ul.resourceList li .name a:link, #main ul.resourceList li .name a:hover, #main ul.resourceList li .name a:visited, #main ul.resourceList li .name a:active { display:block; margin:0; padding:0px 0px 4px 15px; padding: 0; font-size:14px; line-height:18px; text-decoration:none; color:#e2e1db; background: none; } #main ul.resourceList li .name a:hover{ color:#a87c28; } #main ul.resourceList li .meta { display: block; font-family:Verdana,Geneva,Tahoma,sans-serif; font-size: 12px; line-height: 15px; color:#86986a; } #main ul.resourceList li .meta a { background: none; display: inline; color: inherit; font: inherit; padding: 0; } #main ul.resourceList li .meta a:hover { color: #a87c28; } #main ul.resourceList li a span em { font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif; } body#contact #main div.padderMain{padding:10px 0;} body#contact #sidebar h2{margin-bottom:10px;} body#contact #sidebar p{float:left;width:160px;font-size: 13px;line-height: 18px;} body#contact #sidebar p.address{width:198px;padding-left:2px;} body#contact #sidebar p strong{font-size: 14px;line-height: 19px;display: inline-block;margin:-2px 0 1px 0;} form{margin-top:10px;} form div.checkbox input {width: 13px;height: 13px;*overflow: hidden;} form div.inputWrapper{margin:0 30px 10px 0;} form div.last{margin:0 0px 10px 0;} form div.inputShort{width:156px;} form div.inputMed{width:250px;} form div.inputLong{width:530px;} form fieldset{position:relative;border:1px solid #5a6646;margin:20px 0 10px 0;padding:5px 0 0 0;} form fieldset.plannerDownload{padding:10px 0 0 0;} form label, form legend{font-family:Verdana,helvetica,arial,sans-serif;font-size:11px;line-height:11px;font-weight:normal;color:#fff;text-transform:uppercase;margin-bottom:8px;} form legend{position: relative;} form legend span{display:block;font-size:11px;line-height:14px;position:absolute;top:-18px;width:530px;margin-bottom:10px;/* border-bottom:1px solid #5a6646;*/} form fieldset div.inputWrapper{margin-bottom:0px;} form fieldset div.inputShort{width:140px;margin-left:15px;} form fieldset div.inputShort label{text-transform:none;/* font-family:Palatino,"Palatino Linotype",Georgia,Times,"Times New Roman",serif;*/ font-size:12px;/* font-style:italic;*/ line-height:13px;} form fieldset div.inputShort input{line-height:12px;} form fieldset div.inputLong {padding:0 0 0 15px;width:515px;} form label em{color:#a87c28;} form input, form textarea{color:#fff;background-color:transparent;border:1px solid #5a6646;} form textarea{min-height:120px;} form input:focus, form textarea:focus{background-color:#283313;} form input#submit, form div.submit input{display:block;border:none;color:#1A220B;font-family:Verdana,helvetica,arial,sans-serif;font-size:9px;font-weight:bold;text-transform:uppercase;padding:8px 12px 7px 12px;margin-top:5px;background-color:#a87c28;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;} form input#submit:hover, form div.submit input:hover{border:none;color:#fff;background-color:#1A220B;} form label.error {color:red;} div.maps {position: relative;height:470px;} div.maps img {position: absolute;top:0;left:0;z-index: 1;} div.googleMap {display: none;position: absolute;top:0;left:0;z-index: 2;border: 2px solid #141b07;} a.mapToggle {display: block;font-size: 13px;line-height: 16px;font-style: italic;margin: 5px 0 15px 2px;} a.mapToggle:hover {text-decoration: underline;} #main ul#faq li a:link,#main ul#faq li a:hover,#main ul#faq li a:visited,#main ul#faq li a:active{display:block;margin:0;padding:3px 0px 4px 16px;font-size:14px;line-height:18px;text-decoration:none;color:#e2e1db;background:url('/img/i_arrowOff.png') no-repeat 2px 6px;} #main ul#faq li a:hover{color:#a87c28;} #main ul#faq li a.active{background:#996C16 url('/img/i_arrowOn.png') no-repeat 3px 5px;font-size:15px;line-height:18px;font-style:italic;margin-top:3px;} #main ul#faq li a.active:hover {color:#fff;} #main ul#faq li div{font-size:14px;line-height:20px;padding:10px 10px 10px 15px;margin-bottom:8px;color:#86986A;border-bottom:1px solid #283a08;} /* May need to roll this list into a more gneral style. */ #main ul.bulletList{margin: 0 0 10px 0;} #main ul.bulletList li{display:block;border:none;/* color:#86986A;*/ margin:0;padding:5px 0px 5px 13px;font-size:15px;line-height:18px;font-style:italic; text-decoration:none;color:#e2e1db;background:url(/img/i_bullet.png) no-repeat 0px 8px;} #main ul.serviceProviderList li a{background-image: none;padding-left: 0;text-decoration: underline;} div.iframeForm {width:535px;height:493px;margin-bottom:15px;overflow: hidden;} div.iframeForm iframe {margin:-60px 0 0 -2px;} /*------- SIDEBAR -------*/ #sidebar{position: relative;width:370px;float:right;z-index: 100;} #sidebar .padder {padding: 0px 0px 0px 0px;} #sidebar div.maps {position: relative;height:325px;} /*#sidebar h3{font-size:18px;color:#a87c28;margin:0 0 5px 0;padding:0;background-color:transparent;}*/ #sidebar h3{font-size:14px;line-height:16px;padding:5px 10px;margin:0 0 15px 0;background-color:#996c16;color:#fff;} body#contact #sidebar h3{position:relative;font-size:14px;line-height:16px;font-weight:bold;padding:5px 0 5px 10px;margin:0px 0 20px 0;background-color:#996c16;color:#fff;} body#contact #sidebar h3 img{position:absolute;bottom:-10px;left:5px;} #sidebar ul{/*width:350px;*/margin:0px 0 5px 10px;} #sidebar ul li{border-bottom:1px solid #4a5734;margin:0px;padding:0px;} #sidebar ul li a{display:block;font-size:13px;line-height:18px;font-weight:bold;color:#e2e1db;padding:10px 0px 10px 0px;} #sidebar ul li a:hover{color:#a87c28;} #sidebar ul li a span{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:11px;color:#a87c28;/* color:#86986a; */} #sidebar ul.bulletList {margin: 0px 0 0 0px;} #sidebar ul.bulletList li{display:block;border:none;/* color:#86986A;*/ margin:0;padding:5px 0px 5px 20px;font-size:14px;line-height:18px;/* font-style:italic;*/ text-decoration:none;color:#e2e1db;background:url(/img/i_bullet.png) no-repeat 8px 8px;} #sidebar div.greenBurialStats{border-top:1px solid #374d11;border-bottom:1px solid #374d11;padding:10px 0;} #sidebar div.greenBurialStats h3{position:relative;font-size:14px;line-height:16px;font-weight:bold;padding:5px 10px;margin:0px 10px 15px 10px;background-color:#996c16;color:#fff;} #sidebar div.greenBurialStats h3 img{position:absolute;bottom:-10px;left:5px;} #sidebar div.greenBurialStats li{/* These styles overwrite .bulletList */ font-style:italic;margin-left:13px;} #sidebar div.sidebarCallout{border-top:1px solid #374d11;border-bottom:1px solid #374d11;padding:10px 0 0 0;} #sidebar div.sidebarCallout h3{position:relative;font-size:14px;line-height:16px;font-weight:bold;padding:5px 10px;margin:10px 0px 15px 0;background-color:#996c16;color:#fff;} #sidebar div.sidebarCallout h3 img{position:absolute;bottom:-10px;left:18px;} #sidebar div.sidebarCallout li h3{position:relative;font-size:14px;line-height:16px;font-weight:bold;padding:5px 10px;margin:0px 10px 15px 0;background-color:#996c16;color:#fff;} #sidebar div.sidebarCallout li h3 img{position:absolute;bottom:-10px;left:5px;} #sidebar div.sidebarCallout li{/* These styles overwrite .bulletList */ /* font-style:italic; */margin-left:0;border:none;} #sidebar div.sidebarCallout li p {font-size: 13px;line-height: 19px;padding: 0 10px;} #sidebar div.sidebarCallout li p strong {font-family:Verdana,Geneva,Tahoma,sans-serif;font-weight: normal;color: #996c16;text-transform: uppercase;font-size: 11px;} #sidebar div.serviceProviders {padding: 0px 10px 0 10px;} #sidebar div.serviceProviders p {font-size: 15px;line-height: 22px;padding: 0 10px;margin: 0 0 10px 0;} #sidebar div.serviceProviders p a {color:#fff;} #sidebar div.serviceProviders p a:hover {color:#996C16;} #sidebar ul.gallery {margin:0} #sidebar ul.gallery li {display: inline;border: none;padding:0;margin:0;} #sidebar ul.gallery a{display:inline-block;padding:4px;background-color:#1a220b;background-color:#a87c28;margin:0 10px 10px 0;} #sidebar ul.gallery a:hover {/*background-color: #1a220b;*/background-color: #374d11;} #sidebar ul.gallery li.last a {margin-right: 0;} #sidebar #PlannerRequestContainer {/*background-color: #283313;*/margin-bottom:20px;/*border:3px solid #20290e;*/ padding:0px 10px;} #sidebar #PlannerRequestContainer p { margin: 0; padding: 10px; } #sidebar #PlannerRequestContainer p.intro { background: url(/img/planner_pdf_icon.png) no-repeat 0 4px; height: 60px;line-height: 16px; margin: 0; padding: 8px 10px 0 64px; } #sidebar #PlannerRequestContainer form div.inputWrapper{margin: 0 20px 10px 0;} #sidebar #PlannerRequestContainer form div.inputMed{width: 152px;} img.conservationImg {border: 3px solid #E2E1DB;/* border: 4px solid #9A987A; */} /* This is temporary, just did it to show Tara. */ img.featurePic {border:3px solid #E2E1DB;margin: 0 0 20px 0;} /*------- FOOTER -------*/ #footer{position:absolute;bottom:0;width:100%;/* height:65px; */height:70px;color:#cfcdc3;background-color:#1a220b;border-top:2px solid #374d11;} #footer ul{font-family:Verdana,Geneva,Tahoma,sans-serif;margin:7px 0px 0px 10px;padding:0px;} #footer ul li{display:inline;color:#a87c28;margin:0px;padding:0px;} #footer ul li a{font-size:12px;line-height:13px;display:inline-block;color:#a87c28;border-right:1px solid #a87c28;margin:0px;padding:0px 10px 0px 5px;} #footer ul li a:hover{color:#fff;} #footer ul li.last a{border:none;} #footer ul li a.active {color: #fff;} #footer p{font-size:13px;margin:5px 0px 0px 15px;} #footer p.coalesce {position: relative;bottom: 0px;font-size:12px;line-height: 14px;background-color: #171e09;margin: 2px 0 0 0;padding: 6px 0 4px 15px;} #footer span.facebook{display:block;position:absolute;bottom:3px;right:10px;font-size:12px;line-height:14px;margin:2px 0 0 0px;padding:2px 0 0px 15px;} #footer span.facebook a{background:url('/img/i_fb.png') no-repeat 100% 0;padding-right:15px;} #footer span.facebook a:hover{background:url('/img/i_fb_on.png') no-repeat 100% 0;} #footer a.gbc{position:absolute;top:-7px;left:790px;width:150px;height:50px;padding-top:20px;background:url('/img/gbc_logo.jpg') no-repeat center right;font-size:12px;line-height:16px;font-style:italic;color:#cfcdc3;} #footer a.gbc span{display:block;color:#a87c28;} #footer img#ghLogo{position:absolute;top:-124px;left:-5px;z-index: 1;} /*------- SHARED STYLES -------*/ a.moreLink{float:right;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:11px;line-height: 15px;text-transform:uppercase;margin-bottom: 15px;} .padder10{padding:10px;} .padder20{padding:20px;} .clear{clear:both;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:#1a220b;} #colorBox{} #cboxTopLeft{width:25px; height:25px; background:url(/img/border1.png) no-repeat 0 0;} #cboxTopCenter{height:25px; background:url(/img/border1.png) repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url(/img/border1.png) no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url(/img/border1.png) no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url(/img/border1.png) repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url(/img/border1.png) no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url(/img/border2.png) repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url(/img/border2.png) repeat-y -25px 0;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:30px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; text-transform: capitalize;color:#555;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0;text-transform: capitalize;color:#a87c28;} #cboxNext{position:absolute; bottom:0px; left:63px; text-transform: capitalize;color:#a87c28;} #cboxLoadingOverlay{background:#fff url(/img/loading.gif) no-repeat 5px 5px;} #cboxClose{position:absolute; bottom:0; right:0; display:block; font-weight: bold; text-transform: capitalize;color:#a87c28;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}