File: index.css

body {
    margin: auto;
    text-align: center;
    width: 800px;
    background-color: #DDDDDD;
}

p {
   font: normal 12px verdana;
}

h1 {
   font: bold 18px verdana;
}

a.notSelected {
   font: normal 13px verdana;
   text-decoration: underline;
   color: #550000;
}

a.selected {
   font: bold 14px verdana;
   text-decoration: none;
   color: #FF0000;
}

/**
 * TABLE STYLE
 */
table#tableID {
    margin: auto;
    background-color: #DDDDDD;
    border-collapse: collapse;
    border: solid black 2px;
    width: 400px;
}

table#tableID td {
    padding: 5px;
}

/**
 * TABLE HEADER STYLE
 */
table#tableID .headClass {
    text-align: center;
    background-color: #999999;
    border: solid black 2px;
    font: bold 12px verdana;
}

/**
 * TABLE BODY STYLE
 */
table#tableID .bodyClass {
    font: normal 12px verdana;
}

table#tableID .bodyClass td {
    padding: 10px;
}

table#tableID .bodyClass tr:hover {
    background-color: #DDFFAA;
}

/**
 * TABLE FOOTER STYLE
 */
table#tableID .footClass {
    text-align: center;
    background-color: #999999;
    border: solid black 2px;
}