img { border: 0;} a { color: #369; } a:hover { color: #69c; } ul { list-style-type: none; margin: 0; padding: 0; } ul li { list-style-type: none; margin: 0; padding: 0; } #content ul { list-style-type: disc;} #content ul li { margin-left: 15px; } #content ul li ul { margin-top: 15px;} #content ul li ul li { list-style-type: circle;} body { border: 0; margin: 0; background: #bebebe url(/images/bg/body_bg.gif) top repeat-x; font-family: verdana, arial, sans-serif; font-size: 100%;} #container { width: 980px; margin: auto; background: #bebebe url(/images/bg/container_bg.gif) top repeat-y;} #footer { width: 980px; margin: auto; background: #bebebe url(/images/bg/footer_bg.gif) bottom no-repeat; height: 30px;} /* top bar and top nav */ #topBar { float: left; display: block; width: 980px; height: 120px; background: url(/images/bg/bg_topbar_about.jpg) no-repeat; background-position: 540px bottom; } #logo { float: left; width: 300px; padding-left: 9px; } #topNav { float: right; width: 630px; padding-top: 10px; padding-right: 15px; margin-right:0px; text-align: right;} /* negative margin to compensate for form */ table.searchTable { float: right; } #topNav table td { padding: 0; text-align: right; } #topNav table td#searchCell { padding: 0; padding-top: 0; height: 18px; vertical-align: top; /* padding ineffective */} #topNav input { padding: 0; margin: 0; height: 17px; width: 160px; /* background: #efefef; border: 1px solid red; */ } #topNav button { border: 0; padding: 0; margin: 0; width: 70px; padding-left: 10px; background: #fff;} #topNav ul { } /* ul and li zeroed out at top */ #topNav ul li { float: right; display: block; } #topNav ul li a { font-family: arial, sans-serif; font-size: 12px; color: #5d5d5d; text-decoration: none; display: block; padding-left: 1em; padding-right: 1em; padding-top: 4px;} #topNav ul li a:hover { color: #69c; } #topNav ul li#facebookNav a { padding-left: 2px; padding-right: 4px; padding-top: 0;} #topNav ul li#twitterNav a { padding-left: 2px; padding-right: 0px;padding-top: 0;} #topNav ul li#flickrNav a { padding-left: 2px; padding-right: 0px; padding-top: 0;} /* main nav */ #nav { display: block; float: left; width: 960px; height: 35px; margin-top: 4px; padding: 0; padding-left: 11px; /* background: #efefef; */ } #nav ul { background: blue; display: block; margin: 0; padding: 0;} #nav ul li { display: block; float: left; font-size: 11px; padding-right: 2px; } #nav ul li a { display: block; } #aboutNav a { width: 136px; height: 35px; text-indent: -5000px; background: url(/images/nav/about.jpg ) no-repeat top; } #aboutNav, #aboutNav a:hover, #aboutNav.on a { background: url(/images/nav/about.jpg ) no-repeat bottom; } #eventsNav a { width: 136px; height: 35px; text-indent: -5000px; background: url(/images/nav/events.jpg) no-repeat top; } #eventsNav, #eventsNav a:hover, #eventsNav.on a { background: url(/images/nav/events.jpg) no-repeat bottom; } #informationNav a { width: 134px; height: 35px; text-indent: -5000px; background: url(/images/nav/information.jpg) no-repeat top; } #informationNav, #informationNav a:hover, #informationNav.on a { background: url(/images/nav/information.jpg ) no-repeat bottom; } #diagnosedNav a { width: 135px; height: 35px; text-indent: -5000px; background: url(/images/nav/diagnosed.jpg ) no-repeat top; } #diagnosedNav, #diagnosedNav a:hover, #diagnosedNav.on a { background: url(/images/nav/diagnosed.jpg ) no-repeat bottom; } #survivorsNav a { width: 133px; height: 35px; text-indent: -5000px; background: url(/images/nav/survivors.jpg ) no-repeat top; } #survivorsNav, #survivorsNav a:hover, #survivorsNav.on a { background: url(/images/nav/survivors.jpg ) no-repeat bottom; } #programsNav a { width: 136px; height: 35px; text-indent: -5000px; background: url(/images/nav/programs.jpg ) no-repeat top; } #programsNav, #programsNav a:hover, #programsNav.on a { background: url(/images/nav/programs.jpg) no-repeat bottom; } #actionNav a { width: 135px; height: 35px; text-indent: -5000px; background: url(/images/nav/action.jpg) no-repeat top; } #actionNav, #actionNav a:hover, #actionNav.on a { background: url(/images/nav/action.jpg) no-repeat bottom; } /* main */ #main { clear: both; display: block; background: /* yellow */ url(/images/bg/bg_diagnosed.jpg) no-repeat 250px 20px; padding-left: 11px;} #hereBar { display: block; height: 21px; padding-top: 6px; padding-left: 20px; overflow: hidden; background: /* yellow */ url(/images/bg/herebar_bg.jpg) no-repeat; color: #75001F; font-family: arial; font-size: 0.9em; } /* left nav */ #leftNav { float: left; width: 240px; display: block;} #leftNav ul.nav { width: 240px; margin: 0; padding: 0; list-style-type: none; display: block; background: /* blue */ url(/images/bg/bg_leftnav_diagnosed.jpg) no-repeat bottom center; padding-top: 20px; padding-bottom: 180px; } #leftNav ul li { margin: 0; padding: 0; width: 240px;} #leftNav ul li a { width: 220px; display: block; padding-top: 4px; padding-bottom: 4px; background: none; padding-left: 20px; font-family: arial; font-size: 0.8em; text-decoration: none; color: #4D4D4D; margin-bottom: 2px;} #leftNav ul li a:hover, #leftNav ul li.on a { ; background: #BEBEBE url(/images/common/subnav_over.gif) no-repeat top; color: #fff;} /* left nav subsections */ #leftNav ul li.on ul { width: 240px; margin: 0; padding: 0; background: #DADADA; padding-bottom: 4px; margin-bottom: 4px;} #leftNav ul li.on li { width: 200px; margin: 0; padding: 0; } #leftNav ul li.on li a { width: 200px; display: block; padding-top: 4px; padding-bottom: 4px; background: #DADADA; padding-left: 40px; font-family: arial; font-size: 0.65em; text-decoration: none; color: #4D4D4D; margin-bottom: 2px;} #leftNav ul li.on li a:hover, #leftNav ul li.on li.on a { background: #BEBEBE; color: #fff;} /* left nav subsections events list */ #leftNav ul.subnav { width: 180px; margin: 0; padding: 0; list-style-type: none; display: block; background-image: none;} #leftNav ul.subnav li { margin: 0; padding: 0; list-style-type: none; } #leftNav ul.subnav li a { width: 160px; display: block; padding-top: 4px; padding-bottom: 4px; background: none; padding-left: 0px; font-family: arial; font-size: 1.2em; text-decoration: none; color: #369; margin-bottom: 2px;} #leftNav ul.subnav li a:hover { background: #fff; background-image: none; color: #69c;} #leftNav ul li.on a { background: #fff; background-image: none; color: #333;} /* left nav content text and lists */ #leftNavContent { width: 200px; padding-left: 20px; padding-right: 10px; color: #6D6D6D;} #leftNavContent h2 { font-family: arial; font-size: 1.1em; font-weight: normal; color: #F97AC0;} #leftNavContent ul { width: 190px; font-size: 0.70em; color: #6D6D6D; margin: 0; padding: 0; padding-left: 15px; } #leftNavContent ul li { width: 190px; list-style-type: disc; margin-bottom: 8px; color: #6D6D6D;} leftNavContent p { width: 200px; } /* content*/ #content { padding-left: 300px; padding-right: 70px; padding-bottom: 30px; padding-top: 0px; font-size: 0.75em; color: #313131; line-height: 1.3em;} #content p { margin-top: 0px; } #content h1 { font-family: arial, sans-serif; font-size: 2.7em; font-weight: normal; color: #BB4182; line-height: 1.0em;} #content h2 { font-family: arial, sans-serif; font-size: 1.7em; font-weight: normal; color: #BB4182; margin-bottom: 10px; margin-top: 20px;} #content h3 { font-family: arial, sans-serif; font-size: 1.2em; font-weight: normal; color: #BB4182; } #content ul { } #content ul li { list-style-type: disc; margin-bottom: 8px; } #content dl { } #content dl dt { margin-bottom: 4px; font-weight: bold; } #content dl dd { margin-bottom: 8px; } /* Donate button */ #donateButton { position: relative; right: -370px; width: 300px; height: 140px; /* border: 1px solid yellow; */} #donateButton img { position: absolute; top: 70px; right: 20px; /* border: 1px solid yellow; */ } #home #donateButton { position: relative; right: -370px; width: 200px; height: 140px; /* border: 1px solid green; */ } #home #donateButton img { position: absolute; top: 0px; right: 0px; /* border: 1px solid yellow; */ } /* Content area image */ #content img { float: right; margin-left: 20px; margin-bottom: 20px; } .spacer { height: 4px; clear: both; display: block; /* border: 1px solid red; */} .clearer { clear: both; display: block; height: 1px; overflow: hidden; } /* Footer */ #footer { clear: both; height: 20px; padding: 10px; font-size: 0.53em; color: #666; } #copyright { display: inline; padding-left: 20px; } #address { display: inline; padding-left: 12px; } #phone { display: inline; padding-left: 12px; } #phone2 { display: inline; padding-left: 12px; } #email { display: inline; padding-left: 12px; } #legal { display: inline; padding-left: 12px; } /* Home page only */ #email a, #legal a { text-decoration: none; } /* events */ .eventListing { margin-bottom: 30px; } /* (small ?) calendar grid */ table.calendarBG {background: #FCC9E3; width: 220px; } td.calendarCell { background: #fff; font-size: 1em; } td.calendarBlank { font-size: 1em; } td.calendarToday { font-size: 1em; } tr.calendarHeader { font-size: 1em; } th div.calendarMonthLinks { font-size: 1em; } td.calendarDayHeading { font-size: 1em; } /* calendar grid */ table#calendarGrid {width: 600px;} table#calendarGrid th { font-family: georgia, serif; font-weight: bold; } table#calendarGrid td {text-align: center; vertical-align: middle; height: 80px; font-family: georgia, serif; width: 14%;} table#calendarGrid td.calendarDayHeading {background: #FDE5F2; height: 20px;} table#calendarGrid td.calendarBlank {background: #FEF3F9; } /* HOME calendar grid */ #home table.calendarBG {background: #FCC9E3; width: 220px; font-family: georgia, serif; color: #999;} #home table.calendarBG a { font-weight: bold; text-decoration: none; font-size: 1.2em; } #home td.calendarCell { background: #fff; font-size: 0.75em; } #home td.calendarBlank { font-size: 0.75em; color: #ccc; text-align: center; } #home td.calendarToday { font-size: 0.75em; background: #fef1f8; } #home tr.calendarHeader { font-size: 0.75em; background: url(/images/common/calendar_head.gif) no-repeat; } #home tr.calendarHeader th { color: #fff; font-family: verdana, sans-serif; font-weight: normal; } #home tr.calendarHeader th a { color: #fff; text-decoration: none; font-family: verdana, sans-serif; } #home th div.calendarMonthLinks { font-size: 0.75em; display: inline; padding: 0px 10px; } #home td.calendarDayHeading { font-size: 0.75em; text-align: center;} #home table.calendarBG td.calendarDayHeading {background: #fff; height: 30px;} #home table.calendarBG td.calendarBlank {background: #fff; } /* Press Releases */ .releaseContact { margin-top: 20px; } .releaseContact p { margin-top: 0; } /* Backgrounds section specific */ #home #topBar { background: url(/images/bg/bg_topbar_about.jpg) no-repeat; background-position: 540px bottom;} .recentlyDiagnosed #topBar { background: url(/images/bg/bg_topbar_diagnosed.jpg) no-repeat; background-position: 540px bottom;} .recentlyDiagnosed #main { background: url(/images/bg/bg_diagnosed.jpg) no-repeat 250px 20px; padding-left: 11px;} .recentlyDiagnosed #leftNav ul.nav { background: url(/images/bg/bg_leftnav_diagnosed.jpg) no-repeat; background-position: 540px bottom;} .events #topBar { background: url(/images/bg/bg_topbar_events.jpg) no-repeat; background-position: 540px bottom;} .events #main { background: url(/images/bg/bg_events.jpg) no-repeat 250px 20px; padding-left: 11px;} .events #leftNav ul.nav { background: url(/images/bg/bg_leftnav_events.jpg) no-repeat bottom center; } .about #topBar { background: url(/images/bg/bg_topbar_about.jpg) no-repeat; background-position: 540px bottom;} .about #main { background: url(/images/bg/bg_about.jpg) no-repeat 250px 20px; padding-left: 11px;} .about #leftNav ul.nav { background: url(/images/bg/bg_leftnav_about.jpg) no-repeat bottom center; } .information #topBar { background: url(/images/bg/bg_topbar_information.jpg) no-repeat; background-position: 540px bottom;} .information #main { background: url(/images/bg/bg_information.jpg) no-repeat 250px 20px; padding-left: 11px;} .information #leftNav ul.nav { background: url(/images/bg/bg_leftnav_information.jpg) no-repeat bottom center; } .programs #topBar { background: url(/images/bg/bg_topbar_programs.jpg) no-repeat; background-position: 540px bottom;} .programs #main { background: url(/images/bg/bg_programs.jpg) no-repeat 250px 20px; padding-left: 11px;} .programs #leftNav ul.nav { background: url(/images/bg/bg_leftnav_programs.jpg) no-repeat bottom center; } .survivors #topBar { background: url(/images/bg/bg_topbar_survivors.jpg) no-repeat; background-position: 540px bottom;} .survivors #main { background: url(/images/bg/bg_survivors.jpg) no-repeat 250px 20px; padding-left: 11px;} .survivors #leftNav ul.nav { background: url(/images/bg/bg_leftnav_survivors.jpg) no-repeat bottom center; } .action #topBar { background: url(/images/bg/bg_topbar_action.jpg) no-repeat; background-position: 540px bottom;} .action #main { background: url(/images/bg/bg_action.jpg) no-repeat 250px 20px; padding-left: 11px;} .action #leftNav ul.nav { background: url(/images/bg/bg_leftnav_action.jpg) no-repeat bottom center; } .noSection #topBar { background: url(/images/bg/bg_topbar_about.jpg) no-repeat; background-position: 540px bottom;} /* same as about */ .noSection #main { background: url(/images/bg/bg_about.jpg) no-repeat 250px 20px; padding-left: 11px;} .noSection #leftNav ul.nav { background: url(/images/bg/bg_leftnav_about.jpg) no-repeat bottom center; } #donate #main { background: url(/images/bg/bg_donate.jpg) no-repeat 250px 20px; padding-left: 11px;} /* search returns */ div#searchResultsInfo { border-bottom: 1px solid #ffebf4; margin-bottom: 20px; } .searchResultsTable td { border-bottom: 1px solid #ffebf4; padding-top: 4px; padding-bottom: 6px;} td.resultHead { font-weight: bold; } td.resultRowOne { background: #fff1f8; } td.resultRowTwo { background: #fdf4f9; } /* Spacer - section specific heights */ #newsletter div.spacer { height: 80px; } /* Flickr div ( Events page ) */ #flickrDiv { margin-top: 30px; padding-left: 20px; } /* HOME */ .home #topBar { background: url(/images/bg/bg_topbar_home.jpg) no-repeat; background-position: 540px bottom;} /* same as about */ #home #main { clear: both; display: block; background: /* red */ url(/images/home/home_bg.jpg) no-repeat top center; padding-left: 11px;} #homeLeft { float: left; width: 699px; height: 532px; padding-left: 12px; padding-top: 45px; /* background: yellow; */} #bottomLeft { float: left; position: relative; width: 349px; height: 251px; background: /* green */ url(/images/home/bottom_left.jpg) no-repeat; } #home #readMoreLink { position: absolute; top: 220px; left: 10px; } #home #readMoreLink img {/* border: 1px solid yellow; */} /* home news feed */ #bc_news { float: right; position: relative; width: 348px; height: 201px; background:/* blue */ url(/images/home/bc_news_bg.jpg) no-repeat; padding-top: 50px; color: #A10040; font-size: 0.55em; text-transform: uppercase; overflow: hidden; } #newsArchivesLink { position: absolute; top: 15px; right: 15px; } #newsArchivesLink img { /* border: 1px solid yellow; */ } /* Local addition to news feed area */ .newsItem { display: block; width: 321px; line-height: 1.2em; padding: 6px 5px 6px 16px; /* border-bottom: 1px solid #ccc; */ /* background: #efefef; */} .newsDate { } .newsContent { } .newsContent a { color: #A10040; font-size: 1.15em; text-decoration: none;} .newsSource { } #homeRight { float: right; position: relative; width: 219px; padding-right: 20px; padding-top: 170px; } #home #donateButton { position: absolute; top: 10px; right: 30px; } #home #donateButton img {/* border: 1px solid yellow; */ } #homeCalendar {} #homeEvents { font-family: arial, sans-serif; font-size: 0.75em; color: #fff; background: #b0b0b0; padding: 15px 10px; } #homeEvents h2 { margin: 0; padding: 0; font-family: arial; font-size: 1.15em; color: #000; font-weight: bold;} .eventItem { margin-top: 12px; } .eventHeading { } .eventTime a { color: #fff; text-decoration: none;} .eventDate, .eventDate a { color: #A10040; text-decoration: none;} .eventContent a { color: #fff;text-decoration: none;} #calendarFooter {width: 219px; height: 21px; background: url(/images/common/calendar_foot.gif) no-repeat; } /* Mammography Sites */ .mammographySite dd a { text-decoration: none; } .mammographySite dd a:hover {font-weight: 500; } /* IE/Win requires some link change on hover in order to show the tooltips */ .mammographySite dd { position: relative; } .mammographySite dd a span { display: none; } .mammographySite dd a:hover span { /*the span will display just on :hover state*/ display: block !important; position: absolute; z-index: 4; top: -60px; left: -320px; width: 280px; text-decoration: none; border: 1px solid #89ACA3; background-color: #F3FBF8; color: #000; padding: 12px; font-size: 10px; } div.keyTermsList h2 { } div.keyTermsList dt { font-weight: bold; } div.keyTermsList dd { margin-left: 20px; } table.standardParkingTable { border: 1px solid #666; border-width: 0 0 1px 1px; } table.standardParkingTable th, table.standardParkingTable td { border: 1px solid #666; border-width: 1px 1px 0 0; padding: 2px 8px; } { border: 1px solid #666; border-width: 0 0 1px 1px }