body {
background-color: #000000;
color: #ffffff;
font-family: "Verdana", "MS Sans Serif", "Arial CE", "Helvetica"; 
font-size: small;
margin: 4% 4% 4% 4%;
text-align: center;
}

a:link {
color: #c0c0ff; 
text-decoration: underline
}
A:visited {
color: #ffc0c0; 
text-decoration: underline
}
a:hover {
color: #c0ffc0; text-decoration: underline
}
.border {
border-right: #102010 1px solid; 
border-top: #102010 1px solid; 
border-left: #102010 1px solid; 
border-bottom: #102010 1px solid
}

h1 
{
color: #ffffff;
text-align: center; 
font-family: "Verdana", "MS Sans Serif", "Arial CE", "Helvetica"; 
font-size: large;
font-weight: 900;
}
h2 
{
color: #ffffff;
text-align: left; 
font-family: "Verdana", "MS Sans Serif", "Arial CE", "Helvetica"; 
font-size: medium;
font-weight: 700;
}

table {
padding:12px 12px 12px 12px;

}
caption {
background-color: #000055;
color: #ffffcf;
font-size: large;
}

th {
background-color: #000060;
color: #ffffff;
text-align: left;
}

td.sel{
width: 8mm;
height: 8mm;
font-size: large;
text-align: center;
background-color: #444400; 
color: #ffff00;
}

td.unsel{
width: 8mm;
height: 8mm;
text-align: center;
background-color: #404040; 
color: #404040;
}

P.TITLE {
FONT-SIZE: xx-large;
FONT-WEIGHT: 900;
}

div.cm {
position:absolute;
left:40%;
width: 52%;
text-align: left;
padding: 18px 18px 18px 18px;
border-right: #102010 1 solid; 
border-top: #102010 1 solid; 
border-left: #102010 1 solid; 
border-bottom: #102010 1 solid
}

div.lm {
position:absolute;
left: 12%;
top: 10em;
width: 26%;
text-align: left;
padding: 18px 18px 18px 18px;
border-right: #102010 1 solid; 
border-top: #102010 1 solid; 
border-left: #102010 1 solid; 
border-bottom: #102010 1 solid
}