body {
    background: white;
    color: black;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 3em;
    font-family: Verdana, sans-serif;
}
a:link { color: blue; text-decoration: none }
a:visited { color: navy; text-decoration: none }
a:active { color: rgb(255, 0, 102); text-decoration: none }
a:hover { background: blue; color: white; text-decoration: none }
a>img:hover { color: blue; }

h1,h2,h3 {
    padding: 0.25em;
}

h1 {
    background: navy;
    color: rgb(204,204,255);
    border: none;
}
h1>a:link { color: rgb(204,204,255); text-decoration: underline }
h1>a:visited { color: rgb(204,204,255); text-decoration: underline }
h1>a:active { color: rgb(255, 0, 102); text-decoration: underline }
h1>a:hover { background: blue; color: white; text-decoration: underline }

h2,h3 {
    background: rgb(204,204,255);
    color: navy;
    border: solid;
    border-width: 1px;
}
h2>a:link,h3>a:link { color: navy; text-decoration: underline }
h2>a:visited,h3>a:visited { color: navy; text-decoration: underline }
h2>a:active,h3>a:active { color: rgb(255, 0, 102); text-decoration: underline }
h2>a:hover,h3>a:hover { background: blue; color: white; text-decoration: underline }

table {
    background: #ffffcc;
    border: 2px solid navy;
    border-collapse: collapse;
}
td {
    vertical-align: top;
    text-align: left;
    border: 2px solid navy;
    padding: 3px;
}
td.index {
    background: #99ff99;
    font-weight: bold;
    white-space: nowrap;
}