body {color: #555; background: #ccc url(../images/bg-body-stripes.jpg) repeat-x;} #wrap {width: 960px; margin: 10px auto; padding: 0; position: relative; font-size: 11px;} /************************************************** HEADER **************************************************/ #header {color: #fff; background: url(../images/bg-header.jpg) no-repeat; height: 254px; position: relative; border: 2px solid #FFF; z-index: 9999;} #header h1 a {background: url(../images/logo-home.png) no-repeat; width: 293px; height: 162px; display: block; position: absolute; top: 32px; left: 18px; text-indent: -9999px; outline: none;} #header h2 {background: url(../images/bg-header-welcome.png) no-repeat; width: 600px; height: 175px; position: absolute; top: 43px; left: 341px; text-indent: -9999px; outline: none;} /* HEADER NAV */ #header ul#headerNav {background: #5C707C; width: 956px; height: 38px; margin: 0; position: absolute; top: 218px; left: 0; z-index: 9999;} #header ul#headerNav li {height: 38px; list-style: none; display: inline; position: absolute; text-indent: -9999px;} #header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -38px;} #header ul#headerNav li a {background: transparent; height: 34px; left: 0; position: absolute; display: block; outline: none;} #header ul#headerNav li a:hover {color: #fff; text-decoration: none;} #header ul#headeranv li.welcome {display: none;} /* OUR DOCTORS */ #header ul#headerNav li.page-item-5 {background-image: url(../images/headerNav-os.gif); width: 126px; left: 7px;} #header ul#headerNav li.page-item-5 a {width: 126px;} /* PATIENT FORMS */ #header ul#headerNav li.page-item-9 {background-image: url(../images/headerNav-ps.gif); width: 135px; left: 139px;} #header ul#headerNav li.page-item-9 a {width: 135px;} /* PROCEDURES WE PERFORM */ #header ul#headerNav li.page-item-13 {background-image: url(../images/headerNav-prs.gif); width: 126px; left: 280px;} #header ul#headerNav li.page-item-13 a {width: 126px;} /* ENDOSCOPY CENTER */ #header ul#headerNav li.page-item-394 {background-image: url(../images/headerNav-er.gif); width: 179px; left: 412px;} #header ul#headerNav li.page-item-394 a {width: 179px;} /* FAQs */ #header ul#headerNav li.page-item-318 {background-image: url(../images/headerNav-fs.gif); width: 63px; left: 598px;} #header ul#headerNav li.page-item-318 a {width: 63px;} /* CONTACT US */ #header ul#headerNav li.page-item-21 {background-image: url(../images/headerNav-cs.gif); width: 126px; left: 668px;} #header ul#headerNav li.page-item-21 a {width: 126px;} /** 1st level dropdown **/ #header ul#headerNav li ul {background: #5C707C; width: 231px; height: auto; margin: 33px 0 0 0; padding: 10px 0 10px 0; position: absolute; left: -9999px; border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; z-index: 999;} #header ul#headerNav li ul li {width: 205px; height: auto; top: auto; display: block; position: relative; font-size: 12px; text-indent: 0;} #header ul#headerNav li ul li a {color: #fff; background: url(../images/bg-headerNav-bullet.gif) no-repeat 0 13px; width: 200px !important; height: auto; margin: 0 12px 0 12px; padding: 7px 0px 7px 8px; left: auto; position: relative; text-indent: 0; text-align: left; text-transform: none; outline: none;} #header ul#headerNav li ul li a:hover {color: #555; background: #f1fafd; display: block; text-decoration: none;} #header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0px;} /* SEARCH */ #header form#cse-search-box {background: url(../images/bg-header-search.gif) no-repeat; width: 146px; height: 23px; position: absolute; top: 225px; left: 804px; z-index: 9999;} #header form#cse-search-box input#txtSearch {color: #6e8492; background: transparent; margin: 3px 0 0 10px; border: none;} #header form#cse-search-box button {background: url(../images/bg-header-search-button.gif) no-repeat; width: 8px; height: 12px; position: absolute; top: 5px; left: 130px;} /************************************************** CONTENT ********************************************/ #content {background: #FFF; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/ #content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;} #content p.edit {clear: both;} /* UTILITY NAV STYLES */ ul#utilityBar {width: auto; position: absolute; top: 0px; left: 990px; z-index: 999;} ul#utilityBar li {display: block; float: left; list-style: none;} ul#utilityBar li a {display: block; text-indent: -9999px; outline: none;} ul#utilityBar li#email {position: absolute; top: 13px; right: 153px;} ul#utilityBar li#email a {background-image: url(../images/btn-email.gif); width: 25px; height: 30px; outline: none;} ul#utilityBar li#email a:hover {background-position: 0 -30px;} ul#utilityBar li#bookmark {position: absolute; top: 8px; right: 127px;} ul#utilityBar li#bookmark a {background-image: url(../images/btn-bookmark.gif); width: 22px; height: 38px; outline: none;} ul#utilityBar li#bookmark a:hover {background-position: 0 -38px;} ul#utilityBar li#print {position: absolute; top: 8px; right: 97px;} ul#utilityBar li#print a {background-image: url(../images/btn-print.gif); width: 27px; height: 35px; outline: none;} ul#utilityBar li#print a:hover {background-position: 0 -35px;} ul#utilityBar li#fontInc {position: absolute; right: 70px; top: 10px;} ul#utilityBar li#fontInc a {background-image: url(../images/btn-font_inc.gif); width: 24px; height: 34px; outline: none;} ul#utilityBar li#fontInc a:hover {background-position: 0 -34px;} ul#utilityBar li#fontDec {position: absolute; right: 45px; top: 10px;} ul#utilityBar li#fontDec a {background-image: url(../images/btn-font_dec.gif); width: 24px; height: 34px; outline: none;} ul#utilityBar li#fontDec a:hover {background-position: 0 -34px;} /************************************************** MAIN *******************************************/ #main {color: #333; background: #FFF; width: 728px; margin-left: 232px; position: relative; float: left;}/*see ie.css for fixes*/ #main #contentContainer {margin: 0 20px 20px 0; line-height: 1.3; font-size: 1.1em;} #main #contentContainer a,#main #contentContainer a:link,#main #contentContainer a:visited,#main #contentContainer a:active,#main #contentContainer a:hover {font-weight: bold;} #main img.left {margin: 0 20px 10px 0; float: left;} #main img.right {margin: 0 0 10px 20px; float: right;} #main h3 {margin: 0 0 10px 0; font-weight: normal; font-size: 14px;} #main h3.welcome {background: url(../images/bg-main-welcome.gif) no-repeat; margin: 30px 0 10px 0; text-indent: -9999px; outline: none;} #main h4 {margin: 0 0 10px 0; font-weight: bold; font-size: 13px;} #main h4.recentNews {background: url(../images/bg-main-recent_news.gif) no-repeat; width: 166px; height: 14px; margin: 0 0 16px 0; text-indent: -9999px; outline: none; float: left;} #main h5 {margin: 0 0 10px 0; font-weight: bold; font-size: 12px;} #main h5.viewArchives {position: relative; top: 0; left: 182px; text-indent: -9999px; outline: none;} #main h5.viewArchives a {background: url(../images/bg-main-view_archives.gif) no-repeat; width: 166px; height: 14px; display: block;} #main p {margin: 0 0 20px 0;} #main ul {margin: 0 0 20px 20px;} #main ol {margin: 0 0 20px 30px;} #main ul li {margin: 0 0 10px 0;} #main ol li {margin: 0 0 10px 0;} #main ol li ul, #main ul li ul {margin: 10px 0 0 20px;} #main ol li ol, #main ul li ol {margin: 10px 0 0 30px;} #main ol li ol li, #main ul li ol li {list-style: decimal;} /* POSTS */ #main .post {background: #d5dadd; margin: 0 16px 16px 0; padding: 15px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;} #main .post h2 {margin: 0 10px 5px 0;} #main .post h2 a {color: #627581; font-size: 16px; text-transform: uppercase;} #main .post h2 a:hover {color: #1a2674;} #main .post span.entry-date {color: #d5dadd; background: #83929b; padding: 3px 7px; margin: 0 0 10px 0; position: relative; top: 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #main .post p {margin-top: 15px; font-size: 12px; clear: both;} #main .post p span.more-link {position: relative; top: 10px; left: 550px;} #main .post p span.more-link a {background-image: url(../images/bg-main-post-read_more.gif); background-repeat: no-repeat; width: 105px; height: 23px; display: block; text-indent: -9999px; outline: none;} #main .post p span.more-link a:hover {background-position: 0 -23px;} #main p.olderEntries {width: 105px; height: 23px; margin: 0; float: left;} #main p.olderEntries a {background-image: url(../images/bg-main-older_entries.png); background-repeat: no-repeat; width: 105px; height: 23px; display: block; text-indent: -9999px; outline: none;} #main p.newerEntries {width: 105px; height: 23px; margin: 0 20px 0 0; position: relative; left: 110px;} #main p.newerEntries a {background-image: url(../images/bg-main-newer_entries.png); background-repeat: no-repeat; width: 105px; height: 23px; display: block; text-indent: -9999px; outline: none;} #main p.newerEntries a:hover {background-position: 0 -23px;} #main p.olderEntries a:hover {background-position: 0 -23px;} /************************************************** SIDEBAR *********************************************/ #sidebar {color: #333; background: #FFF; width: 232px; margin-left: -100%; position: relative; float: left;} #sidebar .endoscopyCenterCallout {background: #d5dadd; width: 205px; margin: 30px 0 0 14px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;} #sidebar .endoscopyCenterCallout .pics {margin: 10px 0 15px 10px; top: 10px;} #sidebar .endoscopyCenterCallout p {color: #3a4850; padding: 10px; font-size: 11px;} #sidebar .endoscopyCenterCallout p.readMore {position: relative; left: 100px;} #sidebar .endoscopyCenterCallout p.readMore a {background-image: url(../images/bg-sidebar-endoscopyCenterCallout-readMore.gif); background-repeat: no-repeat; width: 80px; height: 18px; display: block; text-indent: -9999px; outline: none; } #sidebar .endoscopyCenterCallout p.readMore a:hover {background-position: 0 -18px;} #sidebar .endoscopyCenterCallout h4 {background: url(../images/bg-sidebar-gatewayEndoscopyCenter.gif) no-repeat; width: 170px; height: 28px; margin: 0 0 5px 16px; text-indent: -9999px; outline: none;} #sidebar .calloutWrap {background: #D5DADD; width: 185px; margin: 14px 0 0 14px; border-radius: 7px; padding: 10px; -moz-border-radius: 7px; -webkit-border-radius: 7px;} #sidebar .calloutWrap h4 {color: #5c707c; padding: 1px 0 2px 30px; font-size: 14px; text-transform: uppercase; font-family: "Lucida Grande"; cursor: pointer;} #sidebar .calloutWrap h4.inactive {background: url(../images/bg-sidebar-callout-inactive.gif) no-repeat;} #sidebar .calloutWrap h4.active {background: url(../images/bg-sidebar-callout-active.gif) no-repeat;} #sidebar .calloutWrap ul {margin: 10px 6px 0 6px; position: relative;} #sidebar .calloutWrap ul li {background: url(../images/bg-sidebar-dash_bullet.gif) no-repeat 0 7px; margin: 3px 0; padding: 0 0 0 12px; list-style: none; font-size: 12px;} #sidebar .calloutWrap ul li a {color: #5c707c;} #sidebar .calloutWrap ul li a:hover {color: #1a2674;} #sidebar .signUpCallout p {margin: 10px; font-size: 16px; text-transform: uppercase; text-align: center;} #sidebar .signUpCallout p a {/* background: url(../images/bg-sidebar-newsletter.png) no-repeat; width: 122px; height: 242px; display: block; text-indent: -9999px; outline: none; */} #sidebar .askAQuestionCallout form {background: url(../images/bg-sidebar-askAQuestion-search.gif) no-repeat; width: 175px; height: 24px; margin: 7px 0 0 0; position: relative;} #sidebar .askAQuestionCallout form input#txtSearch2 {color: #5c707c; margin: 4px 0 0 10px; border: none;} #sidebar .askAQuestionCallout form input#upToDateSubmit {background: url(../images/bg-sidebar-askAQuestion-search_button.gif) no-repeat; width: 8px; height: 12px; display: block; position: absolute; top: 6px; left: 160px; border: none; text-indent: -9999px; outline: none;} #sidebar .askAQuestionCallout #viewCategories h5 {margin: 10px 0 0 3px; font-family: "Lucida Grande"; font-size: 12px; font-weight: bold; text-transform: uppercase;} #sidebar .askAQuestionCallout #viewCategories h5 a {color: #5c707c;} #sidebar .askAQuestionCallout #viewCategories h5 a:hover {color: #1a2674;} #sidebar h5.colonCancerScreening a {background: url(../images/bg-sidebar-colonCancerScreening.gif) no-repeat; width: 205px; height: 134px; margin: 14px 0 0 14px; display: block; text-indent: -9999px; outline: none;} #sidebar h5.hemorrhoids a {background: url(../images/bg-sidebar-hemorrhoids.gif) no-repeat; width: 205px; height: 134px; margin: 14px 0 0 14px; display: block; text-indent: -9999px; outline: none;} /************************************************** FOOTER **********************************************/ #footer {background: #6b818f url(../images/bg-footer.png) repeat-x; color: #fff; width: 956px; height: 92px; margin: 0 auto; padding: 0 0 11px 0; position: relative; border: 2px solid; border-width: 20px 2px 2px 2px; clear: both;} #footer p.privacyPolicy {padding: 60px 0 0 0; position: absolute; top: 68px; left: 50px;} #footer p a {color: #fff; text-decoration: underline; outline: none;} #footer #stJohns {width: 45%; padding: 11px 0 0 30px; float: left; text-align: left;} #footer #endoCenter {width: 45%; padding: 12px 30px 0 0; text-align: right; float: right;} p.linkLove {margin: 5px 0 15px 5px; text-align: center; font-size: 14px;} /***************************************************************** ***************************************************************** UNIQUE LAYOUTS ****************************************************************** *****************************************************************/