BODY {
    color: #FFFF20;
    background: url("blkredbk.gif") #880000;
    font-family: Arial, Helvetica, sans-serif;
    scrollbar-base-color: #FFFF00;
    scrollbar-track-color: #DDCC77;
    scrollbar-arrow-color: #FFFF77;
    scrollbar-face-color: #AA8833;
    scrollbar-3dlight-color: #FFFF88;
    scrollbar-darkshadow-color: #330000;
    scrollbar-highlight-color: #FFFF33;
    scrollbar-shadow-color: #550000;
    margin: 1px;
}

UL, LI, TH, TD, P {
    color: #FFFF20;
    font-family: Arial, Helvetica, sans-serif;
}

A:link    {color: #FFFFFF;}
A:visited {color: #FFE090;}
A:hover   {text-decoration: none; color: #FF0000;}
A:active  {color: #FF0000;}

.visited  {color: #FFE090;}

span.media {
    font-weight: normal;
    font-size: 70%;
}
span.nonmidi {
    font-weight: normal;
    font-size: 70%;
    color: #FF8800;
}
span.midi {
    font-weight: normal;
    font-size: 70%;
    color: #888800;
}

/* greats pages */
.title { font-weight:bold; COLOR:#FFFF20; WIDTH=100%; FILTER:DropShadow(Color=#440000, OffX=2, OffY=2, Positive=True) }
.title-small { font-size:12px; font-weight:bold }
.comp-big { font-size:24px; font-weight:bold }
.comp-med { font-size:18px; font-weight:bold }
    ul.content { font-size:70% }
dl { margin:0px }
    dt { margin-left:15px; font-size:12px; font-weight:bold }
        dt a { font-weight:100 }
        .moreinfo { margin-left:15px; font-size:13px; font-style:italic }
    dd { margin-left:30px; font-size:12px; font-weight:100 }
    dd.bold { margin-left:30px; font-size:12px; font-weight:700 }
.small { font-size:11px; }