﻿/*/////////////////////////////////////////////
	Walton Regional Medical Center
	Copyright © 2009, McMurry Inc.
	http://www.mcmurry.com
	Design by Brandon Kidd

	Base Stylesheet
/////////////////////////////////////////////*/

/*-- Structure --*/
body{ background: #34a6d2; color: #666; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 62.5%; }
#wrap{ width: 100%; background: #fff url(/ClientResources/Images/bg-wrap.jpg) no-repeat center top; }
#top{ width: 100%; }
#main{ width: 100%; }
#main_inner{ width: 960px; margin: 0 auto; }
#bottom{ width: 100%; background: transparent url(/ClientResources/Images/bg-bottom.gif) repeat-x center top; padding: 0 0 2em; }

/*-- Header --*/
#header{ width: 960px; height: 140px; position: relative; margin: 0 auto; z-index: 30; }
#header h1 a{ width: 420px; height: 65px; position: absolute; left: 0px; top: 42px; background: transparent url(/ClientResources/Images/logo.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#header #menu{ width: 911px; height: 30px; position: absolute; left: 0; top: 0; background: transparent url(/ClientResources/Images/bg-menu.gif) no-repeat center top; padding: 0 24px 0 25px; z-index: 40; }
#header #menu ul li{ position: relative; display: inline; float: left; z-index: 31; }
#header #menu ul li.hover{ z-index: 40; }
#header #menu ul li a{ height: 30px; background: transparent no-repeat center top; display: inline; float: left; margin: 0 7px 0 6px; overflow: hidden; text-indent: -99999em; }
#header #menu ul li a:hover, #header #menu ul li a:focus, #header #menu ul li.hover a{ background-position: center -30px; }
#header #menu ul li #nav_about_us{ width: 98px; background-image: url(/ClientResources/Images/nav-about.gif); }
#header #menu ul li #nav_our_services{ width: 130px; background-image: url(/ClientResources/Images/nav-services.gif); }
#header #menu ul li #nav_patient_visitors{ width: 170px; background-image: url(/ClientResources/Images/nav-patients.gif); }
#header #menu ul li #nav_find_a_physician{ width: 154px; background-image: url(/ClientResources/Images/nav-physicians.gif); }
#header #menu ul li #nav_news_events{ width: 139px; background-image: url(/ClientResources/Images/nav-calendar.gif); }
#header #menu ul li #nav_career_center{ width: 142px; background-image: url(/ClientResources/Images/nav-careers.gif); }
.about #header #menu ul li #nav_about_us, .services #header #menu ul li #nav_our_services, .patients #header #menu ul li #nav_patient_visitors, .physicians #header #menu ul li #nav_find_a_physician, .calendar #header #menu ul li #nav_news_events, .careers #header #menu ul li #nav_career_center{ background-position: center bottom; cursor: default; }
#header #menu ul li .submenu-wrap{ width: 320px; position: absolute; left: 0; top: 24px; background: transparent url(/ClientResources/Images/bg-dropdown-btm.png) no-repeat center bottom; display: none; padding: 0 0 11px; }
#header #menu ul li .submenu-wrap .submenu{ width: 160px; min-height: 190px; background: transparent no-repeat center top; display: inline; float: left; padding: 15px 145px 5px 15px; }
#header #menu ul li #submenu-about .submenu{ background-image: url(/ClientResources/Images/bg-dropdown-about.png); }
#header #menu ul li #submenu-services .submenu{ background-image: url(/ClientResources/Images/bg-dropdown-services.png); }
#header #menu ul li #submenu-patients .submenu{ background-image: url(/ClientResources/Images/bg-dropdown-patients.png); }
#header #menu ul li #submenu-physicians .submenu{ background-image: url(/ClientResources/Images/bg-dropdown-physicians.png); }
#header #menu ul li #submenu-calendar .submenu{ background-image: url(/ClientResources/Images/bg-dropdown-calendar.png); }
#header #menu ul li #submenu-careers .submenu{ background-image: url(/ClientResources/Images/bg-dropdown-careers.png); }
#header #menu ul li #submenu-careers{ left: -141px; }
#header #menu ul li .submenu-wrap .submenu ul{ width: 160px; display: inline; float: left; }
#header #menu ul li .submenu-wrap .submenu ul li{ border-top: solid 1px #8bc5db; display: inline; float: left; z-index: 40; }
#header #menu ul li .submenu-wrap .submenu ul li.firstlink{ border: 0 none; }
#header #menu ul li .submenu-wrap .submenu ul li a{ width: 155px; height: 20px; background: transparent none; color: #157498; display: inline; float: left; font-size: 1.1em; font-weight: bold; line-height: 20px; margin: 0; padding: 1px 0 1px 5px; text-decoration: none; text-indent: 0; }
#header #menu ul li .submenu-wrap .submenu ul li a:hover{ width: 158px; height: 18px; background: #157498; border: solid 1px #005373; border-left: 0 none; border-right: 0 none; color: #fff; line-height: 18px; }
#header #menu ul li #submenu-physicians .submenu ul{ border-bottom: dotted 1px #157498; padding: 0 0 5px; margin: 0 0 5px; }
#header #menu ul li #submenu-physicians .submenu .submenu-form{ width: 150px; margin: 0 5px; }
#header #menu ul li #submenu-physicians .submenu .submenu-form .field{ display: inline; float: left; margin: 0 0 0.5em; }
#header #menu ul li #submenu-physicians .submenu .submenu-form label{ color: #157498; display: inline; float: left; font-size: 1.1em; font-weight: bold; margin: 0.25em 0; }
#header #menu ul li #submenu-physicians .submenu .submenu-form select{ width: 154px; color: #666; display: inline; float: left; font-size: 1.1em; }
#header #menu ul li #submenu-physicians .submenu .submenu-form input{ width: 150px; color: #666; display: inline; float: left; font-size: 1.1em; }
#header #menu ul li #submenu-physicians .submenu .submenu-form a{ height: 20px; background: #157498; border: solid 1px #005373; color: #fff; font-size: 1.1em; font-weight: bold; line-height: 20px; margin: 0; padding: 0 5px; text-decoration: none; text-indent: 0; }
#header #menu ul li #submenu-physicians .submenu .submenu-form a:hover, #header #menu ul li #submenu-physicians .submenu .submenu-form a:focus{ background: #fff; color: #157498; }
#header #utility-menu{ width: 240px; height: 40px; position: absolute; right: 0; top: 40px; }
#header #utility-menu li{ width: 100px; height: 20px; background: transparent no-repeat left 2px; display: inline; float: left; line-height: 20px; padding: 0 0 0 20px; }
#header #utility-menu li.util-myaccount{ background-image: url(/ClientResources/Images/icon-myaccount.gif); }
#header #utility-menu li.util-directions{ background-image: url(/ClientResources/Images/icon-directions.gif); }
#header #utility-menu li.util-contactus{ background-image: url(/ClientResources/Images/icon-contactus.gif); }
#header #utility-menu li.util-billpay{ background-image: url(/ClientResources/Images/icon-billpay.gif); }
#header #utility-menu li a{ color: #34a6d2; font-size: 1.1em; text-decoration: none; }
#header #utility-menu li a:hover, #header #utility-menu li a:focus{ color: #8ad234; text-decoration: underline; }
#header #search{ width: 280px; height: 30px; position: absolute; right: 22px; top: 110px; }
#header #search input{ width: 230px; height: 20px; background: transparent none; border: 0 none; color: #76c8ea; display: inline; float: left; font-size: 1.2em; line-height: 20px; margin: 1px 9px 1px 1px; padding: 6px 5px 2px; }
#header #search input.focus{ color: #2189b4; }
#header #search a{ width: 30px; height: 30px; background: transparent url(/ClientResources/Images/btn-go.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 Content --*/
#main_content{ font-size: 1.3em; }
#main_content h1, #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{ font-weight: normal; line-height: 1.5em; margin: 0 0 0.25em; }
#main_content h1{ color: #000; font-size: 1.85em; margin: 0.25em 0; }
#main_content h2{ border-bottom: solid 1px #eee; color: #2f7fa1; font-size: 1.75em; }
#main_content h3, #main_content legend{ color: #1a6e18; font-style: italic; font-size: 1.65em; }
#main_content h4{ color: #6e5718; font-size: 1.55em; }
#main_content h5{ color: #666; font-size: 1.45em; }
#main_content h6{ color: #369; font-size: 1.35em; }
#main_content p{ font-size: 1em; line-height: 1.5em; margin: 0 0 1.25em; text-align: justify; }
#main_content a{ color: #34a6d2; text-decoration: none; }
#main_content a:hover, #main_content a:focus{ color: #137da6; text-decoration: underline; }
#main_content p a[target="_blank"]{ background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat right 0.5em; padding: 0 10px 0 0; }
#main_content ul{ margin: 0 0 1.25em 1.25em; }
#main_content ul li{ background: transparent url(/ClientResources/Images/bullet-maincontent.gif) no-repeat left 0.65em; font-size: 1em; line-height: 1.5em; padding: 0.15em 0 0.15em 1.5em; }
#main_content ol{ list-style-type: decimal; margin: 0 0 1.25em 3.25em; }
#main_content ol li{ font-size: 1em; line-height: 1.5em; padding: 0.15em 0; }
#main_content ol li ol{ list-style-type: lower-alpha; margin: 0 0 0 1em; }
#main_content ol li ol li{ font-size: 0.75em; }
#main_content hr{ height: 0; border: 0 none; border-top: solid 1px #ccc; line-height: 0; margin: 10px 0; }
#main_content address{ line-height: 1.5em; margin: 0 0 1.25em; }
#main_content small{ font-size: 0.75em; }
#main_content .formsection{ background: #e1f7ff; border: solid 1px #c5e5f1; }
#main_content .formsection label{ color: #369; }
#main_content legend{ font-size: 1.45em; padding: 0 5px; }
#main_content fieldset{ border: solid 1px #c6e4c2; padding: 5px 10px; }
#main_content blockquote{ border-left: solid 4px #eee; color: #666; font-size: 1em; font-style: italic; line-height: 1.5em; margin: 0 0 1.25em; padding: 0.25em 0 0.25em 1em; text-align: justify; }
#main_content .button, #main_content .button_disabled{ border: solid 1px #ccc; font-size: 1em; font-weight: bold; line-height: 1.5em; padding: 0.25em 1em; text-decoration: none; }
#main_content .button{ background: #157498; border-color: #005373; color: #fff; }
#main_content .greenbutton{ background: #8c8 !important; border-color: #575 !important; color: #fff !important; }
#main_content .greenbutton:hover, #main_content .greenbutton:focus{ background: #fff !important; color: #575 !important; }
#main_content input.button{ height: 1.5em; line-height: 1em; margin: 0; padding: 0 0.75em; }
#main_content .button:hover, #main_content .button:focus{ background: #fff; color: #157498; text-decoration: none; }
#main_content .button_disabled{ background: #fff; border-color: #f6f6f6; color: #ccc; padding: 0.25em 1em; }
#main_content input.button_disabled{ height: 1.5em; line-height: 1em; margin: 0; padding: 0 0.75em; }
#main_content .button_disabled:hover, #main_content .button_disabled:focus{ color: #ccc; text-decoration: none; }
#main_content .photo{ width: 132px; height: 152px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; }
#main_content .photo img{ position: absolute; left: 5px; top: 5px; }
#main_content .thumb{ width: 72px; height: 82px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; }
#main_content .thumb img{ position: absolute; left: 5px; top: 5px; }


/*-- Footer --*/
#footer-wrap{ width: 100%; background: transparent url(/ClientResources/Images/bg-footerwrap.gif) no-repeat center top; padding: 5em 0 0; }
#footer{ width: 960px; height: 50px; position: relative; color: #fff; font-size: 1.1em; line-height: 2em; margin: 0 auto; z-index: 10; }
#footer a{ color: #fff; text-decoration: none; }
#footer a:hover, #footer a:focus{ color: #edc437; text-decoration: underline; }
#footer p.copyright{ width: 50%; display: inline; float: left; font-weight: bold; }
#footer address{ width: 30%; display: inline; float: right; font-style: normal; line-height: 1.5em; margin: 0 45px 0 0; text-align: right; }
#footer ul{ width: 50%; display: inline; float: left; }
#footer ul li{ border-left: solid 1px #fff; display: inline; float: left; line-height: 1em; padding: 0 5px; }
#footer ul li.firstitem{ border: 0 none; padding: 0 5px 0 0; }
#footer a.physicianaccess{ background: transparent url(/ClientResources/Images/icon-physicianaccess.gif) no-repeat left; display: inline; float: left; margin: 0 200px 0 0; padding: 0 0 0 1.8em; }
#footer a.mcmurry{ width: 37px; height: 37px; position: absolute; right: 0; top: 0; background: transparent url(/ClientResources/Images/website-by-mcmurry.gif) no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#footer a.mcmurry:hover, #footer a.mcmurry:focus{ background-position: center bottom; }
