/* CSS Document - Global*/ /* -------------------- TOP NAV -------------------- */ #topmenu {line-height: 125%; padding-top: 18px;} /*edited, was 4px, required additional padding for new top button. AL20090707*/ #topmenu a {font-weight: bold; font-size: 0.8em; color: #336699; text-decoration: none;} #topmenu a:hover {text-decoration: underline;} #topsearch {float: right; line-height: 125%; margin-bottom: 5px; padding-top: 17px;}/*edited, was 5px, required additional padding for new top button. AL20090707*/ #topsearch a {font-size: 0.7em; font-weight:bold; color: #336699; text-decoration: none;} #topsearch a:hover {text-decoration: underline;} /* -------------------- HEADER -------------------- */ #header { height: 160px; overflow: hidden; background-repeat:no-repeat; background-color:#fff; background-position: top right; clear:both; border: 1px solid #ccc; } /* the following style is new for the home and main page templates al20090305 */ #home #header, #main #header{ height: 200px; overflow: hidden; background-repeat:no-repeat; background-color:#fff; background-position: top left; clear:both; border: 1px solid #ccc; } #header h1{ text-indent: -5000px; margin: 0; font-size: 140px; } #skip_to_content {display: none;} /*added new ID for button. AL20090707*/ #btn_donate { width: 184px; height: 41px; float: right; z-index: 1; margin: 0px 5px 0px 0px; } /* -------------------- LOGO -------------------- */ #logo { margin: 0; width: 236px; height: 160px; background: url(../images/banner/logo.jpg) no-repeat; float: left; } /* the following style keep the smh logo from showing on the right before the flash movie displays km20081127 */ #home #logo, #main #logo {visibility:hidden;} /* -------------------- BANNERS -------------------- */ /* This style controls the height of the banner and inserts the logo on the left - km20081127 */ #home #header, #main #header { background-image:url(../images/banner/logo_home.jpg); height: 200px; border-bottom:1px solid #ccc; /*background-position: top right; /*Note: logo and image are reversed on home page*/ } /* This style is used for flash banners to display the movie on the right. Note: the id "headerBanner" is written into the php script */ #main #header #headerBanner{float:right; margin-left:-3px;} #home #header #headerBanner{float:right; margin-left:-3px;} /* This style is used for all banners with just a background image */ #about #header {background-image:url(../images/banner/about.jpg);} #education #header {background-image:url(../images/banner/education.jpg);} #events #header {background-image:url(../images/banner/events.jpg);} #doctor #header {background-image:url(../images/banner/doctor.jpg);} /*#foundation #header {background-image:url(../../images/foundation/foundation_header.jpg);}*//*removed AL20090707*/ #learn #header {background-image:url(../images/banner/learn.jpg);} #media #header {background-image:url(../images/banner/media.jpg);} #patients #header {background-image:url(../images/banner/patients.jpg);} #programs #header {background-image:url(../images/banner/programs.jpg);} #research #header {background-image:url(../images/banner/research.jpg);} #careers #header {background-image:url(../images/banner/careers.jpg);} #nursing #header {background-image:url(../images/banner/nursing.jpg);} #volunteer #header {background-image:url(../images/banner/volunteer.jpg);} #knowledge #header {background-image:url(../images/banner/lkski.jpg);} #default #header {background-image:url(../images/banner/default.jpg);} /* -------------------- LEFT NAV -------------------- */ /* Level 1 */ #divMenu1 {float: left; width: 182px; margin-top: -1px; padding-top: 5px; padding-bottom: 35px;} #divMenu1 ul {margin: 0; padding: 0; list-style-type: none;} #divMenu1 li {border: 1px solid #5F957D; list-style-type: none; padding-left:0;} #divMenu1 li a {display: block; padding: 0px 2px; text-decoration: none; font-weight: bold; font-size: 0.9em; line-height: 1.5em; color: #fff; text-indent: 0px; } #divMenu1 a.menu1off {color: #fff; background: #5F957D;} #divMenu1 a.menu1off:hover {background: #608475;} #divMenu1 a.menu1on {color: #fff; background: #608475;} #divMenu1 a.menu1on:hover {} /* Level 2 */ #divMenu2 {position: relative; padding-left: 0px;} #divMenu2 ul {list-style-type: none; padding: 0 0 3px 0; background-color: #86AA9B;} #divMenu2 li {padding: 0px; font-size:100%; border: 1px solid #86AA9B; } #divMenu2 li a {text-decoration: none; font-weight: normal; line-height:1.3em; } #divMenu2 li a:hover {font-weight: normal; background: #608475;} #divMenu2 a.menu2off {color:#fff;} #divMenu2 a.menu2on {color:#000;} /* Level 3 */ #divMenu3 {padding:0px;/*padding-left:10px;*/} #divMenu3 ul {list-style-type: none; padding: 0 0 5px 0;} #divMenu3 li {padding: 0px; font-size:95%;} #divMenu3 li a {text-decoration: none; line-height:1.2em; text-indent: 10px;} #divMenu3 li a:hover {font-weight: normal; background: #608475;} #divMenu3 a.menu3off {color:#fff;} #divMenu3 a.menu3on {color:#000;} /* Level 4 */ #divMenu4 {padding:0px;/*padding-left:12px;*/} #divMenu4 ul {list-style-type: none; padding: 0 0 5px 0;} #divMenu4 li {padding: 0px;} #divMenu4 li a {text-decoration: none; text-indent: 21px;} #divMenu4 li a:hover {font-weight: normal; background: #608475;} #divMenu4 a.menu4off {color:#fff;} #divMenu4 a.menu4on {color:#000; text-decoration:none;} /* Level 5 */ #divMenu5 {padding: 0px;/*padding-left:12px;*/} #divMenu5 ul {list-style-type: none; padding: 3px 0 5px 0;} #divMenu5 li {padding: 0px; font-size:95%;} #divMenu5 li a {text-decoration: none; text-indent: 34px;} #divMenu5 li a:hover {font-weight: normal; background: #608475;} #divMenu5 a.menu5off {color:#fff} #divMenu5 a.menu5on {color: #000;} /* -------------------- FOOTER -------------------- */ #footer {text-align: center; padding-top: .5em;} #footer p{font-size: small;} #footer a {color: #666;} /* -------------------- TEMPLATES -------------------- */ /* Four Columns */ #col_1of4 {float: left; width: 23%; margin-left: 0; padding: 5px; font-size: 85%;} #col_2of4 {float: left; width: 23%; margin-left: 7px; padding: 5px; font-size: 85%;} #col_3of4 {float: left; width: 23%; margin-left: 7px; padding: 5px; font-size: 85%;} #col_4of4 {float: left; width: 23%; margin-left: 7px; padding: 5px 0 5px 5px; font-size: 85%;} /* Three Columns */ #left-column {margin: 0 220px 0 0; padding-top:10px;} #right-column {width:200px; float:right; margin-bottom:10px; padding-top:10px;} /* Two Columns */ #one_col {float: left; width: 37%; padding-top: 1em;} #two_col {float: left; width: 37%; padding-top: 1em; padding-left: 4em;} /* -------------------- POP-UPS -------------------- */ #popup_header { height: 60px; overflow: hidden; background-repeat:no-repeat; background-position: top left; clear:both; background-color:#FFFFFF; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: none; } #popup_header h1{ text-indent: -5000px; margin: 0; font-size: 140px; } #popup_logo { margin: 10px; width: 350px; height: 50px; background: url(../images/banner/logo_popup.jpg) no-repeat; float: left; } #popup_pagebody { padding: 10px 20px 40px 20px; background-color:#FFFFFF; border-top: none; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; } #popup_closelink {margin: 5px; vertical-align:middle; float: right;} /* -------------------- ZOOM SEARCH -------------------- */ .highlight {background: #e6e6e6; } .searchheading {font-size: 0.8em; color:#990000;} .summary {font-style: italic;} .results {font-size: 0.8em;} .category {color: #999999; } .description {color: #008000; } .context {color: #000000;} .infoline {color: #808080; font-style:italic; padding-bottom: .8em;} .sorting {text-align: right; } .result_title {font-weight: bold;} .zoom_searchform {font-size: 0.9em; } .zoom_results_per_page {font-size: 0.8em; padding-left: 1em;} .result_pagescount {} .zoom_match {font-size: 0.8em;} .zoom_options { } input.zoom_button {background-color:#CCCCCC;} input.zoom_searchbox {background-color:#FFFFFF} .recommended {/*background: #ececec; #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080;*/ margin-top: 10px; /*margin-bottom: 0px; height: 80px;*/ } .recommended_heading {display: none;} .recommended {padding-bottom: 1em; } .recommended_title {} .recommend_infoline {font-style: italic; color: #808080;}