body           { background-color: black; color: white; font-family: Verdana sans-serif }
body.bgsunset1 { background: black url(./images/sunset_1.jpg) no-repeat fixed top left; color: #fff;
                 font-family: Verdana sans-serif }

.vatop         { vertical-align: top }
.vacenter      { vertical-align: middle }
.vabottom      { vertical-align: bottom }
.taleft        { text-align: left }
.tacenter      { text-align: center }
.taright       { text-align: right }

.container     { position: relative; left: -1px; top: 1px; color: #000; z-index: 3 }
.text          { position: absolute; left: 1px; top: -1px; color: #ccc; z-index: 3 }
.madfont       { /*font-family: Madfont*/ }

a              { color: #ff3; text-decoration: underline }
a:visited      { color: #ff3; text-decoration: underline }
a:active       { color: #ff3; text-decoration: underline }
a:hover        { color: #ff3; text-decoration: underline }

.bgbox         { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1 }
.fgbox         { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2; overflow: scroll}
.fgtd          { z-index: 2 }
.blackbox      { background-color: #000; padding: 0px }
.whitebox      { background-color: #fff; padding: 0px }
.greybox       { background-color: #444; padding: 0px }
.bluebox       { background-color: #335; padding: 0px }
.redbox        { background-color: #533; padding: 0px }
.greenbox      { background-color: #cfc; padding: 0px }
.trans         { filter: alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; }
.notrans       { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

td.imgtd       { border: solid #888888 1px }

h1.bigger      { font-size: 300% }
h1             { font-family: serif; color: #ff3 }
h4             { font-family: sans-serif; color: white }