will put its contents in a box centered in the viewing window, while controls what's outside the box. */ BODY { text-align: left; /* in case browser doesn't do "margin-left: auto" */ background: LightGoldenRodYellow; /* also try: LemonChiffon, Gold, Khaki, LightYellow, PaleGoldenRod */ color: black; } DIV#basicpage { text-align: left; /* protect text from 's "text-align: center" */ margin-left: auto; margin-right: auto; padding: 1em; /* border-style: solid; border-width: thick; border-color: Peru; */ also try Sienna, GoldenRod, Gold, DarkGoldenRod */ /* width: 54em; /* 39em; */ background: LightGoldenRodYellow; } /* Format the "navigation bar" to select a page of the Web site. */ DIV#navigation { display: block; float: left; width: 10em; border-right: thin solid DarkGoldenRod; padding-right: 1em; background: PaleGoldenRod; } P#hownavigate { text-align: left; /* center; */ size: smaller; color: Sienna; font-style: oblique; } UL#navigation { list-style-type: none; } UL#navigation LI { } UL#navigation LI.home { /* Format the "Home" selection here, if necessary" */ } UL#navigation LI#navigate { display: block; margin: 0; padding: 0.2em 0.1em 0.2em .1em; } UL#navigation LI#navigate A { font-weight: bold; text-decoration: none; /* removes the underline under links */ color: #5E2F0E; /* SaddleBrown made darker; see also #800000 */ } UL#navigation LI#navigate A:visited { color: SaddleBrown; } UL#navigation LI#selected { font-weight: bold; color: black; display: block; margin: 0; padding: 0.2em 1em 0.2em 0.1em; list-style: none url("images/arrow.gif"); display: list-item; } UL#navigation LI#navigate A:hover { color: Sienna; } UL#navigation LI#navigatesub { font-size: 90%; text-decoration: none; display: block; margin: 0; padding: 0.2em 0.1em 0.2em 1.5em; } UL#navigation LI#navigatesub A { font-size: 90%; /* font-weight: bold; */ text-decoration: none; color: #5E2F0E; /* SaddleBrown made darker; see also #800000 */ } UL#navigation LI#selectedsub { font-size: 90%; /* font-weight: bold; */ text-decoration: none; color: black; /* Sienna; */ display: block; margin: 0; padding: 0.2em 1em 0.2em 1.5em; list-style: none url("images/arrow.gif"); display: list-item; } UL#navigation LI#navigatesub A:visited { color: SaddleBrown; } /* For a single clickable "button" */ DIV#navigate A { font-weight: bold; /* color: Sienna; */ padding: 0.2em 1em; text-decoration: none; } DIV#navigate A:hover { color: GoldenRod; } /* main content of the page */ DIV#contents { /* width: 35em; */ margin-left: 14em; margin-right: 1em; background: LightGoldenRodYellow; } DIV#box { background: #FFFFE8; padding: 1em; margin-bottom: 1em; border-style: solid; border-width: thin; border-color: Peru; */ also try Sienna, GoldenRod, Gold, DarkGoldenRod */ clear: both; } DIV#inner-box { clear: both; } P#hive-day { } SPAN#hive-day-title { font-weight: bold; } /* Top/bottom margins don't work here -- have to be inlined. Huh? */ #item-heading { text-indent: -25px; padding-left: 25px; margin-top: 0em; margin-bottom: 0em; } /* For notes at the top of the text of the page */ P#statement { text-align: center; color: Sienna; font-style: oblique; /* margin-top: 2em; -- doesn't work in Firefox? */ } /* Float an object (such as a photo) to the right side */ .floatleft { float: left; margin: 10px 10px 0 0; border: none; padding: 0; } /* Float an object (such as a photo) to the right side */ .floatright { float: right; margin: 0 0 10px 10px; border: none; padding: 0; } /* Top/bottom margins don't work here -- have to be inlined. Huh? */ #hanging-indent { text-indent: -25px; padding-left: 25px; margin-top: 0em; margin-bottom: 0em; } #indent { padding-left: 25px; } /* Caption for a figure */ P.caption { size: smaller; font-style: oblique; margin-top: 0.1em; } DIV.centering { text-align: center; } DIV.banner { display: block; margin-left: auto; margin-right: auto; float: top; height: 12em text-align: center; /* in case browser doesn't do "margin-left: auto" */ color: black; padding-bottom: 1em; } DIV.bannertop { display: block; margin-left: auto; margin-right: auto; border-style: ridge; border-color: black; border-width: 3; background: LightGoldenRodYellow; } H1,H2,H3,H4,H5,H6,UL#navigation,#hive-day-title { font-family: Copperplate Gothic Light, Lucida Grande, Geneva, Arial, Helvetica, sans-serif; } BODY,P,CENTER,TD,TH,UL,DL,DIV { font-family: Baskerville, Garamond, Times New Roman, serif; } /* BLOCKQUOTE, P.quote, P.quotecenter, P.quoteright { width: 5in; } */ H1,H2,H3,H4,H5,H6 { page-break-inside: avoid; page-break-after: avoid; color: black; } H1 { text-align: center; } H3,H4 { margin-bottom: .25em; } H4 { margin-top: .25em; } UL.tight { margin-top: .25em; } P { margin-top: 0.5em; margin-bottom: 0.5em; } P.center, P.quotecenter { text-align: center; } P.right, P.quoteright { text-align: right; } DIV.caption { margin: 1em; text-align: center; font-weight: bold; } DIV.figure { width: 98%; /* border-style: solid; */ /* border-width: thin; */ /* border-color: black; */ margin-top: 1em; margin-bottom: 1em; padding-left: 1em; padding-right: 1em; display: block; page-break-inside: avoid; /* does not work? */ } TABLE.calendar { border: 1; cellpadding: 10; } TD.calendar { align: right; cellpadding: 1em; margin-right: 1em; } #popup a, #popup a:visited { position: relative; display: block; text-align: right; text-decoration: none; } #popup a span {display: none;} #popup a:hover { color: #f00; } #popup a:hover span{ display: block; position: absolute; top: 0px; left: 30px; color: #000; background: #abf; text-align: center; }