﻿/*==============================================
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: #e6decf; 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: #742a3b; 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: #4cafae; 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; position: relative; 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: 375px; height: 50px; margin: 10px 0 10px 20px; background: transparent url(Images/logo.gif) no-repeat top left; text-indent: -9999px; }
#logo a{ display: block; width: 100%; height: 100%; }
#header a.wifi{ width: 60px; height: 30px; position: absolute; left: 896px; top: 70px; display: block; }
	#header a.wifi 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 #999; background: #4cafae 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 */
#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{ position: relative; width: 955px; margin: 0 0 0 5px; z-index: 10; }
#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: #a5797d; 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_careers,
body.locations #nav_location,
body.locations #nav_locations{ height: 24px; border-top: 3px solid #742a3b; border-bottom: 3px solid #742a3b; background: transparent url(Images/nav_selected_bg.gif) repeat-x; color: #666; 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_careers: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: #c0a3a1 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{ 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: 285px; }
	#main_bottom .control_container{ float: left; width: 100%; padding: 0 0 20px 0; }
	#main_bottom #main_bottom_left{ float: left; display: inline; width: 210px; margin: 0 20px; }
	#main_bottom #main_bottom_center{ float: left; display: inline; width: 420px; margin: 0 20px; }
	#main_bottom #main_bottom_right{ float: left; display: inline; width: 210px; margin: 0 20px; }
	.control_container h2{ position: relative; margin: 0 0 5px 0; border-bottom: 1px dotted #999; color: #4cafae; 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: 16px; }
		.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: 153px; height: 18px; padding: 2px 0 0 5px; }
		.control_container select{ width: 158px; 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 #quicklinks.control_container{}
		.root #quicklinks.control_container ul{ list-style: none; }
		.root #quicklinks.control_container ul li{ padding: 0 0 0 14px; background: transparent url(/Resources/Common/Images/bullet_quicklinks.gif) no-repeat 0 7px; }
		.root #quicklinks.control_container ul li a{ line-height: 18px; font-weight: bold; }
		.root .video-list-wrap ul{ list-style: none; }
		.root .video-list-wrap ul li{ padding: 0 0 0 14px; background: transparent url(/Resources/Common/Images/bullet_quicklinks.gif) no-repeat 0 7px; }
		.root .video-list-wrap ul li a{ line-height: 18px; font-weight: bold; }
	.root #preregistration.control_container{}
		.root #preregistration.control_container input{ float: none; }
		.root #preregistration.control_container .dateinput, #preregistration.control_container .timeinput{ }
		.root #preregistration.control_container .datepicker, #preregistration.control_container .timepicker{ float: left; display: block; width: 16px; height: 20px; }
		.root #preregistration.control_container .datepicker{ background: transparent url(/Resources/Common/Images/Icons/calendar_add.gif) no-repeat center left; }
		.root #preregistration.control_container .timepicker{ background: transparent url(/Resources/Common/Images/Icons/time_add.gif) no-repeat center left; }
		.root #preregistration.control_container .datepicker img, #preregistration.control_container .timepicker img{ display: none; }
		.root #preregistration.control_container .button{ float: none; margin: 0 0 0 80px; }
	.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; }
	#newslettersignup.control_container{}
	#homenews.control_container{ margin: 20px 0 10px 20px; }
		#homenews.control_container h2{ margin: 0; }
		#homenews.control_container dl{ height: 245px; overflow: auto; }
		#homenews.control_container dt{ margin: 13px 0 0 0; line-height: 16px; font-weight: bold; }
		#homenews.control_container dt a{ color: #666; }
			#homenews.control_container dt .date{ font-family: Georgia, Times New Roman, Times, serif; color: #999; font-size: 10px; }
		#homenews.control_container dd{ display: none; margin: 0 0 15px 0; font-size: 11px; line-height: 16px; }
			#homenews.control_container dd .readmore{ font-size: 10px; font-weight: bold; text-decoration: none; }
				#homenews.control_container dd .readmore:hover span{ text-decoration: underline; }
	#accolades.control_container{}
		#accolades.control_container h2{ display: none; }
		#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 10px; }
		#accolades.control_container a{ display: block; width: 100%; height: 100%; background: #f2f2f2; }
.cta{ width: 210px; height: 35px; display: inline; float: left; margin: 5px 0; overflow: hidden; text-indent: -99999em; }
.cta-1{background: transparent url(Images/btn_physicianaccess.gif) no-repeat 0 0;}
.cta-2{background: transparent url(Images/btn_physicianaccess2.gif) no-repeat 0 0;}
.cta-3{background: transparent url(Images/btn_medicalaccess.gif) no-repeat 0 0;}
.cta-4{background: transparent url(Images/btn_email.gif) no-repeat 0 0;}
.cta-5{background: transparent url(Images/btn_health-edu.gif) no-repeat 0 0;}

/* Home Content */
#home-content{ margin: 0 0 10px 0; }
#home-content h1{ border-bottom: 1px dotted #999; color: #4cafae; font-size: 20px; letter-spacing: -1px; }

/* Main Inner Pages */
#main_inner{ width: 100%; padding: 0 0 30px 0; background: transparent url(Images/bg_maininner_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: #4cafae; font-size: 24px; }
#main_content h2, #home-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; color: #a5797d; }
#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: #a5797d; 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: #4cafae; font-size: 12px; line-height: 16px; }
#main_sidebar li a:hover{ color: #666; }
#main_sidebar li li a:hover, #main_sidebar ul ul li a:hover{ color: #666; }
#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; }
#poweredby{ float: right; display: block; width: 140px; height: 23px; margin: 0 20px 0 0; background: transparent url(Images/poweredby.gif) no-repeat top left; }
	#poweredby span{ display: none; }

/* News/Events Section */
#newsList_wrap h2 a, #eventList_wrap h3 a, #eventDetail_left h3{ color: #4cafae; }

/* Personnel List Customization */
/* Remove photos */
#personnelList_wrap .person .thumb{ display: none; }
