body { 
    font-family: Verdana, sans-serif; 
    margin: 0; 
    background-color: #121212; 
    color: #e0e0e0;
}

h1 { 
    font-size: 24pt; 
    color: #ffffff; 
    letter-spacing: 0.25em; 
    margin-top: 0px;
}
h2 { font-size: 20pt; color: #79c2d0; margin-bottom: 0.5em }
h3 { font-size: 18pt; color: #79c2d0; font-style: italic }
h3:first-letter { font-size: 2em }
h4 { font-size: 16pt; color: #79c2d0; margin-bottom: 0.5em }
h5 { font-size: 14pt; color: #79c2d0 }
h6 { font-size: 13pt; color: #79c2d0 }
h3, h5, h6 { margin-top: 1em; margin-bottom: 0 }

th, td { font-size: 12pt }
p, dl { font-size: 12pt; margin: 0.5em 0 }
p.initial, dl { margin: 0 }

ul, ol { margin-top: 0; margin-bottom: 0 }
ul { list-style-type: square }
.menu2 ul { list-style-type: disc }

table#menu td { color: #e0e0e0; background-color: #2c2c2c }
table#menu td.selected { color: #121212; font-weight: bold; background-color: #79c2d0 }
table#menu a:link, table#menu a:visited { text-decoration: none; color: #e0e0e0 }
table#menu a:hover { text-decoration: underline; color: #79c2d0 }

table.line { height: 4px; width: 100%; background-color: #2c2c2c }
th { text-align: left }

.indent { text-indent: 1em }
.indent2 { text-indent: 2em }

.odd-row { background-color: #1e1e1e }
.last-row { border-bottom: 1px solid #2c2c2c }
.center { text-align: center }
.subtitle { font-size: 9pt; font-style: italic; color: #aaaaaa }

.outer { width: 15px; background-color: #2c2c2c }
td a:link, td a:visited { text-decoration: none; color: #79c2d0 }

#title { 
    font-size: 20pt; 
    font-weight: bold; 
    color: white; 
    text-indent: 0.5em; 
    background-color: #2c2c2c;
}

.size-block { display: block; font-weight: bold; margin-bottom: 0.5em }
.stat-block { display: block; text-indent: -25px; margin-left: 25px }

img.art, img.art-wide, img.art-wider, img.art-tall, img.art-taller, img.art-class, img.art-logo {
    filter: brightness(0.9) contrast(1.1);
}

.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: #79c2d0 }
a:hover { text-decoration: underline; color: #ffffff }

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

/* Menu2 */
.menu2 {
    font-family: arial, sans-serif; 
    width:170px; 
    height:850px; 
    position:relative; 
    font-size:12px; 
    margin:10px 0; 
    z-index:100;
}
.menu2 ul {
    padding:0; margin:0; 
    list-style-type: none; 
    background:#1e1e1e; 
    color:#e0e0e0; 
    width:170px; height:850px; 
    border:none;
}
.menu2 ul li ul {
    visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:170px;
}
.menu2 ul li { float:left; position: relative; }


.menu2 ul li a, .menu2 ul li a:visited {
    display:block; 
    float:left; 
    text-decoration:none; 
    color:#e0e0e0; 
    width:160px; 
    line-height:15px; 
    font-size:12px; 
    background:transparent; 
    padding:2px 0 2px 10px;
}

.menu2 ul li.selected a, .menu2 ul li.selected a:visited {
    display:block; 
    float:left; 
    text-decoration:none; 
    color:#121212; 
    width:160px; 
    line-height:15px; 
    font-size:12px; 
    background:#79c2d0; 
    padding:2px 0 2px 10px; 
    font-weight:bold;
}

.menu2 ul li:hover a,
.menu2 ul li a:hover {
    background:#333; 
    color:#ffffff;
}

.menu2 ul li:hover ul,
.menu2 ul li a:hover ul {
    visibility:visible; 
    position:absolute; 
    height:auto; 
    line-height:15px; 
    border:none; 
    background:#2c2c2c; 
    color:#e0e0e0; 
    overflow:visible;
}
.menu2 ul li:hover ul li a,
.menu2 ul li a:hover ul li a {
    display:block; 
    background:transparent; 
    color:#e0e0e0; 
    line-height:15px; 
    padding:2px 0 2px 10px; 
    height:auto; 
    text-decoration:none;
}

.menu2 ul li:hover ul li:hover a,
.menu2 ul li a:hover ul li a:hover {
    background:#79c2d0; 
    color:#121212;
}
.menu2 ul li:hover ul li:hover ul {
    visibility:visible; 
    position:absolute; 
    height:auto; 
    color:#e0e0e0; 
    padding:0; 
    border:none; 
    list-style-type:none; 
    background:#1e1e1e;
}
.menu2 ul li:hover ul li:hover ul li a {
    display:block; 
    background:transparent; 
    color:#e0e0e0;
}
.menu2 ul li:hover ul li:hover ul li:hover a {
    background:#79c2d0; 
    color:#121212;
}