BODY { background: #222; margin-left: 10%; margin-right: 10%;
       font-family: Arial, Tahoma, sans-serif; color: #EEE }
a { text-decoration: none }
a:link { color: #5EE; background: transparent }
a:visited { color: #5AA; background: transparent }
a:active { color: #0F0; background: transparent }
a:link:hover { color: #EEA; background: transparent; text-decoration: underline }
a:visited:hover { color: #EEA; background: transparent; text-decoration: underline }
a[title]:hover { color: #EEA; background: transparent }
a[title] { border-bottom:1px dotted #666 }
H1 { color: #0AF; font-size: xx-large; font-weight: bold; text-align: center; background: transparent }
H2 { color: #0AF; font-size: x-large; font-weight: bold; margin-left: 2em; background: transparent }
H3 { color: #0AF; font-size: large; font-weight: bold; margin-left: 2em; background: transparent }
H4 { color: #0AF; font-weight: bold; margin-left: 2em; background: transparent }
P { text-indent: 2em; margin: 0em }
P.block { text-indent: 0em; margin-bottom: 1em }
P.last { margin-bottom: 2em }
P.separate { margin-bottom: 1em }
P.copyright { font-size: small; text-indent: 0em; margin-top: 2em; margin-bottom: 1em }
P.secretjoke { text-indent: 0em; font-size: small; color: #C0C0C0; margin-bottom: 2em; background: transparent }
P.revision { font-size: small; margin: 1.5em 0em 1.5em 3em }
DIV.goback { text-align: center; margin-top: 1.5em }
DIV.goback a:hover img {background: #04F; text-decoration: none}
DIV.logo { text-align: center; margin: 1em -6% 2em }
DIV.divide { width: 100% }
DIV.totop { font-size: small; font-weight: bold; margin-bottom: 2em }
DIV.contact { margin-bottom: 1em }
DIV.leftpic { float: left; padding: 0.5em 1em 0.5em 0em }
SPAN.contents { font-weight: normal }
UL.contents { list-style-image: url(pics/RedBall.gif) }
UL.contents A { font-weight: bold }
DT { font-weight: bold; color: #0AF; background: transparent }
DL.dates DT { font-weight: bold; font-style: italic; color: #0AF; background: transparent }
IMG { border: 0px }
abbr[title], acronym[title], span[title] { border-bottom:1px dotted #666; cursor: help }
acronym:hover, abbrev:hover, span[title]:hover { color: #EEA; cursor: help; background: transparent }
.name { color: #0AF; background: transparent; font-weight: bold }
TABLE.pics { width: 100%; margin-bottom: 2em; text-align: center; vertical-align: top }
TABLE.pics TD { vertical-align: top; padding: 0.5em 0.1em }
TR.three TD { width: 33% }
TR.four TD { width: 25% }
TR.five TD { width: 20% }
TABLE.pics A IMG { border: solid 1px #AAA }
TABLE.pics A:visited IMG { border: solid 1px #3AA }
TABLE.pics A:hover {background: transparent }
TABLE.pics A:hover IMG { border: solid 1px #5EE }

/* Feedback form --------------------------------------------------------------------------- */
P.cform { text-indent: 0; margin: 0.5em 0em 0.5em 0em }
label { width: 7em; float: left; text-align: right; margin-right: 0.5em}
textarea { background: #111; color: #0AF; width: 60%; height: 25em }
input.text { background: #111; color: #0AF; width: 30% }
input.text:focus, textarea:focus { background: #114; color: #FFF}
/* ----------------------------------------------------------------------------------------- */