/*==========================================
	Saint Joseph Health System - Sonoma County
	------------------------------------------
	Copyright © 2009 McMurry
	Design by Angie Thompson
	XHTML/CSS/JS by Brandon Kidd
==========================================*/

body{ background: #e8f2f2 url(/ClientResources/Images/bg-body.png) repeat-y center top; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 63%; }
#wrap{ width: 100%; background: transparent url(/ClientResources/Images/bg-wrap.gif) repeat-x center top; }
#wrap-inner{ min-height: 600px; height: auto !important; height: 600px; background: transparent url(/ClientResources/Images/bg-body.png) repeat-y center top; }
#main{ width: 960px; margin: 0 auto; }
#marquee{ position: relative; background: transparent no-repeat center top; margin: 0 auto; }
.clear{ clear: both; }
/* Header */
#header-wrap{ background: transparent url(/ClientResources/Images/bg-headerwrap.gif) repeat-x center top; }
#header{ width: 960px; height: 140px; position: relative; background: transparent url(/ClientResources/Images/bg-header.jpg) no-repeat center top; margin: 0 auto; padding: 0 10px; }
#header h1 a{ width: 120px; height: 88px; background: transparent url(/ClientResources/Images/logo.gif) no-repeat center top; display: inline; float: left; margin: 46px 0 0 27px; overflow: hidden; text-indent: -99999em; }
#header p{ width: 321px; height: 37px; position: absolute; left: 300px; top: 55px; background: transparent url(/ClientResources/Images/cta-physicianreferral.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#header ul.topnav{ display: inline; float: right; font-family: Georgia, "Times New Roman", Times, serif; margin: 4px 10px 0 0; text-transform: uppercase; }
#header ul.topnav li{ background: transparent no-repeat left; display: inline; float: left; font-weight: bold; line-height: 14px; margin: 0 10px 0 0; padding: 4px 0 4px 26px; }
#header ul.topnav li a{ color: #c6c6c6; text-decoration: none; }
#header ul.topnav li a:hover, #header ul.topnav li a:focus{ color: #fff; text-decoration: underline; }
#header ul.topnav li.home{ background-image: url(/ClientResources/Images/topnav-home.gif); }
#header ul.topnav li.about-us{ background-image: url(/ClientResources/Images/topnav-about.gif); }
#header ul.topnav li.maps-directions{ background-image: url(/ClientResources/Images/topnav-maps.gif); }
#header ul.topnav li.contact-us{ background-image: url(/ClientResources/Images/topnav-contact.gif); }
.root #header ul.topnav li.home a, .about-us #header ul.topnav li.about-us a, .maps-directions #header ul.topnav li.maps-directions a, .contact-us #header ul.topnav li.contact-us a{ color: #fff200; text-decoration: underline; }
#menu{ position: absolute; right: 20px; top: 110px; }
#menu ul li{ display: inline; float: left; }
#menu ul li a, #menu ul li a span{ background: transparent url(/ClientResources/Images/bg-menuitems.gif) no-repeat; color: #fff; display: inline; float: left; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 20px; text-decoration: none; }
#menu ul li a{ background-position: right top; margin: 0 4px; padding: 0 10px 0 0; }
#menu ul li a span{ background-position: left top; padding: 1px 0 3px 10px; }
#menu ul li a:hover, #menu ul li a:focus{ background-position: right -24px; }
#menu ul li a:hover span, #menu ul li a:focus span{ background-position: left -24px; color: #000; }
.facilities #menu ul li a#nav_facilities, .find-a-physician #menu ul li a#nav_find_a_physician, .services #menu ul li a#nav_services, .patients-visitors #menu ul li a#nav_patients_visitors, .calendar #menu ul li a#nav_news_events, .career-center #menu ul li a#nav_career, .giving-back #menu ul li a#nav_giving_back, .annadel-medical-group #menu ul li a#nav_annadel_medical_group{ background-position: right bottom; color: #fff; }
.facilities #menu ul li a#nav_facilities span, .find-a-physician #menu ul li a#nav_find_a_physician span, .services #menu ul li a#nav_services span, .patients-visitors #menu ul li a#nav_patients_visitors span, .calendar #menu ul li a#nav_news_events span, .career-center #menu ul li a#nav_career span, .giving-back #menu ul li a#nav_giving_back span, .annadel-medical-group #menu ul li a#nav_annadel_medical_group span{ background-position: left bottom; color: #fff; }
#header .search{ width: 300px; position: absolute; right: 33px; top: 63px; }
#header .search input{ width: 267px; background: transparent none; border: 0 none; color: #bbb; display: inline; float: left; font-size: 12px; line-height: 18px; margin: 2px 0 2px 7px; padding: 2px 0; }
#header .search input.focus{ color: #666; }
#header .search a{ width: 18px; height: 18px; background: transparent url(/ClientResources/Images/btn-keywordsearch.gif) no-repeat center top; display: inline; float: left; margin: 2px 0 2px 5px; overflow: hidden; text-indent: -99999em; }
#header .search a:hover, #header .search a:focus{ background-position: center bottom; }
#header .ribbon-nophonepledge{ width: 130px; height: 120px; position: absolute; left: 50%; top: -5px; z-index: 100; background: transparent url(../Images/btn-pledgeribbon.png) no-repeat center top; display: block; margin: 0 0 0 -95px; overflow: hidden; text-indent: -999999em; }
#header .ribbon-nophonepledge:hover, #header .ribbon-nophonepledge:focus{ background-position: center bottom; }

/* Content */
#ctas ul li a{ width: 230px; height: 225px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -999999em; }
#ctas ul li.cta-findaphysician a{ background-image: url(/ClientResources/Images/cta-findaphysician.jpg); }
/*-- #ctas ul li.cta-sohealthy_fall a{ background-image: url(/ClientResources/Images/cta-sohealthy_fall.jpg); } --*/
#ctas ul li.cta-sohealthy_fall a{ background-image: url(/ClientResources/Images/cta-calendar.jpg); }
/* Footer */
#footer{ width: 960px; border-top: dotted 2px #ccc; color: #8a857c; margin: 20px auto 0; overflow: hidden; padding: 15px 0 0; }
#footer a{ color: #8a857c; text-decoration: none; }
#footer a:hover, #footer a:focus{ color: #4da7a1; text-decoration: underline; }
#footer-sitemap{ display: inline; float: left; margin: 0 0 3em; overflow: hidden; }
#footer-sitemap .column{ width: 192px; display: inline; float: left; overflow: hidden; }
#footer-sitemap .column h3{ display: inline; float: left; }
#footer-sitemap .column h3 a{ height: 20px; background: transparent no-repeat center top; display: inline; float: left; margin: 0 0 10px; overflow: hidden; text-indent: -99999em; }
#footer-sitemap .column h3 a:hover, #footer-sitemap .column h3 a:focus{ background-position: center bottom; }
#footer-sitemap .column-services h3 a{ width: 135px; background-image: url(/ClientResources/Images/h3-featuredservices.gif); }
#footer-sitemap .column-patients h3 a{ width: 134px; background-image: url(/ClientResources/Images/h3-patientsvisitors.gif); }
#footer-sitemap .column-about h3 a{ width: 133px; background-image: url(/ClientResources/Images/h3-aboutstjosephs.gif); }
#footer-sitemap .column-careers h3 a{ width: 109px; background-image: url(/ClientResources/Images/h3-careercenter.gif); }
#footer-sitemap .column-givingback h3 a{ width: 84px; background-image: url(/ClientResources/Images/h3-givingback.gif); }
#footer-sitemap .column ul{ width: 176px; clear: both; display: inline; float: left; margin: 5px 0 0; overflow: hidden; }
#footer-sitemap .column ul li{ width: 176px; background: transparent url(/ClientResources/Images/bullet-footersitemap.gif) no-repeat left 0.25em; display: inline; float: left; font-size: 1.1em; line-height: 1.25em; margin: 0 0 0.5em; padding: 0 0 0 16px; }
#footer .copyright{ margin: 0 0 0.5em; }
#footer .legal{ display: inline; float: left; margin: 0 0 2em; }
#footer .legal li{ border-left: solid 1px #8a857c; display: inline; float: left; padding: 0 6px; text-transform: uppercase; }
#footer .legal li.firstitem{ border: 0 none; padding-left: 0px; }