/*========================================== Saint Joseph Health System - Sonoma County ------------------------------------------ Copyright © 2009 McMurry Design by Angie Thompson XHTML/CSS/JS by Brandon Kidd ==========================================*/ /* Marquee */ #marquee{ width: 960px; height: 250px; background-image: url(/ClientResources/Images/bg-marqueeold.gif); padding: 20px 10px 10px; } #slideshow{ width: 940px; height: 200px; position: relative; margin: 0 10px; overflow: hidden; } #slideshow .slide{ width: 940px; height: 200px; position: relative; background: transparent no-repeat center top; overflow: hidden; text-indent: -99999em; } #slideshow .slide-1{ background-image: url(/ClientResources/Images/marquee-slide5.jpg); } #slideshow .slide-2{ background-image: url(/ClientResources/Images/marquee-slide2.jpg); } #slideshow .slide-3old{ background-image: url(/ClientResources/Images/marquee-slide2.jpg); } #slideshow .slide-4old2{ background-image: url(/ClientResources/Images/marquee-slide3.jpg); } #slideshow .slide-4old{ background-image: url(/ClientResources/Images/marquee-healthplan.jpg); } /*#slideshow .slide-4 a{ width: 220px; height: 32px; display: inline; float: left; position: absolute; top: 145px; right: 35px; text-indent: -99999em; }*/ #latest-news{ width: 690px; position: relative; display: inline; float: left; margin: 12px 0 0 10px; } #latest-news h2{ width: 66px; height: 28px; background: transparent url(/ClientResources/Images/h2-latestnews.gif) no-repeat center top; display: inline; float: left; margin: 0 12px 0 32px; overflow: hidden; text-indent: -99999em; } #latest-news a.rss{ width: 26px; height: 28px; position: absolute; left: 0px; top: 0px; background: transparent url(/ClientResources/Images/btn-rssfeed.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; } #latest-news a.rss:hover, #latest-news a.rss:focus{ background-position: center bottom; } #latest-news ul.articles{ width: 580px; height: 28px; position: relative; background: #fff none; display: inline; float: left; overflow: hidden; } #latest-news ul.articles li{ width: 580px; height: 28px; background: #fff none; display: inline; float: left; } #latest-news ul.articles li span{ background: #43a29c; color: #fff; display: inline; float: left; font-size: 8px; font-weight: bold; line-height: 8px; margin: 7px 7px 7px 0; padding: 2px; text-transform: uppercase; } #latest-news ul.articles li strong{ color: #4d4d4d; display: inline; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight: bold; line-height: 24px; } #latest-news ul.articles li a{ background: #fff266; color: #333; display: inline; float: left; font-size: 10px; font-weight: bold; line-height: 10px; margin: 6px 0 6px 10px; padding: 2px; text-decoration: none; } #follow-us{ width: 238px; height: 50px; border-left: solid 2px #f0f0f0; display: inline; float: left; padding: 0 0 0 10px; } #follow-us h2{ width: 164px; height: 28px; background: transparent url(/ClientResources/Images/h2-followus.gif) no-repeat center top; display: inline; float: left; margin: 11px 10px 11px 0; overflow: hidden; text-indent: -99999em; } #follow-us ul li{ display: inline; float: left; } #follow-us a{ width: 28px; height: 28px; background: transparent no-repeat center top; display: inline; float: left; margin: 11px 0 0; overflow: hidden; text-indent: -99999em; } #follow-us li.twitter a{ background-image: url(/ClientResources/Images/btn-twitter.gif); } #follow-us li.facebook a{ background-image: url(/ClientResources/Images/btn-facebook.gif); } /* Main Content */ #main .column{ width: 470px; display: inline; margin: 0 0 20px; overflow: hidden; } /* Left Column */ #main .column-left{ float: left; } #areas-of-excellence{ display: inline; float: left; margin: 10px 0 0; overflow: hidden; } #areas-of-excellence h2{ width: 198px; height: 12px; background: transparent url(/ClientResources/Images/h2-areasofexcellence.gif) no-repeat center top; display: block; margin: 0 0 10px; overflow: hidden; text-indent: -99999em; } #areas-of-excellence .inner{ width: 470px; height: 300px; position: relative; display: inline; float: left; overflow: hidden; } #areas-of-excellence .services{ height: 999999em; position: absolute; display: inline; float: left; } #areas-of-excellence .services .service{ width: 452px; height: 57px; background: transparent url(/ClientResources/Images/bg-areaofexcellence.gif) no-repeat center top; display: inline; float: left; overflow: hidden; padding: 9px; } #areas-of-excellence .services .hover{ background-position: center bottom; } #areas-of-excellence .service .details{ width: 342px; height: 51px; display: inline; float: left; overflow: hidden; padding: 3px 5px; } #areas-of-excellence .service .photo{ width: 100px; height: 57px; display: inline; float: right; overflow: hidden; } /*#areas-of-excellence .service .details h3, #areas-of-excellence .service .details p, #areas-of-excellence .service .details a{ clear: both; display: inline; float: left; }*/ #areas-of-excellence .service .details h3{ background: transparent url(/ClientResources/Images/bullet-areaofexcellence.gif) no-repeat right; clear: both; color: #595755; display: inline; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; margin: 0 0 2px; padding: 0 24px 0 0; } #areas-of-excellence .services .hover .details h3{ color: #4da7a1; } #areas-of-excellence .service .details p{ width: 100%; line-height: 1.1em; margin-bottom: 2px; } #areas-of-excellence .service .details a{ width: auto; background: #fff266; color: #3f3436; line-height: 1.1em; overflow: hidden; padding: 1px; text-decoration: none; } #areas-of-excellence .services .hover .details a{ background: transparent none; color: #43a29c; text-decoration: underline; } #video-list{ display: inline; float: left; margin: 20px 27px; overflow: hidden; } #alert { text-align: center; font-weight: bold; font-size 12px; text-transform: uppercase; } #alert a{ color: #FF0000; } /* Right Column */ #main .column-right{ float: right; } #location-information{ width: 470px; position: relative; background: #e6e7e8 url(/ClientResources/Images/bg-locinfo-btm.gif) no-repeat center bottom; display: inline; float: left; padding: 0 0 10px; } #location-information ul{ width: 460px; height: 26px; background: #fff; display: inline; float: left; overflow: hidden; padding: 0 0 0 10px; } #location-information ul li{ display: inline; float: left; } #location-information ul li a{ background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; } #location-information ul li.tab-santarosamemorial a{ width: 149px; height: 26px; background-image: url(/ClientResources/Images/tab-santarosamemorial.gif); } #location-information ul li.tab-petalumavalley a{ width: 122px; height: 26px; background-image: url(/ClientResources/Images/tab-petalumavalley.gif); } #location-information ul li.tab-hospice a{ width: 65px; height: 26px; background-image: url(/ClientResources/Images/tab-hospice.gif); } #location-information ul li.tab-urgentcare a{ width: 98px; height: 26px; background-image: url(/ClientResources/Images/tab-urgentcare.gif); } #location-information ul li a:hover{ background-position: center -26px; } #location-information ul li.selected a{ background-position: center bottom; } #location-information .panel{ width: 450px; background: transparent url(/ClientResources/Images/bg-locinfo-top.gif) no-repeat center top; display: none; float: left; overflow: hidden; padding: 10px; } #location-information .selected{ display: inline; } #location-information .panel .details{ width: 250px; display: inline; float: right; } #location-information .panel .details h2{ width: 260px; height: 50px; background: transparent no-repeat center top; display: block; margin: 0 0 10px; overflow: hidden; text-indent: -99999em; } #location-information .panel-santarosamemorial .details h2{ background-image: url(/ClientResources/Images/h2-locinfo-santarosa.gif); } #location-information .panel-petalumavalley .details h2{ background-image: url(/ClientResources/Images/h2-locinfo-petalumavalley.gif); } #location-information .panel-hospice .details h2{ background-image: url(/ClientResources/Images/h2-locinfo-hospice.gif); } #location-information .panel-urgentcare .details h2{ background-image: url(/ClientResources/Images/h2-locinfo-urgentcare.gif); } #location-information .panel .details p{ color: #3f3436; line-height: 1.4em; } #location-information .panel .details a{ background: #fff266; color: #3f3436; display: inline; float: left; line-height: 1.4em; margin: 5px 0 0; padding: 1px; text-decoration: none; } #location-information .panel .details a:hover, #location-information .panel .details a:focus{ background: transparent none; color: #43a29c; text-decoration: underline; } #location-information .panel .photo{ width: 180px; height: 200px; display: inline; float: left; margin: 0 20px 0 0; } #ctas{ width: 470px; height: 225px; position: relative; display: inline; float: left; margin: 10px 0 0; overflow: hidden; } #ctas ul{ width: 999999em; position: absolute; } #ctas ul li{ display: inline; float: left; margin: 0 10px 0 0; } #health-library{ width: 470px; background: transparent url(/ClientResources/Images/bg-healthlibrary-btm.gif) no-repeat center bottom; display: inline; float: left; margin: 10px 0 0; overflow: hidden; } #health-library .inner{ width: 440px; background: transparent url(/ClientResources/Images/bg-healthlibrary-top.gif) no-repeat center top; display: inline; float: left; overflow: hidden; padding: 20px 15px 15px; } #health-library h2 a{ width: 146px; height: 12px; background: transparent url(/ClientResources/Images/h2-healthlibrary.gif) no-repeat center top; display: block; margin: 0 0 10px; overflow: hidden; text-indent: -99999em; } #health-library h2 a:hover, #health-library h2 a:focus{ background-position: center bottom; } #health-library p{ color: #3f3436; line-height: 1.4em; margin: 0 0 1em; } #health-library ul li{ width: 96px; background: transparent url(/ClientResources/Images/bullet-healthlibrary.gif) no-repeat left; display: inline; float: left; font-family: Georgia, "Times New Roman", Times, serif; margin: 6px 0; padding: 0 0 0 13px; } #health-library ul li a{ color: #4d4d4d; text-decoration: none; } #health-library ul li a:hover, #health-library ul li a:focus{ color: #43a29c; text-decoration: underline; }