body { font-family: Arial; margin: 0; background-color: white }
body.zom { color: yellow; background-color: black}
th, td { font-size: 9pt }
td.small {font-size: 8pt }
#title { font-size: 20pt; font-weight: bold; color: black; text-indent: 0.5em; background-image: url('roughgray.gif') }
#background { background-image: url('roughgray.gif') }
#small { font-size: 8pt }
a:link {font-weight: bold; font-family: Comic Sans MS; color: #0000FF}
a:visited {font-weight: bold; font-family: Comic Sans MS; color: #0000FF}
table#menus td { color: black; background-image: url('roughgray.gif') }
table#menus td.selected { color: white; font-weight: bold;  background-image: url('redback.html') }
table#menus a:link, table#menu a:visited { text-decoration: none; color: black }
table#menus a:hover { text-decoration: underline; color: white }
table#menus a:visited {font-weight: bold; font-family: Comic Sans MS; color: black}
a:visited.table,a:link.table,  {text-decoration: none; font-weight: bold; font-family: Comic Sans MS; color: black}
a:hover.table {text-decoration: underline; font-weight: bold; font-family: Comic Sans MS; color: black}

h1 { font-size: 20pt; font-weight: bold; color: #B22222; letter-spacing: 0.25em }
h2 { font-size: 18pt; color: #b22222; margin-bottom: 0.5em }
h3 { font-size: 12pt; color: #B22222; font-style: italic }
h3:first-letter { font-size: 2em }
h4:first-letter { font-size: 2em }
h4 { font-size: 12pt; color: #B22222; font-weight: bold; margin: 0 0 0 }
h5 { font-size: 12pt; color: #B22222; font-family: verdana; }
h6 { font-size: 10pt; color: #B22222; font-family: Arial; font-style: italic; margin-bottom: 2mm }
.creature { display: block }
h3, h5 { margin-top: 1em; margin-bottom: 3mm }

p, dl { font-size: 10pt; margin: 0 0 1mm }
p.close { margin: 0 }
p.monster { margin: 0 }
p.far { margin-bottom: 4mm }
p.heavy { font-size: 12pt; font-weight: bold; }
pre { font-size: 10pt; margic: 0; font-family: Arial }
h6.close, h5.close { margin-bottom: 0mm }
ul.close { margin: 0 }

.fine-print { font-size: 6pt; color: white}
.even-row { background-color: #FDDAAA }
.last-row { border-bottom: 1px solid #AD4141 }
.box { border-bottom: 1px solid #AD4141; border-right: 1px solid #AD4141 }
.top-row { border-top: 1px solid #AD4141 }
.tabletitle {background-color: #AD4141; color: white; font-weight: bold }
.tabletitle2 {background-color: gray; color: black; font-weight: bold }
.center { text-align:center }
.leftline { border-left: 1px solid #AD4141 }
.rightline { border-right: 1px solid #AD4141 }
.indent { text-indent: 4mm }
.indent2 { text-indent: 8mm }
.full-indent { margin-left: 4mm }
.title-color { color: #B22222; font-weight: bold; }
.simple-title { font-size: 11pt; font-weight: bold; color: #B22222; font-family: Arial; margin-bottom: 0mm }
.better-title { text-align:center; font-size: 16pt; font-weight: bold; color: #B22222; font-family: Comic Sans MS; }

table{font-size:80%;background:black; border-width: 0px;}
a.menus {color:black;text-decoration:none;font:bold}
a:hover{color:#6060FF}
td.dd{background:#A49348}
td.mod{background:#A6A6A6}
td.half{background:#F5C229}
td.qfg{background:#816AFF}
td.alice{background:#D90000}
td.lol{background:gold}
td.zom{ background:#A5C563}
td.menu{background:#A6A6A6}
table.menu { font-size:100%; font-weight:bold; position:absolute; visibility:hidden;}