/*====================================
	St. Vincent Health System
	Designed by Angie Thompson
	XHTML/CSS by Brandon Kidd
------------------------------------
	Base.css
====================================*/

body{ background: #122332 url(/ClientResources/Images/bg-body.jpg) no-repeat center top; color: #4b4b4b; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 63%; }

/*- Header -*/
#header{ width: 960px; height: 110px; position: relative; background: transparent url(/ClientResources/Images/bg-header.jpg) no-repeat center top; margin: 0 auto; }
#header h1 a{ width: 292px; height: 44px; position: absolute; left: 0; top: 20px; background: transparent url(/ClientResources/Images/logo.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#header .top-nav{ position: absolute; right: 10px; top: 10px; font-size: 1.126em; text-transform: uppercase; }
#header .top-nav li{ border-left: solid 1px #4d87bd; display: inline; float: left; padding: 0 10px; }
#header .top-nav li.firstitem{ border: 0 none; padding-left: 0; }
#header .top-nav li a{ color: #fff; text-decoration: none; }
#header .top-nav li a:hover, #header .top-nav li a:focus{ color: #85c5d3; text-decoration: underline; }
.root #header .top-nav li.tn-home a, .about #header .top-nav li.tn-about a, .patients-maps-directions #header .top-nav li.tn-maps a, .contact #header .top-nav li.tn-contact a{ color: #f5f8cb; text-decoration: underline; }
#header #menu{ width: 946px; height: 28px; position: absolute; left: 0px; top: 82px; padding: 0 0 0 14px; }
#header #menu li{ display: inline; float: left; margin: 0 3px 0 0; }
#header #menu li a{ height: 28px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#header #menu li a:hover, #header #menu li a:focus{ background-position: center -28px; }
#header #menu li a#nav_find_a_physician{ width: 141px; background-image: url(/ClientResources/Images/menu-physicians.gif); }
#header #menu li a#nav_services{ width: 82px; background-image: url(/ClientResources/Images/menu-services.gif); }
#header #menu li a#nav_patients_visitors{ width: 160px; background-image: url(/ClientResources/Images/menu-patients.gif); }
#header #menu li a#nav_classes_events{ width: 146px; background-image: url(/ClientResources/Images/menu-events.gif); }
#header #menu li a#nav_career_center{ width: 124px; background-image: url(/ClientResources/Images/menu-careers.gif); }
#header #menu li a#nav_for_professionals{ width: 148px; background-image: url(/ClientResources/Images/menu-professionals.gif); }
#header #menu li a#nav_our_mission{ width: 112px; background-image: url(/ClientResources/Images/menu-ourmission.gif); }
.find-a-physician #header #menu li a#nav_find_a_physician, .services #header #menu li a#nav_services, .patients #header #menu li a#nav_patients_visitors, .events #header #menu li a#nav_classes_events, .careers #header #menu li a#nav_career_center, .for-professionals #header #menu li a#nav_for_professionals{ background-position: center bottom; }
#header .search{ width: 295px; height: 40px; position: absolute; right: 20px; top: 27px; }
#header .search input{ width: 245px; height: 20px; background: transparent none; border: 0 none; color: #999; display: inline; float: left; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 1.4em; padding: 4px 5px 0; margin: 8px 0 0; }
#header .search input.focus{ color: #4b4b4b; }
#header .search a{ width: 40px; height: 40px; background: transparent url(/ClientResources/Images/btn-search.gif) no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#header .search a:hover, #header .search a:focus{ background-position: center bottom; }

/*- Main -*/
#main{ width: 960px; background: #fff; margin: 0 auto; padding: 10px 0; }

/*- Stay in Touch -*/
#stay-in-touch{ width: 960px; height: 60px; position: relative; background: transparent url(/ClientResources/Images/bg-stayintouch.png) no-repeat center top; margin: 0 auto; padding: 20px 0; }
#stay-in-touch li{ display: inline; float: left; }
#stay-in-touch li a{ height: 60px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#stay-in-touch li a:hover, #stay-in-touch li a:focus{ background-position: center bottom; }
#stay-in-touch li.physician-referrals a{ width: 290px; background-image: url(/ClientResources/Images/cta-physicianreferrals.png); }
#stay-in-touch li.request-information a{ width: 340px; background-image: url(/ClientResources/Images/cta-sendemail.png); margin: 0 26px; }
#stay-in-touch li.rss-updates a{ width: 278px; background-image: url(/ClientResources/Images/cta-rss.png); }

/*- Site Links -*/
#site-links{ width: 920px; background: #fff; margin: 0 auto; padding: 0 20px; }
#site-links ul{ display: inline; float: left; margin: 10px 0; }
#site-links ul li{ width: 174px; display: inline; float: left; font-size: 1.3em; font-weight: bold; line-height: 1.45em; margin: 0 5px; }
#site-links ul li a{ background: transparent url(/ClientResources/Images/sl-arrow.gif) no-repeat left; color: #454545; padding: 3px 0 3px 24px; text-decoration: none; }
#site-links ul li a:hover, #site-links ul li a:focus{ color: #3d81d5; text-decoration: underline; }
#site-links ul li ul{ width: 150px; display: inline; float: left; margin: 0 0 0 24px; overflow: hidden; }
#site-links ul li ul li{ width: 150px; font-size: 0.87em; font-weight: normal; margin: 0; }
#site-links ul li ul li a{ background: transparent none; color: #666; padding: 0; }

/*- Footer -*/
#footer{ width: 960px; height: 90px; position: relative; background: transparent url(/ClientResources/Images/bg-bottom.png) no-repeat center top; color: #fff; font-size: 1.1em; margin: 0 auto; padding: 20px 0 0; }
#footer a{ color: #73c0e1; text-decoration: none; text-transform: uppercase; }
#footer p{ width: 380px; display: inline; float: right; line-height: 1.25em; margin: 0 0 .25em; text-align: right; }
#footer p.copyright{ width: 560px; float: left; text-align: left; }
#footer a:hover, #footer a:focus{ color: #fff; text-decoration: underline; }
#footer ul{ width: 500px; display: inline; float: left; margin: 0 0 .25em; }
#footer ul li{ border-left: solid 1px #fff; display: inline; float: left; padding: 0 10px; }
#footer ul li.firstitem{ border: 0 none; padding-left: 0; }
#footer address{ display: inline; float: left; font-style: normal; }
#footer a.directions{ border-left: solid 1px #fff; display: inline; float: left; margin: 0 0 0 10px; padding: 0 0 0 10px; }