﻿/*::::::::::::::::::::::::::::::::::::::::::::
	Parrish Medical Center
	Designed by Angie Thompson
	HTML/CSS/JS by Brandon Kidd
	Base CSS
	Copyright © 2010 McMurry
::::::::::::::::::::::::::::::::::::::::::::*/

form{ height: 100%; }
body{ background: #cce6ec url(../Images/bg-body.gif) repeat-x center top; color: #7c7570; font-family: Georgia, Times New Roman, Serif; font-size: 63%; }
#wrap{ min-height: 100%; height: auto !important; height: 100%; margin-bottom: -512px; }
#footer-wrap, #push{ height: 512px; }

/*::::::::::::::::::::
	Header
::::::::::::::::::::*/
#header-wrap{ position: relative; z-index: 120; background: transparent url(../Images/bg-headerwrap.png) repeat-x center top; }
#header{ width: 960px; height: 262px; position: relative; margin: 0 auto; }
#header h1 a{ width: 160px; height: 125px; position: absolute; left: 0px; top: 65px; background: transparent url(../Images/logo.png) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
/* Environment List */
#header .environment{ display: inline; float: left; margin: 8px 0 0 0; }
#header .environment strong{ width: 340px; height: 23px; background: transparent url(../Images/title-selectenvironment-large.png) no-repeat left top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#header .environment ul, #header .environment ul li, #header .environment ul li a{ display: inline; float: left; }
#header .environment ul li a{ height: 30px; background: transparent no-repeat center top; overflow: hidden; text-indent: -999999em; }
#header .environment ul li a:hover, #header .environment ul li a:focus{ background-position: center -30px; }
#header .environment ul li.selected a{ background-position: center -30px; cursor: default; }
#header .environment ul li.parrish-medical a{ float: left; width: 175px; height: 30px; background: url(../Images/Parrish-Environment-Navigation.png) no-repeat 0 -60px; }
#header .environment ul li.port-st-john a{ width: 260px; height: 30px; background: url(../Images/Parrish-Environment-Navigation.png)  no-repeat -191px top ; }
#header .environment ul li.health-center a{ width: 180px; height: 30px; background: url(../Images/Parrish-Environment-Navigation.png) no-repeat -471px top; }

#header .environment ul li.port-st-john a:hover{ width: 260px; height: 30px; background: url(../Images/Parrish-Environment-Navigation.png)  no-repeat -191px -30px ; }
#header .environment ul li.health-center a:hover{ width: 180px; height: 30px; background: url(../Images/Parrish-Environment-Navigation.png) no-repeat -471px -30px; }


/* Top Menu */
#header .top-menu{ width: 425px; clear: both; }
#header .top-menu, #header .top-menu li, #header .top-menu li a, #header .top-menu li a span{ display: inline; float: left; }
#header .top-menu li a{ background: transparent url(../Images/bg-topmenu.gif) no-repeat left top; margin: 6px 4px 0 0; padding: 0 0 0 5px; text-decoration: none; }
#header .top-menu li a span{ background: transparent url(../Images/bg-topmenucap.gif) no-repeat right top; color: #fff; cursor: pointer; font-family: Calibri, Arial, Helvetica, Sans-Serif; font-size: 11px; padding: 2px 5px 2px 0; text-transform: uppercase; }
#header .top-menu li a:hover, #header .top-menu li a:focus{ background-position: left -15px; }
#header .top-menu li a:hover span, #header .top-menu li a:focus span{ background-position: right -15px; }
.root #header .top-menu li.home a{ background-position: left bottom; }
.root #header .top-menu li.home a span{ background-position: right bottom; }
.about-contact #header .top-menu li.contact a{ background-position: left bottom; }
.about-contact #header .top-menu li.contact a span{ background-position: right bottom; }
.careers #header .top-menu li.careers a{ background-position: left bottom; }
.careers #header .top-menu li.careers a span{ background-position: right bottom; }
.patients-financial-services-pay-your-bill #header .top-menu li.billpay a{ background-position: left bottom; }
.patients-financial-services-pay-your-bill #header .top-menu li.billpay a span{ background-position: right bottom; }
.events #header .top-menu li.events a{ background-position: left bottom; }
.events #header .top-menu li.events a span{ background-position: right bottom; }
.locations #header .top-menu li.locations a{ background-position: left bottom; }
.locations #header .top-menu li.locations a span{ background-position: right bottom; }
.healthbridge #header .top-menu li.healthbridge a{ background-position: left bottom; }
.healthbridge #header .top-menu li.healthbridge a span{ background-position: right bottom; }
/* Site Search */
#header #site-search{ width: 260px; height: 25px; position: absolute; left: 653px; top: 89px; background: transparent url(../Images/bg-sitesearch.png) no-repeat center top; padding: 10px 10px 10px 38px; }
#header #site-search.focus{ background-position: center bottom; }
#header #site-search a{ width: 32px; height: 25px; background: transparent url(../Images/btn-go.png) no-repeat center top; display: inline; float: right; overflow: hidden; text-indent: -999999em; }
#header #site-search a:hover{ background-position: center bottom; }
#header #site-search input{ width: 210px; background: transparent none; border: 0 none; color: #9b9d9f; display: inline; float: left; font-family: Georgia, Times New Roman, Serif; font-size: 12px; font-variant: small-caps; padding: 5px; }
#header #site-search.focus input{ color: #696969; font-variant: normal; }
/* Navigation */
#header .navigation{ width: 826px; height: 54px; position: absolute; left: 180px; top: 142px; z-index: 100; }
#header .navigation ul, #header .navigation ul li, #header .navigation ul li a{ display: inline; float: left; }
#header .navigation ul li a{ height: 54px; background: transparent no-repeat center top; overflow: hidden; text-indent: -999999em; }
#header .navigation ul li a:hover, #header .navigation ul li a:focus, #header .navigation ul li.focus a{ background-position: center -54px; }
#header .navigation ul li a:active{ background-position: center -108px; }
#header .navigation ul li a#nav_about_parrish{ width: 106px; background-image: url(../Images/nav-aboutparrish.png); }
#header .navigation ul li a#nav_programs_services{ width: 125px; background-image: url(../Images/nav-programsservices.png); }
#header .navigation ul li a#nav_patient_guide{ width: 160px; background-image: url(../Images/nav-patientguide.png); }
#header .navigation ul li a#nav_education_news{ width: 128px; background-image: url(../Images/nav-educationnews.png); }
#header .navigation ul li a#nav_healing_experiences{ width: 140px; background-image: url(../Images/nav-healingexperiences.png); }
#header .navigation ul li a#nav_find_a_physician{ width: 123px; background-image: url(../Images/nav-findaprovider.png); }
.about #header .navigation ul li a#nav_about_parrish, .services #header .navigation ul li a#nav_programs_services, .patients #header .navigation ul li a#nav_patient_guide, .news #header .navigation ul li a#nav_education_news, .healing-experiences #header .navigation ul li a#nav_healing_experiences, .physicians #header .navigation ul li a#nav_find_a_physician{ background-position: center bottom; }
/* Sub Menus */
#header .navigation ul li{ position: relative; z-index: 10000; }
#header .navigation ul ul{ display: block; }
#header .navigation ul li .submenu-wrap{ width: 211px; position: absolute; left: 0; top: 54px; z-index: 120; background: transparent url(../Images/bg-dropdown-btm.png) no-repeat center bottom; display: none; padding: 0 0 11px; }
#header .navigation ul li .submenu-wrap .submenu{ width: 160px; min-height: 190px; background: transparent no-repeat center top; display: inline; float: left; padding: 15px 36px 5px 15px; }
#header .navigation ul li #submenu-about .submenu{ background-image: url(../Images/bg-dropdown-about.png); }
#header .navigation ul li #submenu-services .submenu{ width: 575px; background-image: url(../Images/bg-dropdown-programs.png); padding-right: 20px !important; }
#header .navigation ul li #submenu-services{ width: 610px; position: absolute; left: 0; top: 54px; z-index: 120; background: transparent url(../Images/bg-dropdown-btm-services.png) no-repeat center bottom; display: none; padding: 0 0 11px; }
#header .navigation ul li #submenu-patients .submenu{ width: 382px; background-image: url(../Images/bg-dropdown-patients.png); padding-right: 20px !important; }
#header .navigation ul li #submenu-patients{ width: 422px; position: absolute; left: 0; top: 54px; z-index: 120; background: transparent url(../Images/bg-dropdown-btm-patients.png) no-repeat center bottom; display: none; padding: 0 0 11px; }

#header .navigation ul li #submenu-education .submenu{ background-image: url(../Images/bg-dropdown-education.png); }
#header .navigation ul li #submenu-healing .submenu{ background-image: url(../Images/bg-dropdown-healing.png); }
#header .navigation ul li #submenu-physician .submenu{ background-image: url(../Images/bg-dropdown-physicians.png); }
#header .navigation ul li #submenu-physician{ left: -141px; }
#header .navigation ul li .submenu-wrap .submenu ul{ width: 145px; display: inline; float: left; }
#header .navigation ul li #submenu-services .submenu div, #header .navigation ul li #submenu-patients .submenu div{ display: inline; float: left; }
#header .navigation ul li #submenu-services .submenu ul, #header .navigation ul li #submenu-patients .submenu ul{ width: 180px; margin: 0 0 1px; }
#header .navigation ul li .submenu-wrap .submenu ul li{ width: 145px; border-top: solid 1px #85b1bd; display: inline; float: left; z-index: 40; }
#header .navigation ul li .submenu-wrap .submenu ul li.firstlink{ border: 0 none; }
#header .navigation ul li .submenu-wrap .submenu ul li a{font-family:Calibri,Arial,Helvetica,Sans-Serif; width: 145px; height: 20px; background: transparent none; color: #006a75; display: inline; float: left; font-size: 1.2em; font-weight: normal; line-height: 20px; margin: 0; padding: 1px 0 1px 5px; text-decoration: none; text-indent: 0; }
#header .navigation ul #li_patient_guide #submenu-patients .submenu .subsubmenu li a{ width: 190px; }
#header .navigation ul li .submenu-wrap .submenu ul li a:hover{ height: 20px; background: #008c9a; color: #fff; line-height: 20px; }
/* Sub Sub Menus */
#header .navigation ul li .submenu-wrap .subsubmenu{ width: 120px; background: transparent no-repeat center top; display: inline; float: left; padding: 0 0 5px 10px; }
#header .navigation ul li #submenu-services ul li ul.subsubmenu, #header .navigation ul li #submenu-patients ul li ul.subsubmenu{ width: 120px; }
body #header .navigation ul li .submenu-wrap .subsubmenu li{ border: none; }
body #header .navigation ul li .submenu-wrap .subsubmenu li a{ color: #fff; background: none; border: none; height: 20px; line-height: 20px;}
body #header .navigation ul li .submenu-wrap .subsubmenu li a:hover{ background: none; color: #006a75; border: none; }
body #header .navigation ul li .submenu-wrap .subsubmenu li a.hmi-link{ height: 20px; line-height: 20px;}
/*::::::::::::::::::::
	Content
::::::::::::::::::::*/
#content{ width: 960px; margin: 0 auto; }
/* Health Bridge */
#content .health-bridge{ width: 445px; height: 130px; position: relative; background: transparent url(../Images/bg-vimvigor.png) no-repeat left top; display: inline; float: left; margin: 0 0 15px; overflow: hidden; padding: 10px 20px 10px 240px; }
#content .health-bridge h2{ display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#content .health-bridge .newsletter .description{ text-indent: -99999em; }
#content .health-bridge .newsletter{ width: 440px; height: 130px; display: inline; float: left; }
#content .health-bridge a{ width: 286px; height: 46px; position: absolute; right: 15px; top: 90px; background: url(../Images/btn-visitvvonline.png) no-repeat 0 0; display: block; overflow: hidden; text-indent: -999em; }
#content .health-bridge a:hover, #content .health-bridge a:focus{ background-position: 0 -46px; }
#content .health-bridge a:active{ background-position: 0 -92px; }
/* Upcoming Events */
#content .upcoming-events{ width: 200px; height: 255px; position: relative; background: #fff; display: inline; float: right; margin: 5px 0 0; overflow: hidden; padding: 5px 20px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#content .upcoming-events h2{ width: 200px; height: 55px; background: transparent url(../Images/h2-upcomingevents.gif) no-repeat 0 0; overflow: hidden; text-indent: -99999em; }
#content .upcoming-events .event{ width: 185px; background: #dcedf1; display: inline; float: left; margin: 0 0 5px; overflow: hidden; padding: 5px 5px 5px 10px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#content .upcoming-events .event:hover{ background: #008c99; }
#content .upcoming-events .event strong{ width: 45px; height: 24px; color: #008c99; cursor: pointer; display: inline; float: left; font-size: 16px; font-weight: normal; line-height: 18px; margin: 0 0 0 0; text-align: left; }
#content .upcoming-events .event:hover strong{ color: #fff; }
#content .upcoming-events .event em{ width: 130px; color: #7c7570; cursor: pointer; display: inline; float: left; font-size: 12px; font-style: normal; line-height: 15px; }
#content .upcoming-events .event:hover em{ color: #ccc; }
#content .upcoming-events p{ color: #7c7570; font-size: 12px; line-height: 18px; }
#content .upcoming-events .btn-seeallevents{ width: 163px; height: 29px; position: absolute; right: 10px; bottom: 10px;  background: transparent url(../Images/btn-seeallevents.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#content .upcoming-events .btn-seeallevents:hover{ background-position: center bottom; }
/* Health Assessments */
#content .health-assessments{ width: 195px; height: 260px; position: relative;  background: url(../Images/healthaware-cta-rocks.jpg) no-repeat bottom right #fff; display: inline; float: right; margin: 15px 0 0; padding: 5px 20px 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.root #content .health-assessments{ width: 200px; }
#content .health-assessments h2{ width: 200px; height: 55px; background: transparent url(../Images/h2-healthassessments.gif) no-repeat left top; overflow: hidden; text-indent: -99999em; }
#content .health-assessments .health-ctas{ width: 200px; height: 110px; position: relative; display: inline; float: left; overflow: hidden; }
#content .health-assessments .health-ctas ul{ width: 999999em; position: absolute; height: 50px; display: inline; float: left; }
#content .health-assessments .health-ctas ul li{ display: inline; float: left; }
#content .health-assessments .health-ctas ul li a{ width: 200px; height: 100px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; text-indent: -999999em; }
#content .health-assessments .health-ctas ul li.healthaware a{ background-image: url(../Images/a-more-hospitable-hospital-cta.jpg); margin: 10px 0 0 0}


#content .health-assessments p{ width: 150px; border-top: dashed 1px #c6c2be; color: #8f8d8a; display: inline; float: left; font-size: 10px; line-height: 14px; margin: 5px 0 0 0; padding: 5px 0; }
#content .health-assessments .btn{ width: 25px; height: 25px; position: absolute; top: 75px; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#content .health-assessments .btn:hover{ background-position: center bottom; }
#content .health-assessments .btn-leftarrow{ left: -10px; background-image: url(../Images/btn-leftarrow.png); }
#content .health-assessments .btn-rightarrow{ right: -10px; background-image: url(../Images/btn-rightarrow.png); }
/* InQuickER */
#content .cta-inquicker{ width: 240px; height: 105px; background: transparent url(../Images/cta-inquicker.png) no-repeat center top; display: inline; float: right; margin-top: -8px; overflow: hidden; text-indent: -99999em; }
/* Lab Services */
#content .cta-labservices{ width: 240px; height: 120px; background: url(../Images/cta-labservices.png) no-repeat 0 0; display: inline; float: right; margin: 15px 0 0; overflow: hidden; text-indent: -999em; }
/* CTAs */
ul.cta-buttons{ width: 960px; height: 60px; display: block; margin: 0 auto; overflow: hidden; }
ul.cta-buttons li, ul.cta-buttons li a{ display: inline; float: left; }
ul.cta-buttons li a{ width: 320px; height: 60px; background: transparent no-repeat center top; overflow: hidden; text-indent: -99999em; }
ul.cta-buttons li a:hover{ background-position: center bottom; }
ul.cta-buttons li.emailnewsletter a{ background-image: url(../Images/cta-emailnewsletter.png); }
ul.cta-buttons li.contactus a{ background-image: url(../Images/cta-contactus.png); }
ul.cta-buttons li.awards a{ background-image: url(../Images/cta-awards.png); }

#registered-tm{ font-size:.7em; position: absolute; margin-top: -3px;}

/*::::::::::::::::::::
	Footer
::::::::::::::::::::*/
#footer-wrap{ position: relative; z-index: 8; background: transparent url(../Images/bg-footerwrap.jpg) no-repeat center top; }
#footer{ width: 960px; height: 512px; position: relative; margin: 0 auto; }
/* Sitemap Links */
#footer ul.sitemap{ width: 960px; display: inline; float: left; margin: 150px 0 0; }
#footer ul.sitemap li{ width: 180px; display: inline; float: left; }
#footer ul.sitemap li.about{ margin: 0 15px 0 0; }
#footer ul.sitemap li.services{ margin: 0 15px 0 0; }
#footer ul.sitemap li.patients{ margin: 0 15px 0 0; }
#footer ul.sitemap li.news{ margin: 0 15px 0 0; }
#footer ul.sitemap li h3{ display: inline; float: left; }
#footer ul.sitemap li h3 a{ width: 180px; height: 40px; background: transparent no-repeat left top; display: inline; float: left; overflow: hidden; text-indent: -99999em; }
#footer ul.sitemap li.about h3 a{ background-image: url(../Images/h3-aboutparrish.gif); }
#footer ul.sitemap li.services h3 a{ background-image: url(../Images/h3-programsservices.gif); }
#footer ul.sitemap li.patients h3 a{ background-image: url(../Images/h3-patientsvisitors.gif); }
#footer ul.sitemap li.news h3 a{ background-image: url(../Images/h3-educationnews.gif); }
#footer ul.sitemap li.healing-experiences h3 a{ background-image: url(../Images/h3-healingexperiences.gif); }
#footer ul.sitemap li.healing-experiences ul li a{ width: 81px; height: 15px; background: transparent url(../Images/carepartnersfooter.gif) no-repeat 0 0; color: #006376; display: inline; float: left; font-weight: bold; line-height: 14px; margin: 0 0 2px; padding: 0 5px; }
#footer ul.sitemap li.healing-experiences ul li a:hover{ color: #fff; }
#footer ul.sitemap li h3 a:hover{ background-position: left bottom; }
#footer ul.sitemap ul{ width: 180px; display: inline; float: left; margin: 10px 0 0; }
#footer ul.sitemap ul li{ font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 11px; line-height: 16px; margin: 0 0 5px; text-transform: uppercase; }
#footer ul.sitemap ul li a{ color: #fff; text-decoration: none; }
#footer ul.sitemap ul li a:hover{ color: #e7b95c; text-decoration: underline; }
/* Legal Links */
#footer .legal{ width: 350px; position: absolute; left: 0px; bottom: 25px; }
#footer .legal p{ color: #fff; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 11px; font-weight: bold; margin: 0 0 5px; }
#footer .legal ul li{ border-left: solid 1px #649da3; display: inline; float: left; margin: 0 0 0 6px; padding: 0 0 0 6px; }
#footer .legal ul li.first{ border: 0 none; margin: 0; padding: 0; }
#footer .legal ul li a{ color: #66b4bd; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 1.1em; text-decoration: none; text-transform: uppercase; }
#footer .legal ul li a:hover{ color: #e7b95c; text-decoration: underline; }
/* Site Information */
#footer .site-information{ width: 535px; position: relative; float:right; margin-top:85px; bottom: 4px; color: #fff; font-family: Calibri, Arial, Verdana, Sans-Serif; font-size: 11px; line-height: 13px; text-align: left; }
#footer .site-information a{ color: #66b4bd; font-family: Calibri, Arial, Verdana, Sans-Serif; text-decoration: none; text-transform: uppercase; }
#footer .site-information a:hover{ color: #e7b95c; text-decoration: underline; }
#footer .site-information address.parrish{ display: inline; float: right; font-style: normal; line-height: 16px; padding-right: 15px;}
#footer .site-information address.portstjohn{ display: inline; float: right; font-style: normal; line-height: 16px; }
#footer .site-information ul.website-family{ display: inline; float: right; margin: 2px 0 0 15px; text-align: left; text-transform: uppercase; }
#footer .site-information ul.website-family ul li{ line-height: 15px; margin: 1px 0 0; }


