body      { margin: 25px; background-color: #a0e0ff }
a:link    { color: #00f }
a:visited { color: #555 }
a:hover   { color: #f0f }
a:active  { color: #f00 }
h2, h4    { text-align: center }
p         { text-align: justify }
p.ac      { text-align: center }
p.ar      { text-align: right }
p.copy    { text-align: right; vertical-align:bottom; font-size: x-small }
table.ac  { margin: 0 auto }
td.al     { text-align: left }
td.ac     { vertical-align: top; text-align: center }
td.ar     { text-align: right }
td.just   { text-align: justify }
td.top    { vertical-align: top }
td.bot    { text-align: right; vertical-align: bottom }
td.copy   { text-align: left; vertical-align:bottom; font-size: x-small }
img.link  { border-width: 2px; border-style: solid; padding: 3px }
hr        { margin: 30px 0 20px }

div#menu ul li a, a.button {
    background-color: #9df;
    border: 3px outset #0ff;
    color: black;
    display: inline;
    font-family: sans-serif;
    font-size: x-small;
    padding: .2em .5em;
    text-align: center;
    text-decoration: none;
}

div#menu ul li a:hover, a.button:hover {
    background-color:#bdf;
}

div#menu, div#menu ul {
    margin: 0;
    padding: 0;
}

div#menu li {
    list-style: none;
    margin: .5em;
    padding: .1em;
}

div#menu ul li a {
    display: block;
    margin: 0;
    padding: .2em;
}