body { font-family: Verdana; margin: 0; background-color: white }
h1 { font-size: 20pt; color: black; letter-spacing: 0.25em; margin-top: 0px}
h2 { font-size: 18pt; color: #579eb6; margin-bottom: 0.5em }
h3 { font-size: 12pt; color: #579eb6; font-style: italic }
h3:first-letter { font-size: 2em }
h4 { font-size: 12pt; color: #579eb6; margin-bottom: 0.5em }
h5 { font-size: 10pt; color: #579eb6 }
h6 { font-size: 9pt; color: #579eb6 }
h3, h5, h6 { margin-top: 1em; margin-bottom: 0 }
th, td { font-size: 8pt }
p, dl { font-size: 8pt; margin: 0.5em 0 }
p.initial, dl { margin: 0 }
ul, ol { margin-top: 0; margin-bottom: 0 }
ul { list-style-image: url(box.png); list-style-type: square }
table#menu td { color: white; background-color: #8b2323 }
table#menu td.selected { color: black; font-weight: bold; background-color: white }
table#menu a:link, table#menu a:visited { text-decoration: none; color: white }
table#menu a:hover { text-decoration: underline; color: #f2e4bc }
table.line { height: 4px;   width: 100% }
th { text-align: left }
.indent { text-indent: 1em }
.indent2 { text-indent: 2em }
.odd-row { background-color: #f2e4bc }
.last-row { border-bottom: 1px solid #f2e4bc }
.center { text-align: center }
.subtitle { font-size: 9pt; font-style: italic }
.outer { width: 15px; background-color: #8b2323 }
td a:link, td a:visited {text-decoration: none; color: #579eb6 }
table td.line { height: 4px; background-image: url('dot.gif') }
#title { font-size: 20pt; font-weight: bold; color: white; text-indent: 0.5em; background-color: #8b2323 }
.size-block { display: block; font-weight: bold; margin-bottom: 0.5em }
.stat-block { display: block; text-indent: -25px; margin-left: 25px }
img.art { float: right; width: 215px; height: 215px }
img.art-wide { float: right; width: 250px; height: 180px }
img.art-wider { float: right; width: 250px; height: 135px }
img.art-tall { float: right; width: 180px; height: 250px }
img.art-taller { float: right; width: 120px; height: 250px }
img.art-class { float: right; width: 300px; height: 400px }
img.art-logo { float: right; width: 57px; height: 46px }
.float-left { float: left; margin-right: 1.5em }
.float-right { float: right; margin-left: 1.5em }
.clear { clear: both }
a:link, a:visited { text-decoration: none; color: blue }
a:hover { text-decoration: underline }

/* Sortable tables */
table.sortable a.sortheader {
    background-color: white;
    color: black;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}