BODY {
    background-color: whitesmoke;
 /*   background: url("blkredbk.gif") #880000;      */
    font-family: Verdana, 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-left: 15px;
}

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

/*A:link    {color: #0000FF;}
A:visited {color: #00FF00;}   */
A:hover   {text-decoration: none; color: #FF0000;}
A:active  {color: #FF0000;}

/*.visited  {color: #FFEEEE;} */

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:#000000; 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; }