/*//////////////////////////////////////////// Yakima Regional Medical Center Copyright © 2009, Cyrus Limited, Inc. http://www.cyrusonline.com Design by Brandon Kidd ---------------------------------------------- Base Stylesheet ////////////////////////////////////////////*/ /*--- Structure ---*/ body{ background: #3a508f; color: #666; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; } #wrap{ width: 100%; background: #fff url(/ClientResources/Images/bg-wrap.jpg) repeat-x center bottom; min-height: 600px; } #header-wrap{ width: 100%; background: #fff url(/ClientResources/Images/bg-headerwrap.gif) no-repeat center top; margin: 0 0 20px; } #header{ width: 960px; height: 170px; position: relative; margin: 0 auto; z-index: 30; } #footer-wrap{ width: 100%; background: transparent url(/ClientResources/Images/bg-footerwrap.gif) no-repeat center top; margin: 5px 0 0; } #footer{ width: 960px; position: relative; margin: 0 auto; z-index: 10; } /*--- Utility ---*/ /*--- Header --*/ #header h1{ } #header h1 a{ width: 236px; height: 77px; position: absolute; left: 5px; top: 18px; display: block; overflow: hidden; text-indent: -99999em; } #header #top-menu{ display: inline; float: right; font-size: 10px; line-height: 10px; margin: 7px 0 0; } #header #top-menu li{ position: relative; border-right: solid 1px #83a3db; display: inline; float: left; padding: 0 6px; } #header #top-menu li a{ color: #5682ce; text-decoration: none; } #header #top-menu li a:hover, #header #top-menu li a:focus, #header #top-menu li a.selected{ color: #666; } #header #top-menu li.top-menu-search{ border: none; padding: 0 0 0 6px; } .root #header #top-menu li.top-menu-home a, .myaccount #header #top-menu li.top-menu-myaccount a, .about-contact #header #top-menu li.top-menu-contact a, .faq #header #top-menu li.top-menu-faq a{ color: #ac1a2f; } #header #top-menu li.top-menu-search a{ background: transparent url(/ClientResources/Images/search-arrow.gif) no-repeat right top; padding: 0 12px 0 0; } #header #top-menu li.top-menu-search a.selected{ background-position: right bottom; color: #ac1a2f; text-decoration: none; } #header #top-menu li.top-menu-search .search-box{ width: 185px; position: absolute; right: 0px; top: 14px; background: #eee; border: solid 1px #ccc; display: none; padding: 5px; } #header #top-menu li.top-menu-search .search-box input{ width: 140px; border: solid 1px #ccc; } #header #top-menu li.top-menu-search .search-box a{ background: #5682ce; border: solid 1px #3a508f; color: #fff; font-size: 12px; font-weight: bold; line-height: 20px; padding: 2px 6px; margin: 0 0 0 2px; } #header #top-menu li.top-menu-search .search-box a:hover{ background: #ac1a2f; border-color: #8b071a; text-decoration: none; } #header #menu{ width: 960px; height: 50px; background: transparent url(/ClientResources/Images/bg-menu.gif) no-repeat center top; display: inline; float: left; z-index: 40; margin: 103px 0 0; } #header #menu ul{ display: inline; float: left; } #header #menu ul li{ position: relative; display: inline; float: left; margin: 0 !important; padding: 0 !important; } #header #menu ul li a{ width: auto; height: 42px; background: transparent no-repeat center top; display: inline; float: left; margin: 4px 1px 4px 0; outline: 0; overflow: hidden; text-indent: -99999em; } #header #menu ul li #nav_about_us{ width: 105px; background-image: url(/ClientResources/Images/menu-about.jpg); } #header #menu ul li #nav_our_services{ width: 132px; background-image: url(/ClientResources/Images/menu-services.jpg); } #header #menu ul li #nav_patient_information{ width: 197px; background-image: url(/ClientResources/Images/menu-patients.jpg); } #header #menu ul li #nav_our_physicians{ width: 144px; background-image: url(/ClientResources/Images/menu-physicians.jpg); } #header #menu ul li #nav_news_events{ width: 146px; background-image: url(/ClientResources/Images/menu-calendar.jpg); } #header #menu ul li #nav_careers{ width: 94px; background-image: url(/ClientResources/Images/menu-careers.jpg); } #header #menu ul li #nav_clinics{ width: 136px; background-image: url(/ClientResources/Images/menu-clinics.jpg); margin: 4px 0; } #header #menu ul li a:hover, #header #menu ul li a:focus, #header #menu ul li.hover a{ background-position: center -42px; } .about #header #menu ul li a#nav_about_us, .services #header #menu ul li a#nav_our_services, .patients #header #menu ul li a#nav_patient_information, .physicians #header #menu ul li a#nav_our_physicians, .calendar #header #menu ul li a#nav_news_events, .careers #header #menu ul li a#nav_careers, .clinics #header #menu ul li a#nav_clinics{ background-position: center bottom; } #header #menu .subnav-wrap{ width: 413px; position: absolute; left: 0px; top: 51px; background: transparent url(/ClientResources/Images/bg-subnav-wrap.gif) no-repeat center bottom; display: none; } #header #menu #subnav-calendar, #header #menu #subnav-careers, #header #menu #subnav-clinics{ left: auto; right: 0px; background-image: url(/ClientResources/Images/bg-subnav-wrap-alt.gif); } #header .subnav-container{ display: none; } #header #menu .subnav-wrap .subnav-container{ width: 405px; min-height: 103px; background: transparent no-repeat center top; display: inline; float: left; overflow: hidden; padding: 4px; } #header #menu #subnav-about .subnav-container{ background-image: url(/ClientResources/Images/bg-subnav-about.jpg); } #header #menu #subnav-services .subnav-container{ background-image: url(/ClientResources/Images/bg-subnav-services.jpg); } #header #menu #subnav-patients .subnav-container{ background-image: url(/ClientResources/Images/bg-subnav-patients.jpg); } #header #menu #subnav-physicians .subnav-container{ background-image: url(/ClientResources/Images/bg-subnav-physicians.jpg); } #header #menu #subnav-calendar .subnav-container{ background-image: url(/ClientResources/Images/bg-subnav-calendar.jpg); } #header #menu #subnav-careers .subnav-container{ background-image: url(/ClientResources/Images/bg-subnav-careers.jpg); } #header #menu #subnav-clinics .subnav-container{ background-image: url(/ClientResources/Images/bg-subnav-clinics.jpg); } #header #menu .subnav-wrap .subnav-container .subnav{ width: 190px; display: inline; float: left; padding: 5px; overflow: hidden; } #header #menu #subnav-calendar .subnav-container .subnav, #header #menu #subnav-careers .subnav-container .subnav, #header #menu #subnav-clinics .subnav-container .subnav{ float: right; } #header #menu .subnav-wrap .subnav-container .subnav ul{ } #header #menu #subnav-physicians .subnav-container .subnav ul{ border-bottom: dotted 1px #666; margin: 0 0 7px; padding: 0 0 7px; } #header #menu .subnav-wrap .subnav-container .subnav ul li{ float: none; margin: 0; } #header #menu .subnav-wrap .subnav-container .subnav ul li a{ width: 180px; height: 14px; color: #3a508f; display: inline; float: left; font-size: 11px; font-weight: bold; line-height: 14px; margin: 0; padding: 2px 5px; text-indent: 0; text-decoration: none; } #header #menu .subnav-wrap .subnav-container .subnav ul li a:hover{ background: #3a508f; color: #fff; } #header #menu #subnav-calendar .subnav-container .subnav ul li a{ font-weight: normal; } #header #menu .subnav-wrap .subnav-container .subnav h2{ font-size: 12px; line-height: 20px; padding: 0; } #header #menu .subnav-wrap .subnav-container .subnav h2 a{ height: auto; border-bottom: dotted 1px #666; color: #3a508f; display: inline; float: none; text-decoration: none; text-indent: 0; } #header #menu .subnav-wrap .subnav-container .subnav h2 a:hover{ color: #ac1a2f; text-decoration: none; } #header #menu .subnav-wrap .subnav-container .subnav label{ color: #3a508f; display: inline; float: left; font-size: 12px; font-weight: bold; line-height: 18px; } #header #menu .subnav-wrap .subnav-container .subnav select{ width: 185px; color: #666; display: inline; float: left; font-size: 11px; } #header #menu .subnav-wrap .subnav-container .subnav input{ width: 185px; color: #666; display: inline; float: left; font-size: 11px; } #header #menu .subnav-wrap .subnav-container .subnav a.subMenu-Search{ height: 20px; background: #5682ce; border: solid 1px #3a508f; color: #fff; display: inline; float: left; font-size: 12px; font-weight: bold; line-height: 20px; padding: 2px 6px; margin: 2px 0; text-indent: 0; text-decoration: none; } #header #menu .subnav-wrap .subnav-container .subnav a.subMenu-Search:hover, #header #menu .subnav-wrap .subnav-container .subnav a.subMenu-Search:focus{ background: #ac1a2f; border-color: #8b071a; text-decoration: none; } #header #menu .subnav-wrap .subnav-container .subnav-right{ width: 180px; display: inline; float: right; margin: 103px 0 0; overflow: hidden; padding: 10px; } #header #menu #subnav-calendar .subnav-container .subnav-right, #header #menu #subnav-careers .subnav-container .subnav-right, #header #menu #subnav-clinics .subnav-container .subnav-right{ float: left; } #header #menu .subnav-wrap .subnav-container .subnav-right p{ color: #eee; font-size: 11px; line-height: 16px; margin: 0; } /*--- Footer ---*/ #footer .section{ width: 170px; display: inline; float: left; } #footer .section h2{ font-family: Georgia, Times New Roman, Serif; font-size: 14px; font-variant: small-caps; font-weight: normal; line-height: 16px; } #footer .section h2 a{ width: 100%; border-bottom: solid 1px #5a70a7; color: #c4cbde; display: block; padding: 8px 0; text-decoration: none; } #footer .section h2 a:hover, #footer .section h2 a:focus{ border-bottom: solid 3px #8c9cc7; color: #fff; padding: 8px 0 6px; } #footer .section ul{ background: transparent url(/ClientResources/Images/bg-footer-ul.gif) no-repeat left top; list-style: none; padding: 5px 0 0; } #footer .section ul li{ background: transparent url(/ClientResources/Images/bg-footer-li.gif) no-repeat left bottom; line-height: 20px; padding: 0 0 0 10px; } #footer .section ul li.lastitem{ background-image: url(/ClientResources/Images/bg-footer-li_last.gif); } #footer .section ul li a{ color: #c4cbde; font-size: 10px; text-decoration: none; } #footer .section ul li a:hover, #footer .section ul li a:focus{ color: #fff; text-decoration: underline; } #footer .accolade{ width: 240px; height: 140px; background: transparent url(/ClientResources/Images/jco-accolade.gif) no-repeat center top; display: inline; float: left; margin: 40px 0 0 25px; overflow: hidden; text-indent: -99999em; } #footer #bottom{ border-top: solid 1px #5a70a7; color: #C4CBDE; font-size: 10px; line-height: 10px; margin: 0 0 10px; padding: 10px 0; } #footer #bottom .copyright{ display: inline; float: left; } #footer #bottom a{ color: #C4CBDE; text-decoration: none; } #footer #bottom a:hover, #footer #bottom a:focus{ color: #8c9cc7; text-decoration: underline; } #footer #bottom ul{ list-style: none; } #footer #bottom ul li{ border-left: solid 1px #5a70a7; display: inline; float: left; margin: 5px 0 0; padding: 0 6px; } #footer #bottom ul li.firstitem{ border: none; padding: 0 6px 0 0; } #footer #bottom .siteinfo{ display: inline; float: right; text-align: right; } #footer #bottom .siteinfo address{ font-style: normal; margin: 0 0 5px; } #footer #bottom .siteinfo p a{ font-weight: bold; } /*--- Main Generic ---*/ #main_content h1{ color: #fff; font-family: Georgia, Times New Roman, Serif; font-variant: small-caps; font-weight: normal; font-size: 22px; line-height: 50px; margin: 0 0 5px; } #main_content h1 a{ border-bottom: dotted 1px #ccc; color: #c6d5f4; text-decoration: none; } #main_content h1 a:hover, #main_content h1 a:focus{ border-bottom: solid 1px #ac1a2f; color: #fff; } #main_content h2{ color: #3a508f; font-family: Arial, Verdana, Sans-Serif; font-size: 20px; font-weight: normal; line-height: 24px; margin: 5px 0; } #main_content h2 a{ border-bottom: dotted 1px #ccc; color: #3a508f; text-decoration: none; } #main_content h2 a:hover, #main_content h2 a:focus{ color: #ac1a2f; border-bottom: solid 1px #3a508f; } #main_content h3{ color: #333; font-size: 18px; font-weight: normal; line-height: 20px; margin: 4px 0; } #main_content h4{ color: #666; font-size: 16px; font-weight: normal; line-height: 18px; margin: 4px 0; } #main_content h5{ color: #3a508f; font-size: 14px; font-weight: normal; line-height: 16px; margin: 3px 0; } #main_content h6{ color: #333; font-size: 12px; font-weight: normal; line-height: 14px; margin: 3px 0; } #main_content p{ line-height: 18px; margin: 0 0 15px; text-align: justify; } #main_content p strong{ color: #454545; } #main_content a{ color: #ac1a2f; text-decoration: underline; } #main_content a[target=blank]{ background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px; padding: 0 10px 0 0; } #main_content a:hover, #main_content a:focus{ color: #3a508f; text-decoration: none; } #main_content ul{ list-style: none; margin: 0 0 15px 0; } #main_content ul li{ 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 15px 25px; } #main_content ol li{ line-height: 18px; margin-bottom: 10px; } #main_content dl{ margin: 0 0 15px 0; line-height: 20px; } #main_content dl dt{ color: #3a508f; font-weight: bold; } #main_content dl dd{ margin: 0 0 10px 0; } #main_content hr{ height: 0; border: 0; border-bottom: 3px double #bac2d8; } #main_content blockquote{ width: 220px; background: #c6d5f4; border: solid 2px #5a70a7; border-left: 0 none; border-right: 0 none; color: #3a508f; display: inline; float: right; font-size: 12px; font-style: italic; line-height: 20px; margin: 0 0 15px 15px; padding: 15px; } #main_content address{ font-style: normal; } #main_content fieldset{ border: 1px solid #bac2d8; padding: 5px 10px; } #main_content legend{ color: #3a508f; font-size: 16px; font-weight: normal; }