BODY { background-color: black }
h1 {color: white; font-size: 10;}
h2 {color: white; font-size: 16;}
<!--
A:link { color:#FFFFFF; text-decoration:none }
A:visited { color:#FFFFFF; text-decoration:none }
A:active { color:#FFFFFF; text-decoration:none }
A:hover { color:#FFFFFF; text-decoration:underline }
-->
.shadow { /*draw a shadow around table or table cells*/
border-right: #FFFFFF 1px solid;
border-top: #FFFFFF 1px solid;
font-weight: bold;
font-size: 11px;
border-left: #FFFFFF 1px solid;
border-bottom: #FFFFFF 1px solid;
background-color: #000000
} 
.index { /*draw a shadow around table or table cells*/
border-right: #FFFFFF 1px solid;
border-top: #FFFFFF 1px solid;
font-size: 11px;
border-left: #FFFFFF 1px solid;
border-bottom: #FFFFFF 1px solid;
background-color: #000000
}