﻿/*==============================================
HMA Template 1 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: #edebd5 url(Images/bg_main.gif) repeat-y top center; 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: #2d4492; 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: #2d4492; 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{ background: transparent url(Images/bg_main.gif) repeat-y top center; }
#header, #main, #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_main.gif) repeat-y top center; }
#footer{ font-size: 10px; line-height: 20px; }

/* Header */
#logo{ float: left; display: inline; width: 300px; 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%; }
#navtop{ float: right; display: inline; width: 202px; 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: 182px; height: 22px; margin: 0 15px 0 0; background: transparent url(Images/bg_topsearch.gif) no-repeat; }
#search .searchtext, #search .searchtext_empty{ float: right; width: 134px; 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: #f09f0e 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: 100%; 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: 27px; padding: 0 15px 3px 15px; color: #666; 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: #666; font-size: 12px; line-height: 27px; font-weight: bold; text-align: center; cursor: pointer; }
#nav li:hover, #nav li a:hover{ background: #efc571; 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: 20px; margin: 0 0 0 5px; padding: 0 0 0 7px; background: transparent none; color: #333; font-size: 11px; line-height: 20px; 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{ border-top: 3px solid #eed8a3; background: #fff; color: #666; line-height: 26px; }
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: #fff; color: #666; }

/* Main Containers */
#main{ background: transparent url(Images/bg_sidenav.gif) repeat-y top left; }
.root #main{ padding: 0; background: transparent url(Images/bg_main_home.gif) repeat-y top center; }

#main_top
{
	background: #fff;
    position: relative;
	height: 280px;
}
	#main_photo{
        width: 960px;
        height: 280px;
        background: transparent url(Images/main_photo.jpg) no-repeat;
	}
	#main_photo #getflash{
	    width: 220px;
	    padding: 50px 0 0 60px;
	}
	    #getflash p{
	        color: #666;
	        font-size: 14px;
	        font-weight: bold;
	        text-align: left;
	    }
	    #getflash a{
	        margin: 0 0 0 20px;
	    }
    #flash{
        width: 960px;
        height: 280px;
    }
	#main_top .control_container{
	    float: left;
	}
	#main_bottom .control_container{
	    float: left;
	    width: 100%;
	    padding: 0 0 20px 0;
	}
	#main_bottom .control_container{ float: left; width: 100%; padding: 0 0 20px 0; }
	#main_bottom #main_bottom_left{ float: left; display: inline; width: 280px; margin: 0 20px; }
		#main_bottom #main_bottom_left img{ margin: 0 0 20px; }
	#main_bottom #main_bottom_center{ float: left; display: inline; width: 280px; 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 solid #fedc89; color: #8494c0; font-weight: normal; }
		.control_container h2 .viewall{ position: absolute; top: 7px; 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: 230px; height: 20px; padding: 2px; }
		.control_container .button{ float: left; display: block; width: 35px; border: 1px solid #ccc; background: #ddd none; color: #666; font-weight: bold; line-height: 20px; text-align: center; }
		.control_container .button:hover{ background-color: #ccc; color: #666; text-decoration: none; }
	#resources.control_container{ width: 310px; height: 160px; padding: 0; }
		#resources.control_container h2{ position: static; margin: 0; padding: 0 0 0 10px; border: 0 none; background: #fff; font-size: 24px; line-height: 44px; }
		#resources.control_container ul{ list-style: none; margin: 10px 0 0 20px; }
		#resources.control_container li{ float: left; width: 133px; margin: 0; padding: 2px 0 2px 12px; background: transparent url(/Resources/Common/Images/bullet_resources.gif) no-repeat left; }
		#resources.control_container li a{ color: #666; font-size: 12px; line-height: 24px; font-weight: bold; }
	#newslettersignup.control_container{ display: none; }
	#homenews.control_container{}
		#homenews.control_container h2{ margin: 0 0 10px 0; }
		#homenews.control_container dt{ 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{ margin: 0 0 15px 0; font-size: 11px; line-height: 16px; }
			#homenews.control_container dd .readmore{ color: #f09f0e; font-size: 10px; font-weight: bold; text-decoration: none; }
				#homenews.control_container dd .readmore:hover span{ text-decoration: underline; }
	.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{ color: #666; line-height: 18px; font-weight: bold; }
	#accolades.control_container{ position: relative; }
		#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; }
		#accolades #accolade_37{ width: 280px; height: 75px; position: absolute; right: 320px; top: 36px; background: transparent url(Images/caringwomen.jpg) no-repeat left center; }
		#accolades #accolade_37 img{ display: none; }

/* Home Content */
#home-content{ float: left; display: inline; width: 640px; margin: 0 0 10px 0; background: transparent url(Images/repeater-homecontent-bg.gif) repeat-y; }
#home-content-footer{ padding: 10px 30px 10px 20px; background: transparent url(Images/footer-homecontent-bg.gif) no-repeat bottom left; }

/* Main Inner Pages */
#main_inner{ width: 100%; padding: 0 0 10px 0; background: #fff url(Images/bg_sidenav.gif) repeat-y; }
#main_content{ float: right; display: inline; width: 680px; _height: 300px; min-height: 300px; padding: 10px 20px 20px 20px; background: transparent url(Images/bg_inner_header.gif) repeat-x; }
#main_sidebar{ float: left; width: 240px; min-height: 200px; _height: 200px; padding: 10px 0 0 0; background: transparent url(Images/bg_sidenav_header.jpg) no-repeat; }

/* 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, #home-content h1{ border-bottom: 1px solid #ccc; color: #2d4492; 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; }
#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{ color: #666; 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: #2d4492; 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: #8494c0; 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 */
#navfooter{ margin: 0 10px; border-top: 1px solid #eee; }
#footer_left{ float: left; width: 50%; margin: 10px 0; }
#footer_right{ float: left; width: 50%; margin: 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: #2d4492; }

/*-- misc --*/
.root .cta-cuddlebugs {
background:url("/Resources/Common/Images/cta-cuddlebugs.jpg") no-repeat scroll center top transparent;
display:block;
height:108px;
margin: 0 auto 20px;
overflow:hidden;
text-indent:-999999em;
width:290px;
}

#physDetail .physSide{ display: none; }
