/* Title: Main CSS Author: 3 Crown Creative */ @import "reset.css"; @import "base.css"; @import "CMScontent.css"; body, html {color:#000; font-family: "Franklin Gothic Medium", Helvetica, Arial, sans-serif} body {min-width:59.375em;background:#fff url(/images/bkgPuffin.jpg) no-repeat } html {height:101%} /* --------------------------------------------------*/ #home, #homeJ {background:#fff url(/images/bkgPuffin.jpg) no-repeat } #ourStory, #ourStoryJ {background:#fff url(/images/bkgAncestors.jpg) no-repeat} #healthCenter, #healthCenterJ {background:#fff url(/images/bkgLavendar.jpg) no-repeat} #seldoviaCC, #seldoviaCCJ {background:#fff url(/images/bkgSunset.jpg) no-repeat} #commPgms, #commPgmsJ {background:#fff url(/images/bkgChurch.jpg) no-repeat} #calendarEvents, #calendarEventsJ {background:#fff url(/images/bkgOtter.jpg) no-repeat} #contact, #contactJ {background:#fff url(/images/bkgEagle.jpg) no-repeat} #careers, #careersJ {background:url(/images/bkgOtter.jpg) no-repeat} #about, #aboutJ {background:url(/images/bkgTheRock.jpg) no-repeat} #members, #membersJ {background:url(/images/bkgBerry.jpg) no-repeat} /* --------------------------------------------------*/ #wrap {width:59.375em; margin:.1em} #head {width:100%; margin:0 0 0 0; } #container { width:100%;} #slideshow { width:64.8em; background:#d8d8d8; margin-top:1em } #foot {width:64.8em} .sidebar {float:left; width:9.0625em; margin-right:1.875em;} .mainbar {float:left; width:48.4375em} /*
--------------------------------------------------*/ .logo {float:right; margin-top:.9em} .byline a {background:url(/images/byline.png) no-repeat; display:block; width:301px; height:58px; text-indent:-5000px; margin-top:1.5em} #container .mainbar {margin:2.5em 0 0 0} #container .imageHolder {float:right; height:12em; width:26em} #calendarEvents .imageHolder, #calendarEventsJ .imageHolder {height:1em;} #commPgms .imageHolder, #commPgmsJ .imageHolder {height:8em;} #content {font-size:.8em; } #content ul li {list-style:none; list-style-image:url(/images/bullet.gif)} /* --------------------------------------------------*/ h3.selected { color: #7dbd08;} #accordion {margin:20px 0px;} h3.toggler {cursor: pointer;border:1px dotted #7b2d2d; border-left:none; border-right:none; padding:1px 30px 1px 0; margin:5px 0; display: inline-block;font-weight: normal;} h3.back { } div.element { margin:0px;padding:4px 4px 4px 10px;} .toggler:hover { color: #7dbd08;} /* --------------------------------------------------*/ #slideshow .inner {padding:0 0 0 .6875em;} .imgShadow {float:left;background: url(/images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 16px 5px 0 !important;} .imgShadow img {display: block; position:relative;margin: -3px 6px 6px -6px;padding: 0px;} .highslide-caption .small {font-size:.75em} .ss1 .imgShadow {margin-right: 15px !important;} .ss2 .imgShadow {margin-right: 16px !important;} .ss3 .imgShadow {margin-right: 18px !important;} .ss4 .imgShadow {margin-right: 17px !important;} .ss5 .imgShadow {margin-right: 21px !important;} .ss6 .imgShadow {margin-right: 18px !important;} .ss7 .imgShadow {margin-right: 19px !important;} .ss8 .imgShadow {margin-right: 20px !important;} .ss9 .imgShadow {margin-right: 18px !important;} .ss10 .imgShadow {margin-right: 18px !important;} /* --------------------------------------------------*/ #foot .inner {color:#787676; font-size:.625em;padding:0 0 0 .625em;} /* --------------------------------------------------*/ #topNav {color:#000;} #topNav a {text-decoration:none; color:#000; font-size:.65em} #topNav a:hover {color:#7b2d2d;} #contact #topNav .contact a, #contactJ #topNav .contact a, #careers #topNav .careers a, #careersJ #topNav .careers a, #about #topNav .about a, #aboutJ #topNav .about a, #members #topNav .members a, #membersJ #topNav .members a {cursor:default; color:#7b2d2d} .viewSlideShow {font-size:.6em; color:#666; cursor:pointer; padding-left:10px; display:inline } /* --------------------------------------------------*/ #nav { padding:1.3em 0 0 0; width:9.0625em} #nav a, #nav a:hover {text-decoration:none; display:block; text-indent:-5000px;position:relative;z-index:1;top:0} #nav .home a {background: url(/images/navHome.png) no-repeat 0 0; width:68px; height:43px;left:4.9em; } #nav .home a:hover {background: url(/images/navHome.png) no-repeat -68px 0; } #home #nav .home a {background: url(/images/navHome.png) no-repeat -136px 0; cursor:default} #nav .ourStory a {background: url(/images/navOurStory.png) no-repeat 0 0; width:87px; height:43px; margin-top:-.65em; left:3.65em;} #nav .ourStory a:hover {background: url(/images/navOurStory.png) no-repeat -87px 0; } #ourStory #nav .ourStory a {background: url(/images/navOurStory.png) no-repeat -174px 0; cursor:default} #nav .healthCenter a {background: url(/images/navHealthCenter.png) no-repeat 0 0; width:106px; height:43px; margin-top:.5em;left:2.45em;} #nav .healthCenter a:hover {background: url(/images/navHealthCenter.png) no-repeat -106px 0; } #nav .pureBerry a {background: url(/images/navPureBerry.png) no-repeat 0 0; width:141px; height:43px; margin-top:.5em;left:.2em;} #nav .pureBerry a:hover {background: url(/images/navPureBerry.png) no-repeat -141px 0; } #pureBerry #nav .pureBerry a {background: url(/images/navPureBerry.png) no-repeat -282px 0; cursor:default} #nav .seldoviaCC a {background: url(/images/navSeldoviaConfCtr.png) no-repeat 0 0; width:141px; height:43px; margin-top:.4em;left:.2em} #nav .seldoviaCC a:hover {background: url(/images/navSeldoviaConfCtr.png) no-repeat -141px 0; } #seldoviaCC #nav .seldoviaCC a {background: url(/images/navSeldoviaConfCtr.png) no-repeat -282px 0; cursor:default} #nav .voyager a {background: url(/images/navSeldoviaBayFerry.png) no-repeat 0 0; width:145px; height:33px; margin-top:0;left:0;} #nav .voyager a:hover {background: url(/images/navSeldoviaBayFerry.png) no-repeat -145px 0; } #nav .commPgms a {background: url(/images/navCommunityPgms.png) no-repeat 0 0; width:117px; height:43px; margin-top:.5em;left:1.75em;} #nav .commPgms a:hover {background: url(/images/navCommunityPgms.png) no-repeat -117px 0; } #commPgms #nav .commPgms a {background: url(/images/navCommunityPgms.png) no-repeat -234px 0; cursor:default} #nav .calendarEvents a {background: url(/images/navCalendarEvents.png) no-repeat 0 0; width:91px; height:43px; margin-top:.1em;left:3.4em} #nav .calendarEvents a:hover {background: url(/images/navCalendarEvents.png) no-repeat -91px 0; } #calendarEvents #nav .calendarEvents a {background: url(/images/navCalendarEvents.png) no-repeat -182px 0; cursor:default} #nav .contact a {background: url(/images/navContact.png) no-repeat 0 0; width:84px; height:43px; margin-top:.5em;left:3.75em;} #nav .contact a:hover {background: url(/images/navContact.png) no-repeat -84px 0; } #contact #nav .contact a {background: url(/images/navContact.png) no-repeat -168px 0; cursor:default} /* --------------------------------------------------*/ #leafOuter {position:absolute} #leafInner {background:url(/images/leaf.png) no-repeat; width:118px; height:43px; position:relative; z-index:0; visibility:hidden} #homeJ #leafOuter {left:1.1em; top:9.6em;} #homeJ #nav .home a {background: url(/images/navHome.png) no-repeat -68px 0; cursor:default} #ourStoryJ #leafOuter {left:0em; top:11.9em;} #ourStoryJ #nav .ourStory a {background: url(/images/navOurStory.png) no-repeat -87px 0; cursor:default} #healthCenterJ #leafOuter {left:.2em; top:14.95em;} #healthCenterJ #nav .healthCenter a {background: url(/images/navHealthCenter.png) no-repeat -106px 0; cursor:default} #pureBerryJ #leafOuter {left:-1.7em; top:18em;} #pureBerryJ #nav .pureBerry a {background: url(/images/navPureBerry.png) no-repeat -141px 0; cursor:default} #seldoviaCCJ #leafOuter {left:-1em; top:21.3em;} #seldoviaCCJ #nav .seldoviaCC a {background: url(/images/navSeldoviaConfCtr.png) no-repeat -141px 0; cursor:default} #voyagerJ #leafOuter {left:-1.15em; top:23.1em;} #voyagerJ #nav .voyager a {background: url(/images/navVoyager.png) no-repeat -118px 0; cursor:default} #commPgmsJ #leafOuter {left:-1.9em; top:26.5em;} #commPgmsJ #nav .commPgms a {background: url(/images/navCommunityPgms.png) no-repeat -117px 0; cursor:default} #calendarEventsJ #leafOuter {left:-.3em; top:29.5em;} #calendarEventsJ #nav .calendarEvents a {background: url(/images/navCalendarEvents.png) no-repeat -91px 0; cursor:default} #contactJ #leafOuter {left:.4em; top:32.5em;} #contactJ #nav .contact a {background: url(/images/navContact.png) no-repeat -84px 0; cursor:default} #careersJ #leafInner,#aboutJ #leafInner,#membersJ #leafInner {background: none; visibility:hidden} /* --------------------------------------------------*/ .small {font-size:.625em} .left {float:left; text-align:left} .right {float:right; text-align:right} .clear {clear:both} .firstPara {margin-top:1em} /* self-clear floats */ .group:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* --------------------------------------------------*/ .pagination {font-size:85%;padding: 3px 3px 3px 0;margin:3px 3px 3px 0; text-decoration:none} .pagination a {padding: 1px 5px;margin: 2px 4px 2px 0;border: 1px solid #666666;text-decoration: none;color: #666666; background-color:#ffffff;} .pagination a:hover, .pagination a:active {border: 1px solid #000000;color:#000000; background-color:#c26612; text-decoration:none} .pagination .current {border: 1px solid #000000;color:#000000; background-color:#c26612; cursor: default } .pagination .disabled {padding:1px 5px;margin: 2px;border: 1px solid #EEE;color: #DDD;} /* image shadow */ .imgShadowLeft {float:left;background: url(/images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;} .imgShadowLeft img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} .imgShadowRight {float:right;background: url(/images/shadowAlpha.png) no-repeat bottom right !important;margin: 10px 10px 0 10px !important;} .imgShadowRight img {display: block; position:relative;border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px;padding: 4px;} /* --------------------------------------------------*/ a.pdf {background: url(/images/imagesCMS/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; } a.txt {background: url(/images/imagesCMS/txt.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.zip { background: url(/images/imagesCMS/zip.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.email {background: url(/images/imagesCMS/email.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.external {background: url(/images/imagesCMS/ext_link.png) no-repeat left center;padding-left: 20px;line-height: 16px;}