BODY { color: #221100; background-color: #F8F8FF; margin: 10px 5% }

H1, H2, H3, H4 { font-family: Helvetica, Arial, sans-serif; margin-bottom: 0px }

H1 { margin-top: 4px; font-size: 150%; font-weight: bolder }
H2 { margin-top: 8px; font-size: 130%; font-weight: bold }
H3 { margin-top: 5px; font-size: 115%; font-weight: normal }
H4 { margin-top: 3px; font-size: 100%; font-weight: bold }

P { margin-top: 2px; margin-bottom: 1em }
P.wide { margin-left: 3px; margin-right: 3px }
P.hanging { margin-left: 10%; margin-right: 10% }
P.hanging:first-line { margin-left: -10% }
IMG.illo { margin: 3px 2px 3px 7px; }

UL.sub { margin: 3px 20px 3px 10px }
DT { margin-top: 1em }

A { color: #AA0000 }
A.ext { color: #008000 }
A.ext:visited: { color: #339933 }
A:visited { color: #777777 }
#A STRONG { color: #221100 }
A:hover { color: #F8F8FF; background-color: #AA0000 }
A.balloon { color: #221100; background-color: #FFE3A0; border-bottom: thin dotted; cursor: help }
A.balloon:hover { color: #221100; background-color: #FFE3A0; border-bottom: thin dotted; cursor: help }

H1 EM { font-size: 65%; font-weight: bold; font-style: normal  }
.note { font-size: 80% }
.warn { color: #FFFF00; background-color: #6666FF; font-weight: bold; text-decoration: blink }
.maybe { color: #FFFF99; background-color: #9999FF; font-weight: bold }

TABLE.hrule { width: 100%; text-alignment: center; padding: 3px 13%; margin-bottom: 1em }
TD.hrule { background-color: #AA0000; font-size: 3px }

TABLE.geo { margin: 3px 8%; padding: 10px; border-width: 5px 25px; border-style: none }
TD.geo { margin: 3px 8%; padding: 10px; border-width: 5px 25px; border-style: none }

TR.shaded { background-color: #CCCCCC }

.indent { margin-left: 10%; margin-right: 10% }
.pieroot { font-weight: bold; font-size: 80%; font-family: Helvetica, Arial, Verdana, sans-serif }
.bigger { font-size: 120% }

.redexample { color: #AA0000; text-decoration: underline }
.greenexample { color: #008000; text-decoration: underline }