/* * * This is a work in progress. * * * June 13th, 2003 I am remaking the main CSS file for Monthly Calendars to accompany the new HTML 4.01 Strict pages. > Internet Explorer 6 redraws one of the page footer elements when the page is > scrolled up and down. > The W3C validator finds no errors, but it gives some strange warnings: "Line : 61 H3 can't be inside an inline element" "Line : 63 Level : 2 Redefinition of padding-bottom : TD.GraphicCalendarCell" "Line : 63 Level : 2 Redefinition of padding-left : TD.GraphicCalendarCell" "Line : 63 Level : 2 Redefinition of padding-top : TD.GraphicCalendarCell" "Line : 63 Level : 2 Redefinition of padding-right : TD.GraphicCalendarCell" */ /* General Style Definitions */ BODY { margin: 0; padding: 0; background-color: #fff; color: #000 } FORM { margin: 0 } .Italic { font-style: italic } /* Page Header Style Definitions */ /*#PageHeader { background-color: #eee; background-image: url(./images/page_header_background.gif); background-position: center bottom; background-repeat: no-repeat; color: inherit; padding-top: 48px }*/ #PageHeader { background-color: #eee; color: inherit; padding-top: 48px; margin-bottom: 48px } #PageHeader IMG { border: none; display: block; margin-left: auto; margin-right: auto } #PageHeader P.HeaderMenu { margin: 0; padding: 4px; background-color: #666; color: #ccc; font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: bold; text-align: center } #PageHeader P.HeaderMenu A:link, #PageHeader P.HeaderMenu A:visited { background-color: inherit; color: #fff; text-decoration: none } #PageHeader P.HeaderMenu A:hover { background-color: inherit; color: #fff; text-decoration: underline } #PageHeader P.HeaderMenu A:active { background-color: inherit; color: #0f0; text-decoration: underline } /* Message & Note Style Definitions */ DIV.StatusNote { background-color: inherit; color: #f00; font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; text-align: center } DIV.TemporaryNote { border: 2px dashed #f00; width: 496px; margin-left: auto; margin-right: auto; margin-top: 48px; margin-bottom: 0 } DIV.TemporaryNote DIV.Header { border-bottom: 1px dashed #f00; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; background-color: #ddd; color: #f00; font-family: Trebuchet MS, Verdana, Arial, Geneva, sans-serif; font-size: 11px; font-weight: bold } DIV.TemporaryNote DIV.Body { padding: 15px; background-color: #eee; color: #000; font-family: Trebuchet MS, Verdana, Arial, Geneva, sans-serif; font-size: 11px; text-align: justify; line-height: 200% } DIV.TemporaryNote DIV.Body P { margin: 0 } /* The following would not be necessary if IE would support CSS 2 sibling selectors as specified in http://www.w3.org/TR/CSS2/selector.html. Example: div.x + div.x { ... } Support for first-child and/or last-child pseudo-classes would even be okay. */ DIV.TemporaryNote DIV.Body P.PleaseFixIE { margin-top: 7px } P#UpperMessage { background-color: inherit; color: #666; font-family: Trebuchet MS, Verdana, Arial, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-align: center; margin-top: 48px; margin-bottom: 24px } P#LowerMessage { background-color: inherit; color: #666; font-family: Trebuchet MS, Verdana, Arial, Geneva, sans-serif; font-size: 14px; font-weight: bold; text-align: center; margin: 48px } DIV.News { width: 600px; margin-left: auto; margin-right: auto; margin-top: 48px; margin-bottom: 24px } DIV.News IMG { display: block } DIV.News DIV.Text { border: 1px solid #999; width: 568px; background-color: #eee; color: #666; padding: 15px; margin: 0 } DIV.News DIV.Text H5 { font-family: Trebuchet MS, Verdana, sans-serif; font-size: 12px; margin-top: 0; margin-bottom: 10px } DIV.News DIV.Text IMG { border: none; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px } DIV.News DIV.Text P { font-family: Trebuchet MS, Verdana, sans-serif; font-size: 12px } DIV.News DIV.Text P.Tight { margin: 0 } /* Navigation */ P.LinkBack { font-weight: bold; text-align: right } P.LinkBack SPAN.Pointer { background-color: inherit; color: #f00 } /* Graphic Calendar Style Definitions */ IMG.GraphicCalendarPreview { border: 1px solid #999; display: block; margin-left: auto; margin-right: auto; margin-bottom: 8px } P.GraphicCalendarLabel { width: 300px; font-family: Verdana, sans-serif; font-size: 12px; font-weight: bold; background-color: inherit; color: #666; margin: 8px } P.GraphicCalendarData { width: 300px; font-family: Verdana, sans-serif; font-size: 9px; background-color: inherit; color: #666; margin-top: 8px; margin-bottom: 0 } P.GraphicCalendarData IMG.DownloadIcon { display: inline; vertical-align: middle; margin-right: 6px } P.GraphicCalendarData A { font-weight: bold } P.GraphicCalendarData A:link { background-color: inherit; color: #36c; text-decoration: none } P.GraphicCalendarData A:visited { background-color: inherit; color: #666; text-decoration: none } P.GraphicCalendarData A:hover { background-color: inherit; color: #00f; text-decoration: underline } P.GraphicCalendarData A:active { background-color: inherit; color: #666; text-decoration: underline } P.GraphicCalendarDescription { width: 300px; font-family: Verdana, sans-serif; font-size: 9px; text-align: justify; line-height: 150%; background-color: inherit; color: #666; margin-top: 8px; margin-bottom: 0 } TABLE.GraphicCalendars TD.InformationCell { padding: 0; background-color: #fff; color: #666 } TABLE.GraphicCalendars TD.InformationCell DIV { padding: 24px; background-color: #eee; color: #666; margin: 2px } TABLE.GraphicCalendars TD.InformationCell DIV H5 { font-family: Trebuchet MS, Verdana, sans-serif; font-size: 12px; margin-top: 0; margin-bottom: 10px } TABLE.GraphicCalendars TD.InformationCell DIV IMG { border: none; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px } TABLE.GraphicCalendars TD.InformationCell DIV P { font-family: Trebuchet MS, Verdana, sans-serif; font-size: 12px } TABLE.GraphicCalendars TD.InformationCell DIV P.Tight { margin: 0 } /* NEW - Content Style Definitions */ DIV.LargeContent { width: 768px; margin: 24px auto auto auto } DIV.LargeContent H2 { border-bottom: 1px solid #ddd; background-color: #ddf; background-image: url(../images/interface/content_heading_background.png); background-repeat: no-repeat; color: #666; padding: 6px 6px 4px 6px; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 20px; font-weight: bold; text-align: center; margin-top: 0; margin-bottom: 0 } DIV.LargeContent H3 { border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 1px solid #ddd; background-color: #eee; color: #666; padding: 4px; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 10px; font-weight: bold; text-align: center; margin: 0 } DIV.LargeContent IMG { display: block } DIV.LargeContent DIV.FeaturedCalendars { border-left: 2px solid #ddd; border-right: 2px solid #ddd } DIV.LargeContent DIV.FeaturedCalendars TABLE { margin: auto } DIV.LargeContent DIV.FeaturedCalendars TABLE TD { background-color: #fff; background-image: url(../images/interface/featured_calendar_container_background.png); color: #666; padding: 12px 27px 12px 27px; width: 316px; text-align: center; vertical-align: top } DIV.LargeContent DIV.FeaturedCalendars TABLE TD.Empty { background: none; padding: 0; width: 8px } DIV.SmallContent { width: 564px; margin: 24px auto auto auto } DIV.SmallContent H2 { border-bottom: 1px solid #ddd; background-color: #ddf; background-image: url(../images/interface/content_heading_background-small.png); background-repeat: no-repeat; color: #666; padding: 6px 6px 4px 6px; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 20px; font-weight: bold; text-align: center; margin-top: 0; margin-bottom: 0 } DIV.SmallContent H3 { border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 1px solid #ddd; background-color: #eee; color: #666; padding: 4px; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 10px; font-weight: bold; text-align: center; margin: 0 } DIV.SmallContent IMG { display: block } DIV.SmallContent DIV.SimpleContent { border-left: 2px solid #ddd; border-right: 2px solid #ddd; background-color: #eee; color: #666; padding: 24px 24px 8px 24px; width: 512px; margin-left: auto; margin-right: auto } DIV.SmallContent DIV.SimpleContent P { font-family: Trebuchet MS, Verdana, sans-serif; font-size: 12px; margin: 10px auto 10px auto } DIV.SmallContent DIV.SimpleContent P:first-child { margin-top: 0 } DIV.SmallContent DIV.SimpleContent P:last-child { margin-bottom: 0 } DIV.SmallContent DIV.SimpleContent P.Tight { margin: 0 } DIV.SmallContent DIV.SimpleContent IMG { border: none; margin: auto; display: block } DIV.SmallContent DIV.SimpleContent IMG.Button { margin: 10px auto 10px auto } DIV.SmallContent DIV.SimpleContent FORM { margin: 0 } /* Page Footer Style Definitions */ #PageFooter { margin-top: 48px } #PageFooter P.LegalText { margin: 0; padding: 4px; background-color: #666; color: #eee; font-family: Verdana, Arial, sans-serif; font-size: 9px; font-weight: bold; text-align: center } #PageFooter P.LegalText A:link, #PageFooter P.LegalText A:visited { background-color: inherit; color: #eee; text-decoration: none } #PageFooter P.LegalText A:hover { background-color: inherit; color: #fff; text-decoration: underline } #PageFooter P.LegalText A:active { background-color: inherit; color: #0f0; text-decoration: underline } #ValidationStrip { background-color: #eee; color: inherit; padding-top: 32px; padding-bottom: 48px } #ValidationStrip TABLE { margin-left: auto; margin-right: auto } #ValidationStrip IMG { border: none; display: block }