/*%%%%%%%%%%%%%%%%%%%%%%%%%%%

	CHS Template 2

--------------------------------------------------------

	Family First Health Care
	Colors:		#009fcf - Dark Blue

					#63bcdf - Medium Blue

					#629fc3 - Light Blue

					#a3ba82 - Green	

%%%%%%%%%%%%%%%%%%%%%%%%%%%*/



body{ background: #009fcf; color: #333; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; }

h1{ color: #009fcf; font-size: 24px; margin: 5px 0; }

h2{ color: #a3ba82; font-size: 20px; margin: 5px 0; }

h3{ color: #666; font-size: 18px; margin: 4px 0; }

h4{ color: #009fcf; font-size: 16px; margin: 4px 0; }

h5{ color: #a0cf67; font-size: 14px; margin: 3px 0; }

h6{ color: #666; font-size: 12px; margin: 2px 0; }

p, #main_content .literalContent{ line-height: 20px; margin: 0 0 10px; text-align: justify; }

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: #009fcf; }

a:hover, a:focus{ color: #a0cf67; text-decoration: none; }





#wrap{ width: 100%; background: #63bcdf; margin: 0 auto; }





/*-------------------------

	Navigation Section

-------------------------*/

#nav{ width: 920px; height: 50px; margin: 0 auto; }

	#nav ul{ list-style: none; }

		#nav ul li{ display: inline; float: left; }

			#nav ul li a{ color: #fff; display: block; float: left; font-size: 16px; font-weight: bold; line-height: 50px; padding: 0 15px; text-decoration: none; }

			#nav ul li a:hover, #nav ul li a:focus{ text-decoration: underline; }

			.root #nav ul li a#nav_home, .services #nav ul li a#nav_clinical_services, .physicians #nav ul li a#nav_medical_staff, .patients #nav ul li a#nav_patient_information, .about #nav ul li a#nav_about_us, .location #nav ul li a#nav_location, .faq #nav ul li a#nav_faqs, .contact #nav ul li a#nav_contact_us{ background: #009fcf; }

			.root #nav ul li a#nav_home:hover, .services #nav ul li a#nav_clinical_services:hover, .physicians #nav ul li a#nav_medical_staff:hover, .patients #nav ul li a#nav_patient_information:hover, .about #nav ul li a#nav_about_us:hover, .location #nav ul li a#nav_location:hover, .faq #nav ul li a#nav_faqs:hover, .contact #nav ul li a#nav_contact_us:hover{ text-decoration: undeline; }

			.root #nav ul li a#nav_home:focus, .services #nav ul li a#nav_clinical_services:focus, .physicians #nav ul li a#nav_medical_staff:focus, .patients #nav ul li a#nav_patient_information:focus, .about #nav ul li a#nav_about_us:focus, .location #nav ul li a#nav_location:focus, .faq #nav ul li a#nav_faqs:focus, .contact #nav ul li a#nav_contact_us:focus{ text-decoration: undeline; }





/*-------------------------

	Marquee Section

-------------------------*/

#marquee{ width: 960px; height: 280px; background: #fff url(Images/bg-marquee.jpg) no-repeat center bottom; margin:0 auto; position: relative; }
	#marquee .logo-stacked{ width: 377px; height: 95px; display: block; left: 20px; position: absolute; top: 82px; }

	.internal .logo-horizontal{ width: 470px; height: 50px; background: transparent url(Images/logo.gif) no-repeat left top; display: block; left: 5px; position: absolute; top: 5px; }
		#marquee .logo-stacked img{ display: none; }
		.internal .logo-horizontal img{ display: none; }

#marquee .cta-appointment, .internal .cta-appointment{ width: 160px; height: 44px; display: block; left: 530px; position: absolute; top: 5px; }
#marquee .cta-contactus, .internal .cta-contactus{ width: 240px; height: 44px; display: block; left: 709px; position: absolute; top: 5px; }

		#marquee .introducing span, #marquee .cta-appointment span, #marquee .logo-stacked img, #marquee .cta-contactus span{ display: none; }

		.internal .cta-appointment span, .internal .cta-contactus span, .internal .logo-horizontal img{ display: none; }





/*-------------------------

	Main Section

-------------------------*/

#main{ width: 940px; position: relative; background: #fff url(Images/bg-main.gif) no-repeat center top; margin: 0 auto; overflow: hidden; padding: 0 10px; }

/* Home Page */

.root #main{ background: #fff none; }

	.root #main .col-services{ width: 185px; border-right: solid 1px #e0e0e0; display: inline; float: left; padding: 0 10px 10px; }

		.root #main .col-services ul{ list-style: none; margin: 0 0 15px; }

			.root #main .col-services ul li{ background: transparent url(Images/bullet1.gif) no-repeat left 8px; line-height: 16px; padding: 2px 0 2px 12px; }

				.root #main .col-services ul li a{ text-decoration: none; }

		.root #main .col-services a.viewall{ font-weight: bold; }

	.root #main .col-welcome{ width: 450px; min-height:400px;display: inline; float: left; padding: 0 20px 10px; }

		.root #main .col-welcome h1{ font-size: 20px; }

		.root #main .col-welcome ul{ list-style: none; margin: 0 0 15px; }

			.root #main .col-welcome ul li{ background: transparent url(Images/bullet1.gif) no-repeat left 8px; line-height: 16px; padding: 2px 0 2px 12px; }

				.root #main .col-welcome ul li a{ text-decoration: none; }

	.root #main .col-cta{ width: 233px; background: #e9e9e9; display: inline; float: right; padding: 5px; }

		.root #main .col-cta a{ background: transparent url(Images/bg-cta.gif) no-repeat left 9px; border-top: solid 1px #cecece; display: block; padding: 14px 5px; }

		.root #main .col-cta a.cta-requestappt{ background-position: left 2px; border: 0; padding: 7px 5px 14px; }

/* Internal Page Structure */

	#main #main_inner{ margin: 38px 0 0; }

		#main #main_inner #main_content{ width: 680px; border-left: solid 1px #e0e0e0; display: inline; float: right; padding-left: 10px; }

		#main #main_inner #main_sidebar{ width: 239px; float: left; }

/* Main Content Styles */

#main_content h1{ background: #63bcdf; color: #fff; line-height: 40px; margin: 0; padding: 0 0 0 10px; }

	#main_content h1 a{ color: #a0cf67; font-weight: normal; text-decoration: none; }

	#main_content h1 a:hover, #main_content h1 a:focus{ color: #fff; }

	#main_content h2 a{ text-decoration: none; }

#main_content .menu{ background: #eee; padding: 0 10px 0 0; }

	#main_content .menu a{ text-decoration: none; }

	#main_content .menu a:hover, #main_content .menu a:focus{ color: #666; }

#main_content hr{ height: 0; border: 0; border-bottom: 1px solid #ccc; }

#main_content ul{ list-style: none; margin: 0 0 10px 0; }

#main_content ul li{ background: transparent url(Images/bullet1.gif) no-repeat left 0.40em; margin: 0 0 5px 0; padding-left: 14px; }

#main_content ol{ margin: 0 0 10px 25px; }

#main_content ol li{ line-height: 18px; margin-bottom: 10px; }

#main_content dl{ line-height: 20px; margin: 0 0 20px 0; }

#main_content dl dt{ color: #555; font-weight: bold; }

#main_content dl dd{ margin: 0 0 10px 0; }

#main_content blockquote{ width: 660px; border-left: 3px solid #ddd; color: #666; font-style: italic; line-height: 20px; margin: 0 0 20px 0; padding: 0 0 0 10px; text-align: justify; }

#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; text-decoration: none; }

#main_content .button{ background: #63bcdf; color: #fff; }

#main_content input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 12px; }

#main_content .button:hover, #main_content .button:focus{ background: #a0cf67; border-color: #7faf48; color: #fff; text-decoration: none; }

#main_content .button_disabled{ background: #fff; border-color: #f1f1f1; color: #ccc; padding: 4px 8px; }

#main_content input.button_disabled{ height: 22px; line-height: 12px; padding: 0 4px; }

#main_content .button_disabled:hover{ text-decoration: none; }

#main_content .greenbutton{ background: #a0cf67 !important; border-color: #7faf48 !important; color: #fff !important; }

#main_content .greenbutton:hover, #main_content .greenbutton:focus{ background: #629fc3 !important; border-color: #63bcdf !important; }

#main_content .photo{ width: 132px; height: 152px; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; float: left; }

	#main_content .photo img{ position: absolute; left: 5px; top: 5px; }

#main_content .thumb{ width: 72px; height: 82px; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; float: left; }

	#main_content .thumb img{ position: absolute; left: 5px; top: 5px; }

/* Sidebar Styles */

#main_sidebar h2{ background: #a0cf67; color: #fff; font-size: 16px !important; line-height: 30px; margin: 0 0 10px; padding: 0 4px; }

#main_sidebar fieldset{ width: 219px; margin: 0 10px 10px; }

#main_sidebar address{  }

#main_sidebar #phonenumbers{ color: #63bcdf; font-weight: bold; line-height: 18px; margin: 10px; }

#main_sidebar #map{ display: none; }

#main_sidebar hr{ border: 0; border-bottom: solid 1px #e0e0e0; font-size: 1px; line-height: 1px; margin: 10px 0; }

#main_sidebar .multi-map{ border: solid 4px #ccc; margin: 20px 10px 10px; overflow: hidden; }

#main_sidebar ul{ list-style: none; margin: 0 0 10px; }

	#main_sidebar ul li{ background: transparent url(Images/bullet1.gif) no-repeat left 7px; line-height: 16px; padding-left: 8px; }

		#main_sidebar ul li a{ color: #009fcf; font-size: 12px; font-weight: bold; line-height: 18px; padding: 2px; text-decoration: none; }

		#main_sidebar ul li a:hover, #main_sidebar ul li a:hover{ color: #a0cf67; text-decoration: underline; }

		#main_sidebar ul li ul{ margin: 0 0 0 5px; }

			#main_sidebar ul li ul li, #main_sidebar ul ul li{ background: transparent url(Images/bullet2.gif) no-repeat left 8px; font-size: 11px; font-weight: normal; line-height: 14px; padding-left: 5px; }

				#main_sidebar ul li ul li a, #main_sidebar ul ul li a{ color: #63bcdf; }





/*-------------------------

	Footer Section

-------------------------*/

#footer{ width: 940px; border-top: 10px solid #fff; color: #fff; font-size: 11px; line-height: 12px; margin: 0 auto; overflow: hidden; padding: 10px; }

	#footer .left{ width: 420px; float: left; }

		#footer .left p{ line-height: 18px; margin: 2px 0; padding: 0; }

		#footer .left ul{ list-style: none; }

			#footer .left ul li{ border-left: solid 1px #fff; display: inline; float: left; padding: 0 4px; }

			#footer .left ul li.firstcell{ border: 0; padding-left: 0; }

				#footer .left ul li a{ color: #fff; text-decoration: none; }

				#footer .left ul li a:hover, #footer ul li a:focus{ color: #a0cf67; }

	#footer .right{ width: 420px; float: right; text-align: right; }

		#footer .right address{ font-style: normal; line-height: 18px; margin: 2px 0; }

		#footer .right a{ color: #fff; text-decoration: none; }

		#footer .right a:hover, #footer .right a:focus{ color: #a0cf67; }





/*-------------------------

	Hax0rs

-------------------------*/

.location #main_sidebar fieldset{ display: none; }

.RadPicker_Telerik .rcCalPopup{ margin: 0 0 0 5px !important; }

.RadPicker_Telerik .rcTimePopup{ margin: 0 0 0 5px !important; }

#footerpager{ height: 20px; }
