BODY { padding-left: 5%; padding-right: 5%; padding-bottom: 3em;
  background: #eeeeee; color: black;
/*  background-image: url(bgtop.gif); background-repeat: repeat-x; */
}
@media all {
BODY { padding-left: 12%; }

DIV.adventsmain {text-align: center !important;
		 display: block !important;
		 margin-left: auto !important;
		 margin-right: auto !important;
		 padding-right: 30%;
		}

DIV.balk, HR, DIV.balk A {
  background: #aa0000; color: white; text-decoration: none;
}
DIV.balk A:hover { text-decoration: underline; }
DIV.balk, HR {
  border-top: solid 0.2em #770000;
  border-bottom: solid 0.3em #660000;
  border-left: solid 1ex #eeeeee;
  border-right: solid 1ex #eeeeee;
}
DIV.balk {
  margin-left: -25%; margin-right: -5%;
  padding: 0.2em 0.8em;
}
DIV.navigation { float: left; width: 8em; border: solid thin black; 
  background-color: #ffffcc; color: black;
  margin: 1ex; padding: 0.5ex;
  position: absolute; left: 0; top: 3em; width: 10%;
}
DIV.navigation STRONG, DIV.navigation I { display: block; }
DIV.navigation I { margin-left: 0.8em; text-indent: -0.5em; }
DIV.navigation HR { display: none; }

DIV.halloween {
    background-color: black; 
    color: white;
    padding: 10em 10em 10em 10em;
}
DIV.halloween A:link {
    color: #FF5500;
}
DIV.halloween A:visited {
    color: #FF1600;
}

HR { background: #bb0000; font-size: 0.5em; height: 0.7em; 
  margin: 2em -1ex 1em -1ex;
}
}

H1, H2, H3, P.ingress { 
  font-family: "nimbus sans l", helvetica, sans-serif; font-weight: bold;
  page-break-after: avoid;  page-break-inside: avoid;
}

H1 { font-size: 220%; text-align: center; }
H2, P.ingress { color: #aa0000; }
H2 { font-size: 180%; }
H3 { font-size: 120%; margin-top: 1ex; margin-bottom: 0; }
H1, H2 { page-break-after: avoid;  page-break-inside: avoid; }

P.ingress { font-style: italic; }

P { margin: 1ex 0; text-align: justify; }
DIV.navigation P { text-align: left; }

ADDRESS { text-align: right; }
ADDRESS.signed { margin-top: 4em;  border-top: solid 1px black;
  width: 60%; margin-left: auto; margin-right: 1em;
}

DL > DT { margin-top: 1ex; font-weight: bold; }

.sidebar, TABLE.major TD, TABLE.major TH, DL.major DT { 
  background-color: #ffffcc; color: black;
}
@media all { DL.major DT { padding: 0.15em 0.75em; } }
DL.major DD { margin-top: 0.2em; margin-bottom: 1ex; padding-top: 0; }
.sidebar {
  border: solid thin gray;
  float: right; clear: right; width: 20%;
  padding: 1ex; margin-top: 1ex;
}

.sidebar H2 { margin: 0; font-size: 140%; }
.sidebar HR { display: none; }
.sidebar OL, .sidebar UL { padding-left: 2ex; }

.trailer { clear: both; }

P.snailmail { border-left: solid medium #880000; padding-left: 1ex; }

TH { vertical-align: top; }

SMALL { font-size: 60%; font-weight: normal; }
P.mini { font-size: 60%; font-weight: normal;  margin: 0.5ex 0; }

TABLE.major TD.vline { width: 0.2em; background-color: #880000; 
  font-size: 1px; color: black;
}

.prompt { color: blue; }

P > A > IMG { border: solid thin; margin: 2.5ex; }
IMG.right { float: right; border: 0;}

.trailer .separator { display: none; }
.trailer .vbutton { display: block; float: left; margin: 0.2em; width: auto;
  font: 90% sans-serif; padding: 2px;  border: outset 1px #aa0000;
  background: #aa0000; color: #ffffff; text-decoration: none;
}
.trailer .vbutton acronym { text-decoration: none; }
.trailer .vbutton sup { vertical-align: top; }
.trailer .vbutton .what { background: #ffffff; color: #aa0000; padding: 0 0.1em; 
}
.trailer .vbutton .who {  background: #aa0000; color: #ffffff; padding: 0 0.2em; }
.trailer A.vbutton:hover, A.vbutton:hover { background: #bb0000; }

@media print {
/*  DIV.navigation, DIV.balk, DIV.trailer { display: none; } */
  H2 { color: black;  margin-top: 1em; }
}

.section.box { border: solid thin #888888; margin: 0 1ex 1ex 0;
  width: 21em; float: left; max-width: 100%;
  background-color: #f8f8f8;
}
.section.box h3 { margin: 0; padding: 0.1em; background-color: #ffffcc;
  border-bottom: solid thin #666666;
}
.section.box p { margin: 0.2em }
.section.box img.right { margin: -0.4em -0.4em 0 0.2em;
  max-width: 9em; max-height: 8em;
}

ul.nl { margin: 0 0 1ex 0; padding: 0 0 0 1em; }
ul.nl li.label { margin: 0 0 0 -1em; display: block; font-weight: bold; }
ul.nl li { margin: 0; padding: 0; }


/* Applying an ul { overflow: hidden; } to the ul ensures that the box itself is pushed aside by the float, instead of the contents of the box. */

ul { 
  overflow: hidden;
}

DIV.footer {
    padding-left: 12%;
    bottom: 0; 
    left: 0; 
    z-index: 10;
    width: 100%;
}