/*%%%%%%%%%%%%%%%%%%%%%%%%%%% CHS Template 2 -------------------------------------------------------- Family Medicine Specialists of Jennersville Colors: #006496 - Dark Blue #3181ac - Medium Blue #629fc3 - Light Blue #a0cf67 - Lime Green %%%%%%%%%%%%%%%%%%%%%%%%%%%*/ body{ background: #006496; color: #333; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; } h1{ color: #006496; font-size: 24px; margin: 5px 0; } h2{ color: #a0cf67; font-size: 20px; margin: 5px 0; } h3{ color: #666; font-size: 18px; margin: 4px 0; } h4{ color: #006496; 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: #006496; } a:hover, a:focus{ color: #a0cf67; text-decoration: none; } #wrap{ width: 100%; background: #629fc3; 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{ background: #3181ac; } .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: #a0cf67; } .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{ background: #eee; color: #3181ac; } .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{ background: #eee; color: #3181ac; } /*------------------------- Marquee Section -------------------------*/ #marquee{ width: 960px; height: 280px; background: #fff url(Images/bg-marquee.jpg) no-repeat center top; margin: 0 auto; position: relative; } #marquee .introducing{ width: 275px; height: 40px; background: transparent url(Images/introducing.gif) no-repeat left top; display: block; left: 14px; position: absolute; top: 9px; } #marquee .cta-appointment, .internal .cta-appointment{ width: 160px; height: 44px; background: transparent url(Images/cta-appointment.gif) no-repeat left top; display: block; left: 528px; position: absolute; top: 3px; } #marquee .cta-contactus, .internal .cta-contactus{ width: 210px; height: 44px; background: transparent url(Images/cta-contactus.gif) no-repeat left top; display: block; left: 729px; position: absolute; top: 3px; } #marquee .logo-stacked{ width: 280px; height: 140px; background: transparent url(Images/logo-stacked.gif) no-repeat left top; display: block; left: 32px; position: absolute; top: 86px; } .internal .logo-horizontal{ width: 410px; height: 50px; background: transparent url(Images/logo.gif) no-repeat left top; display: block; left: 5px; 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; 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: 70px 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: #3181ac; 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: #3181ac; 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: #3181ac !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: #3181ac; font-weight: bold; line-height: 18px; margin: 10px; } #main_sidebar #map{ width: 211px; height: 200px; 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: #006496; 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: #3181ac; } /*------------------------- 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; }