/* Seven Rivers Stylesheet --------------------------------------------------------*/ html, body{ font-size: 12px; } body{ background: #c4d8e5; color: #333; font-family: Arial, Helvetica, Sans-Serif; } h1, h2, h3, h4, h5, h6{} h1{ color: #003e74; font-size: 24px; margin: 0 0 5px 0; } h2{ color: #3284b9; font-size: 20px; margin: 0 0 5px 0; } h3{ color: #666; font-size: 18px; margin: 0 0 5px 0; } h4{ color: #003e74; font-size: 16px; margin: 0 0 5px 0; } h5{ color: #3284b9; font-size: 14px; margin: 0 0 5px 0; } h6{ color: #666; font-size: 12px; margin: 0 0 5px 0; } p, #main_content .literalContent{ line-height: 20px; margin: 0 0 20px 0; 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: #3284b9; text-decoration: none; } a:hover, a:focus{ color: #7aa7c2; text-decoration: underline; } .watermark-text{ color: #aaa; } /* Structure */ #wrap{ width: 100%; min-width: 960px; background: #fff url(../Images/bg.gif) repeat-x top left; } #container{ position: relative; background: transparent url(../Images/footer-wave.gif) repeat-x bottom center; } /* Header Section */ #header{ position: relative; z-index: 1; width: 940px; height: 75px; margin: 0 auto; padding: 0 10px; background: transparent url(../Images/inner-header.gif) no-repeat bottom; } .root #header{ background-image: url(../Images/header.gif); } #header #logo{ float: left; display: inline; width: 295px; height: 55px; margin: 10px 0 0 0; } #header #logo a{ display: block; width: 100%; height: 100%; text-indent: -9999px; } #header #logo a:hover{ background-position: bottom left; } #header-right{ float: right; height: 25px; } #header .top-nav{ float: right; display: inline; width: 175px; height: 20px; margin: 2px 0 0 0; } #header .top-nav li{ display: inline; } #header .top-nav li a{ padding: 0 1px 0 5px; background: transparent url(../Images/nav-separator.gif) no-repeat 0 2px; color: #fff; font-size: 11px; line-height: 20px; } #header .top-nav li.firstcell a{ background: transparent none; padding-left: 0; } .search{ float: right; display: inline; width: 164px; height: 20px; margin: 2px 0 0 0; background: transparent url(Images/search-text.gif) no-repeat top left; } .search .search-text, .search .searchtext_empty{ float: left; display: inline; width: 130px; height: 16px; margin: 0 0 0 2px; padding: 2px 0 0 3px; border: 0 none; background: transparent none; color: #66849d; font-size: 12px; line-height: 16px; } .search .search-text:focus{ color: #333; } .search .search-button{ float: right; display: block; width: 25px; height: 20px; text-indent: -9999px; } /* Navigation Section */ #nav{ float: right; display: inline; width: 625px; height: 35px; margin: 15px 0 0 0; z-index: 10; } #nav ul{ list-style: none; } #nav li{ display: inline; float: left; position: relative; padding: 0; } #nav a{ float: left; display: block; height: 35px; background-image: url(../Images/nav.gif); background-repeat: no-repeat; text-indent: -9999px; } /* Links */ #nav #nav_find_a_physician{ width: 134px; background-position: 0 0; } #nav #nav_find_a_physician:hover, #nav li.sfhover #nav_find_a_physician{ background-position: 0 -35px; } .physicians #nav #nav_find_a_physician{ background-position: 0 -70px !important; } #nav #nav_our_services{ width: 110px; background-position: -134px 0; } #nav #nav_our_services:hover, #nav li.sfhover #nav_our_services{ background-position: -134px -35px; } .services #nav #nav_our_services{ background-position: -134px -70px !important; } #nav #nav_patients_visitors{ width: 140px; background-position: -244px 0; } #nav #nav_patients_visitors:hover, #nav li.sfhover #nav_patients_visitors{ background-position: -244px -35px; } .patients #nav #nav_patients_visitors{ background-position: -244px -70px !important; } #nav #nav_news_events{ width: 120px; background-position: -384px 0; } #nav #nav_news_events:hover, #nav li.sfhover #nav_news_events{ background-position: -384px -35px; } .newsandevents #nav #nav_news_events{ background-position: -384px -70px !important; } #nav #nav_career_center{ width: 111px; background-position: -504px 0; } #nav #nav_career_center:hover, #nav li.sfhover #nav_career_center{ background-position: -504px -35px; } .careers #nav #nav_career_center{ background-position: -504px -70px !important; } /* Dropdowns */ #nav li div{ z-index: 20; display: none; position: absolute; top: 35px; left: -3px; width: 210px; padding: 0 0 20px 0; } #nav #li_find_a_physician div{ left: 1px; } #nav #li_career_center div{ left: -98px; } #nav li ul{ z-index: 20; display: none; position: absolute; top: 0px; left: 0px; width: 200px; margin: 0; padding: 4px 0 10px 10px; background: transparent url(../Images/dropdown.png) repeat-y bottom left; } #nav li li{ z-index: 20; background: transparent none; margin: 0; } #nav li li a{ text-indent: 0; } #nav li.sfhover li a{ display: block; width: 185px; height: 22px; padding: 0 0 0 5px; background: transparent none; color: #666; font-size: 12px; line-height: 22px; font-weight: normal; text-align: left; } #nav li.sfhover li.sfhover a{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #fff; color: #3284b9; text-decoration: none; } #nav li > #nav ul{ top: auto; left: auto; } #nav li.sfhover ul, #nav li.sfhover div{ display: block; } /* Main Section */ #main-wrap{ position: relative; z-index: 0; width: 960px; margin: 0 auto; } #main{ width: 100%; position: relative; overflow: hidden; } .header-inner{ width: 100%; background: transparent url(../Images/header-inner-bg.gif) no-repeat top; } .repeater-inner{ width: 100%; background: transparent url(../Images/repeater-inner-bg.gif) repeat-y; } .footer-inner{ width: 100%; overflow: hidden; background: transparent url(../Images/footer-inner-bg.gif) no-repeat bottom; } /* Slideshow */ #slideshow{ width: 960px; height: 255px; background: transparent url(../Images/marquee.gif) no-repeat; } #slideshow .slide{ display: none; width: 960px; height: 255px; z-index: 0; } #slideshow .slide h2, #slideshow .slide p{ display: none; } #slideshow .slide-1{ background: transparent url(../Images/slide-1.jpg) no-repeat; } #slideshow .slide-2{ background: transparent url(../Images/slide-2.jpg) no-repeat; } #slideshow .slide-3{ background: transparent url(../Images/slide-3.jpg) no-repeat; } #slideshow .slide-4{ background: transparent url(../Images/slide-4.jpg) no-repeat; } #slideshow .slide-5{ background: transparent url(../Images/slide-5.jpg) no-repeat; } #slideshow .slide-6{ background: transparent url(../Images/slide-6.jpg) no-repeat; } /* Home Page */ #ctas{ width: 960px; height: 70px; background: transparent url(../Images/ctas.gif) no-repeat; } #ctas li{ list-style: none; } #ctas a{ float: left; display: inline; width: 300px; height: 50px; text-indent: -9999px; } #ctas a.cta-1{ margin: 10px 0 0 20px; } #ctas a.cta-2{ margin: 10px 0 0 10px; } #ctas a.cta-3{ margin: 10px 0 0 10px; } #editable-main{ width: 940px; overflow: hidden; margin: 10px 0 0; padding: 0 20px; } #editable-main h1{ font-family: Georgia, "Times New Roman", Times, serif; } #client-editable{ width: 940px; margin: 10px 0 20px; padding: 0 10px; } #client-editable .column{ display: inline; float: left; } #client-editable .column-left{ width: 280px; margin-right: 20px; } #client-editable .column-center{ width: 300px; margin-right: 20px; } #client-editable .column-right{ width: 320px; } #client-editable .editable-item{ margin: 10px 0; } #client-editable .box{ position: relative; border: solid 0px #e3e3e3; -moz-border-radius: 10px; border-radius: 10px; margin: 0 -7px 10px; padding: 10px; } #client-editable .box-noborder{ border: 0 none; margin: 0 0 10px; padding: 0; } #client-editable .box h3{ border-bottom: solid 1px #e3e3e3; margin-bottom: 10px; padding: 0 0 3px; } #client-editable .box-noborder h3{ border: solid 0px #e3e3e3; -moz-border-radius: 5px; border-radius: 5px; margin: 0 -7px 10px;padding: 3px 5px; } #client-editable .box .readmore{ position: absolute; right: 10px; top: 16px; font-size: 11px; font-weight: bold; } #client-editable .box-noborder .readmore{ right: 10px; top: 9px; } #client-editable .box ul, #client-editable .box ol{ margin: 0 0 10px 0; padding: 0 0 0 25px; } #client-editable .box li{ margin: 0 0 5px 0; line-height: 18px; } #client-editable .box ul li { list-style: none; background: transparent url(../Images/bullet1.gif) no-repeat left; color: #666; line-height: 16px; margin: 0 -7px 10px; padding: 0 0 0 12px; text-decoration: none; } #client-editable .box ol li{} #client-editable .item-top{ margin: 5px 0px 0px 0px; } #client-editable .item-bottom{ margin: 40px 0px 0px 0px; } #client-editable h2{ margin: 0; font-size: 14px; line-height: 14px; } #client-editable h2 a{ color: #003e74; } #client-editable p{ margin: 0 0 10px 0; font-size: 12px; line-height: 18px; text-align: left; } #client-editable img{ float: left; margin: 0 15px 10px 0; } #client-editable .video-frame{ border: solid 5px #e3e3e3; -moz-border-radius: 5px; border-radius: 5px; display: inline; float: left; margin: 10px 0; padding: 5px; } #client-editable .cta-stroke a{ width: 210px; height: 40px; background: url(../images/cta-stroke.gif) no-repeat 0 0; display: block; overflow: hidden; text-indent: -999em; } #client-editable .cta-stroke a:hover{ background-position: 0 -40px; } #bottom-ctas{ width: 940px; height: 140px; overflow: hidden; margin: 0 10px; } #bottom-ctas .column{ width: 360px; float: left; display: inline; padding: 0 0 0 85px; } #bottom-ctas .col-left{ margin: 0 50px 0 0; background: transparent url(../Images/footercta-left.gif) no-repeat; } #bottom-ctas .col-right{ background: transparent url(../Images/footercta-right.gif) no-repeat; } #bottom-ctas .editable-item{} #bottom-ctas h3{ height: 30px; text-indent: -9999px; } #bottom-ctas img{ float: left; margin: 0 15px 10px 0; } #bottom-ctas p{ margin: 0 0 10px 0; font-size: 12px; line-height: 18px; text-align: left; } #bottom-ctas p a{ color: #f90; font-weight: bold; } /* Internal Page Structure */ #main #main_inner{ margin: 0 30px 0 0; } #main #main_inner #main_content{ width: 680px; min-height: 300px; height: auto !important; height: 300px; float: right; display: inline; margin: 20px 0 50px; } #main #main_inner #main_sidebar{ width: 190px; float: left; display: inline; margin: 35px 0 30px 25px; } /* 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; 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{ display: none; } /* Main Content Styles */ #main_content h1{ font-family: Georgia, "Times New Roman", Times, serif; line-height: 30px; margin: 0; } #main_content h1 a{ color: #7aa7c2; font-weight: normal; text-decoration: none; } #main_content h1 a:hover, #main_content h1 a:focus{ color: #fff; } #main_content .menu{ border-top: 2px solid #7aa7c2; 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 .menuempty{ margin-bottom: 10px; border-top: 2px solid #ccc; } #main_content acronym{ border-bottom: 1px dotted #ccc; cursor: help; } #main_content hr{ height: 0; margin: 10px 0; border: 0; border-bottom: 1px solid #ccc; } #main_content fieldset{ border: 2px solid #ddd; padding: 10px; } #main_content legend{ font-size: 14px; font-weight: bold; } #main_content ul, #main_content ol{ margin: 0 0 10px 0; padding: 0 0 0 25px; } #main_content li{ margin: 0 0 10px 0; line-height: 18px; } #main_content ul li{ list-style: square; } #main_content ol li{} #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 .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 input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 12px; } #main_content .button{ background: #639ec8; border-color: #adcce4; color: #fff; text-decoration: none; } #main_content .button span{ color: #fff; } #main_content .button:hover, #main_content .button:focus{ background: #adcce4; border-color: #639ec8; color: #003e74; text-decoration: none; } #main_content .button:hover span, #main_content .button:focus span{ color: #666; } #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:hover{ background: #fff !important; color: #333 !important; } #main_content .photo{ float: left; width: 132px; height: 152px; 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{ float: left; width: 72px; height: 82px; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; } #main_content .thumb img{ position: absolute; left: 5px; top: 5px; } /* Sidebar Styles */ #main_sidebar h2{ display: none; color: #003e74; font-size: 16px !important; line-height: 28px; margin: 0; } #main_sidebar #sidemenu{ padding: 0; } #main_sidebar #quicklinks{ margin-bottom: 15px; padding: 0 0 10px 0; } #main_sidebar #quicklinks h2{ display: block; } #main_sidebar fieldset{ width: 219px; margin: 0 10px 10px; } #main_sidebar address{ color: #003e74; } #main_sidebar #phonenumbers{ color: #7aa7c2; font-weight: bold; line-height: 18px; margin: 10px 0; } #main_sidebar #phonenumbers a{ color: #666; } #main_sidebar #phonenumbers .phonedirectory{ display: block; margin-top: 10px; } #main_sidebar #map{ width: 186px; height: 200px; border: solid 4px #ccc; margin: 20px 0 10px 0; overflow: hidden; } #main_sidebar ul{ list-style: square; margin: 0 0 15px; } #main_sidebar ul li{ margin: 2px 0 2px 15px; color: #7aa7c2; font-size: 10px; line-height: 16px; } #main_sidebar ul li a{ color: #666; font-size: 12px; font-weight: bold; text-decoration: none; } #main_sidebar ul li a:hover, #main_sidebar ul li a:focus{ color: #003e74; text-decoration: underline; } #main_sidebar ul li ul{ margin: 0 0 5px 5px; } #main_sidebar ul ul li{ background: transparent url(../Images/bullet2.gif) no-repeat left 8px; color: #999; line-height: 14px; } #main_sidebar ul ul li a{ color: #4a7ba0; font-size: 11px; font-weight: normal; } #main_sidebar ul ul li a:hover, #main_sidebar ul ul li a:focus{ text-decoration: underline; } #main_sidebar ul#ctas-inner{ width: 170px; height: 110px; margin: 0 0 10px; padding: 10px 10px 0; background: transparent url(../Images/ctas-inner.png) no-repeat; } #main_sidebar ul#ctas-inner li{ list-style: none; margin: 0; } #ctas-inner a{ display: block; width: 170px; height: 30px; text-indent: -9999px; } #ctas-inner a.cta-1{} #ctas-inner a.cta-2{ margin: 5px 0 0; } #ctas-inner a.cta-3{ margin: 5px 0; } /* Footer Section */ #footer-wrap{ width: 100%; min-width: 960px; height: 80px; background: transparent url(../Images/footer.gif) repeat-x top center; } #footer{ width: 960px; margin: 0 auto; overflow: hidden; } #footer .left{ width: 440px; float: left; display: inline; margin: 0 0 0 10px; } #footer .right{ width: 400px; float: right; display: inline; text-align: right; margin: 0 10px 0 0; } #footer a{ color: #999; text-decoration: none; } #footer a:hover, #footer a:focus{ color: #999; text-decoration: underline; } #footer .copyright{ color: #999; font-size: 11px; line-height: 20px; text-align: left; } #footer .footer-nav ul{ list-style: none; } #footer .footer-nav li{ display: inline; } #footer .footer-nav li a{ padding: 0 1px 0 5px; background: transparent url(../Images/nav-separator.gif) no-repeat 0 2px; color: #639ec8; font-size: 11px; } #footer .footer-nav li.firstcell a{ background: transparent none; padding-left: 0; } #footer address{ font-size: 11px; line-height: 20px; font-style: normal; } #footer .designby{ clear: left; color: #999; font-size: 11px; line-height: 18px; } #footer .designby a{ padding-right: 39px; background: transparent url(../Images/designby.gif) no-repeat top right; } #footer .designby a:hover{ background-position: bottom right; } #footer .designby span{ display: none; } /* searchcontainer */ .searchcontainer{ position: relative; border-color: #c7e2f0; background-color: #e4ecf1; } .searchcontainer td{ padding: 0 5px 0 0; } .searchcontainer .search-or{ padding-right: 10px; line-height: 22px; } .searchcontainer .button{ margin-right: 5px; padding: 2px 8px !important; } /* Hax0rs */ .locations #main_sidebar fieldset{ display: none; } .RadPicker_Telerik .rcCalPopup{ margin: 0 0 0 5px !important; } .RadPicker_Telerik .rcTimePopup{ margin: 0 0 0 5px !important; }