﻿/*==============================================
HMA Template 2 Stylesheet
================================================
	Design by: Cyrus Limited, Inc. - cyrusonline.com
	Author: Travis Repetto & Brandon Kidd
	Last Edited: 10-9-2007
==============================================*/

/* Global */
*{ font-family: Verdana, Helvetica, sans-serif; }
html, body{ border: 0; font-size: 12px; }
body{ background: #f3f1e2; color: #333; }
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{ font-family: Georgia, Times New Roman, Times, serif; font-weight: normal; }
h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; }
p, #main_content .literalContent{ line-height: 20px; text-align: justify; margin: 0 0 20px 0; }
p img[align="left"], #main_content .literalContent img[align="left"]{ margin: 0 10px 0 0; }
p img[align="right"], #main_content .literalContent img[align="right"]{ margin: 0 0 0 10px; }
a{ color: #b68440; outline: none; text-decoration: none; }
a:hover{ color: #999; text-decoration: underline; }
p a[target="_blank"]{ padding: 0 10px 0 0; background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px; }
address{ font-style: normal; }
fieldset{ border: 2px solid #eee; padding: 5px 10px; }
legend{ color: #01968d; font-size: 16px; font-weight: bold; }
.warning{ color: #c66; font-weight: bold; }
.viewall, .viewall span{ font-size: 10px; font-weight: bold; text-decoration: none; }
.viewall:hover span{ text-decoration: underline; }

/* Containers */
#wrap{ min-width: 980px; }
#header, #main_top, #main_bottom, #sub, #footer{ margin: 0 auto; width: 960px; }
#header{ width: 960px; height: 100px; padding: 0 10px; background: transparent url(Images/bg_header.gif) no-repeat top center; }
#header_bg{ background: transparent url(Images/bg_top.gif) repeat-x top center; }
#header_right{ float: right; width: 300px; }
#main{ padding: 0; background: transparent url(Images/bg_sidenav.gif) repeat-y top center; }
#footer{ font-size: 10px; line-height: 20px; }

/* Header */
#logo{ float: left; display: block; width: 400px; height: 50px; margin: 10px 0 10px 20px; background: transparent url(Images/logo.gif) no-repeat top left; }
/*#logo:hover{ background: transparent url(Images/logo.gif) no-repeat bottom left; }*/
#logo span{ display: none; }
#navtop{ float: right; display: inline; width: 180px; height: 15px; margin: 15px 0 5px 0; }
#navtop ul{ list-style: none; }
#navtop li{ float: left; display: inline; list-style: none; margin: 0 0 0 0; color: #ccc; font-size: 10px; }
#navtop li a{ margin: 0 5px; background: transparent url(Images/nav_navtop_bg.gif) no-repeat 0 4px; font-size: 10px; text-align: center; }
#navtop li a:hover{ color: #999; text-decoration: underline; }
#search{ float: right; display: inline; width: 162px; height: 22px; margin: 0 15px 0 0; background: transparent url(Images/bg_topsearch.gif) no-repeat; }
#search .searchtext, #search .searchtext_empty{ float: right; width: 115px; height: 18px; padding: 4px 2px 0 2px; border: 0 none; background: transparent; font-size: 12px; }
#search .searchtext_empty{ color: #999; }
#search .searchbutton{ display: block; float: right; width: 35px; height: 20px; margin: 0 0 0 2px; border: 1px solid #ccc; background: #01968d url(Images/btn_search_home.png) no-repeat top left; color: #fff; font-size: 12px; line-height: 20px; font-weight: bold; text-align: center; }
#search .searchbutton:hover{ background-color: #ccc; color: #666; text-decoration: none; }

/* Nav */
#nav{ position: relative; width: 100%; z-index: 10; }
#nav #cta_billpay{ position: absolute; top: 0; right: 0; display: block; width: 200px; height: 30px; background: transparent url(Images/cta_billpay.gif) no-repeat; text-indent: -9999px; z-index: 100; }
#nav ul{ list-style: none; margin: 0 0 0 5px; }
#nav li{ float: left; position: relative; list-style: none; margin: 0; z-index: 10; }
#nav li a{ float: left; display: block; height: 30px; padding: 0 15px 0 15px; color: #fff; font-size: 12px; line-height: 30px; font-weight: bold; text-align: center; cursor: pointer; }
* html #nav li a{ float: left; display: block; height: 30px; padding: 0 15px 0 15px; color: #fff; font-size: 12px; line-height: 27px; font-weight: bold; text-align: center; cursor: pointer; }
#nav li:hover, #nav li a:hover{ background: #69beb3; color: #fff; text-decoration: none; }
#nav li:hover li a, #nav li.sfhover li a{ color: #333; }
#nav li.sfhover a{ /*	color: #666; */}

/* Nav Dropdowns */
#nav li div{ display: none; position: absolute; top: 25px; left: -10px; width: 200px; padding: 0 0 20px 0; background: transparent url(Images/dropdown_top.png) no-repeat top left; z-index: 20; }
#nav li ul{ display: none; position: absolute; top: 5px; left: 0px; width: 200px; padding: 0 0 5px 0; background: transparent url(Images/dropdown.png) repeat-y bottom left; z-index: 20; }
* html #nav li div{ left: -5px; background: transparent none; }
* html #nav li ul{ top: 7px; background: #eee none; filter: alpha(opacity=95); }
#nav li li{ background: transparent none; margin: 0; z-index: 20; }
#nav li li a{ display: block; width: 182px; height: 22px; margin: 0 0 0 5px; padding: 0 0 0 7px; background: transparent none; color: #333; font-size: 11px; line-height: 22px; font-weight: normal; text-align: left; }
* html #nav li li a{ width: 194px; margin: 0 0 0 1px; padding: 0 0 0 3px; }
#nav li:hover li, #nav li:hover li a{ background: transparent none; }
#nav li li:hover a{ color: #333; background: #ddd none; }
#nav li > #nav ul{ top: auto; left: auto; }
#nav li:hover ul, #nav li.sfhover ul, #nav li:hover div, #nav li.sfhover div{ display: block; }

/* Nav Selected */
body.root #nav_home, body.about #nav_about, body.services #nav_services, body.patients #nav_patients, body.physicians #nav_physicians, body.news #nav_news, body.events #nav_events, body.careers #nav_jobs, body.locations #nav_location, body.locations #nav_locations{ height: 24px; border-top: 3px solid #32a89e; border-bottom: 3px solid #32a89e; background: transparent url(Images/nav_selected_bg.gif) repeat-x; color: #69beb3; line-height: 24px; }
body.root #nav_home:hover, body.about #nav_about:hover, body.services #nav_services:hover, body.patients #nav_patients:hover, body.physicians #nav_physicians:hover, body.news #nav_news:hover, body.events #nav_events:hover, body.careers #nav_jobs:hover, body.locations #nav_location:hover, body.locations #nav_locations:hover{ background: transparent url(Images/nav_selected_bg.gif) repeat-x; color: #333; }

/* Main Containers */
#main{ width: 980px; margin: 0 auto; }
.root #main{ width: 100%; margin: 0; }
#main_top_bg{ background: #a0d3c8 url(Images/bg_main_top.gif) repeat-y top center; }
#main_top{ height: 315px; padding: 10px 0 0 15px; background: transparent url(Images/bg_main_home.png) no-repeat top center; }
#main_bottom_bg{ width: 980px; margin: 0 auto; background: transparent url(Images/bg_main_home.gif) repeat-y top center; }
#main_bottom{ padding: 10px 10px 30px 10px; background: transparent url(Images/bg_main_footer.png) no-repeat bottom center; }
#main_top .control_container{ float: left; width: 280px; margin: 25px 0 10px 20px; }
#main_bottom .control_container{ float: left; width: 100%; padding: 0 0 20px 0; }
#main_bottom #main_bottom_left{ float: left; display: inline; width: 600px; margin: 0 20px; }
#main_bottom #main_bottom_right{ float: left; display: inline; width: 280px; margin: 0 20px; }
.control_container h2{ position: relative; margin: 0 0 5px 0; border-bottom: 1px dotted #999; color: #b68440; font-weight: normal; }
.control_container h2 .viewall{ position: absolute; top: 0px; right: 0; font-family: Verdana, Helvetica, sans-serif; color: #999; font-size: 12px; text-decoration: none; }
.control_container h2 .viewall span{ font-family: Verdana, Helvetica, sans-serif; }
.control_container h2 .viewall:hover span{ text-decoration: underline; }
.control_container p{ margin: 0 0 10px 0; color: #333; font-size: 11px; line-height: 18px; }
.control_container label{ display: none; }
.control_container input, .control_container select{ float: left; margin: 0 5px 0 0; border: 1px solid #ccc; color: #666; font-size: 12px; }
.control_container input{ width: 223px; height: 18px; padding: 2px 0 0 5px; }
.control_container select{ width: 228px; height: 23px; padding: 2px 0; * font-size: 14px; }
.control_container .button{ float: left; display: block; width: 35px; border: 1px solid #ccc; background: #ccc; color: #666; font-weight: bold; line-height: 20px; text-align: center; }
.control_container .button:hover{ background-color: #ccc; color: #666; text-decoration: none; }
.root #flash{ float: left; display: inline; width: 620px; height: 305px; }
.root #main_photo{ width: 620px; height: 305px; background: #fff url(Images/main_photo.jpg) no-repeat bottom left; }
#accolades.control_container{ }
#accolades.control_container ul{ list-style: none; }
#accolades.control_container li{ float: left; display: inline; list-style: none; width: 80px; height: 80px; margin: 0 10px 0 0; }
#accolades.control_container a{ display: block; width: 100%; height: 100%; background: #f2f2f2; }
.root h1{ margin: 0 0 5px 0; border-bottom: 1px dotted #999; color: #b68440; font-weight: normal; }
.root .literalContent h2{ color: #666; }

/* Font Sizer Custom */
.menu .font_sizer .font_normal, .menu .font_sizer .font_medium, .menu .font_sizer .font_large{ background: transparent none; border: 0 none; margin: 0; padding: 1px 3px; color: #b68440; font-weight: bold; text-decoration: none; }
.menu .font_normal{ font-size: 10px; }
.menu .font_medium{ font-size: 14px; }
.menu .font_large{ font-size: 18px; margin-right: 0; }
.root .menu{ position: absolute; top: 8px; right: 0; padding: 0; background: none; }

/* Main Inner Pages */
#main_inner{ width: 100%; padding: 0 0 30px 0; background: transparent url(Images/bg_inner_footer.png) no-repeat bottom center; }
#main_content{ float: right; display: inline; width: 680px; _height: 300px; min-height: 300px; padding: 10px 30px 20px 10px; }
#main_sidebar{ float: left; width: 240px; min-height: 200px; _height: 200px; padding: 10px 0 0 10px; }

/* Main Content Styles */
#main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{ margin: 0 0 5px 0; }
#main_content h1{ border-bottom: 1px solid #ccc; color: #01968d; font-size: 24px; }
#main_content h2{ padding: 3px; background: #f1f1f1; color: #666; font-size: 20px; }
#main_content hr{ height: 0; border: 0; border-bottom: 1px solid #ccc; }
#main_content ul{ margin: 0 0 20px 0; }
#main_content ul li{ list-style: none; background: transparent url(/Resources/Common/Images/bullet.gif) no-repeat 0 0.67em; margin: 0 0 5px 0; padding-left: 15px; }
#main_content ol{ margin: 0 0 20px 25px; }
#main_content ol li{ margin-bottom: 10px; line-height: 18px; }
#main_content dl{ margin: 0 0 20px 0; line-height: 20px; }
#main_content dl dt{ color: #555; font-weight: bold; }
#main_content dl dd{ margin: 0 0 10px 0; }
#main_content blockquote{ width: 660px; margin: 0 0 20px 0; padding: 0 0 0 10px; border-left: 3px solid #ddd; color: #666; line-height: 20px; text-align: justify; font-style: italic; }
#main_content .menuempty{ margin: 0 0 10px 0; }
#main_content .button, #main_content .button_disabled{ border: 2px solid #ccc; font-size: 12px; font-weight: bold; line-height: 26px; padding: 4px 8px; }
#main_content .button{ background: transparent url(Images/bg_btn.gif) repeat-x; }
#main_content input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 12px; }
#main_content .button:hover{ color: #666; text-decoration: none; }
#main_content .button_disabled{ padding: 4px 8px; background: #fff; border-color: #f1f1f1; color: #ccc; }
#main_content input.button_disabled{ height: 22px; padding: 0 4px; line-height: 12px; }
#main_content .button_disabled:hover{ 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; }

/* Main Sidebar Styles */
#main_sidebar h2{ margin: 0 10px; padding: 2px 5px; border: 1px solid #fff; background: #f1f1f1; font-size: 16px !important; }
#main_sidebar fieldset{ width: 190px; margin: 0 auto 10px auto; }
#main_sidebar fieldset .HealthCenter, #main_sidebar fieldset .Hospital{ height: 20px; margin: 0 0 0 10px; padding: 0 0 5px 25px; background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0; color: #666; line-height: 18px; font-weight: bold; }
#main_sidebar fieldset .Clinic{ height: 20px; margin: 0 0 0 10px; padding: 0 0 5px 25px; background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 0; color: #666; line-height: 18px; font-weight: bold; }
#main_sidebar address{ margin: 0 0 0 20px; line-height: 18px; }
#main_sidebar #phonenumbers{ margin: 10px 0 0 20px; color: #666; line-height: 18px; font-weight: bold; }
#main_sidebar #map{ width: 210px; height: 200px; overflow: hidden; margin: 20px 0 10px 10px; border: 4px solid #eee; }
#main_sidebar ul{ list-style: none; margin: 0 0 10px 12px; }
#main_sidebar li{ font-weight: bold; list-style: none; padding: 0 0 0 5px; background: transparent url(/Resources/Common/Images/bullet_sidenav.gif) no-repeat 0 7px; }
#main_sidebar li a{ padding: 1px 2px; color: #32a89e; font-size: 12px; line-height: 20px; }
#main_sidebar li ul{ margin: 0; }
#main_sidebar li li, #main_sidebar ul ul li{ font-weight: normal; padding: 0 0 0 7px; background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 3px 8px; }
#main_sidebar li li a, #main_sidebar ul ul li a{ color: #999; font-size: 12px; line-height: 16px; }
#main_sidebar li a:hover{ color: #999; }
#main_sidebar li li a:hover, #main_sidebar ul ul li a:hover{ color: #999; }
#main_sidebar li.selected a{ background: #eee; border-bottom: 1px solid #ddd; }
#main_sidebar li.selected a:hover{ text-decoration: none; }
#main_sidebar li.selected li a{ background: none; border: none; }
#main_sidebar #quicklinks.control_container li{ margin: 0 0 0 5px; padding: 0 0 0 5px; background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 0 8px; font-weight: normal; }

/* Footer */
#footer_left{ float: left; width: 50%; margin: 0 0 10px 0; }
#footer_right{ float: left; width: 50%; margin: 0 0 10px 0; }
#copyright{ margin: 0 0 0 20px; color: #999; }
#navlegal{ margin: 0 0 0 20px; color: #ccc; }
#navlegal ul{ list-style: none; }
#navlegal li{ display: inline; list-style: none; color: #ccc; }
#navlegal li a{ margin: 0; text-align: center; }
#navlegal li a:hover{ color: #999; text-decoration: underline; }
#footeraddress{ float: right; color: #999; margin: 0 20px 0 0; }
#footeraddress:hover{ color: #666; text-decoration: underline; }
#footerphone{ float: right; _display: inline; color: #999; margin: 0 20px 0 0; }
#poweredby{ float: right; _display: inline; height: 11px; margin: 5px 20px 0 0; line-height: 11px; }
#poweredby a{ padding: 0 38px 0 0; background: transparent url(Images/poweredby.gif) no-repeat top right; color: #999; }
#poweredby a:hover{ background-position: bottom right; }
#poweredby span{ display: none; }

/* News/Events Section */
#newsList_wrap h2 a, #eventList_wrap h3 a, #eventDetail_left h3{ color: #01968d; }

/* Contact Page */
#main_sidebar fieldset{ display: none; }

/* Remove Professional Experience */
#physDetail .proExp{ display: none; }

/* Robotics CTA */
.root .cta-davinci{ width: 290px; height: 120px; padding-bottom: 15px; background: transparent url(Images/cta-robotics.jpg) no-repeat center top; display: block; margin: 0 auto; overflow: hidden; text-indent: -999999em; }
