* { 
    margin: 0;
    padding: 0;
}
body {
    background-color: #fff;
    color: #444;
}
a:link {
    color: #aa4466;
    background-color: #fff;
}
a:active { 
    color: #008822;
    background-color: #fff;
}
a:visited {
    color: #aa4466;
    background-color: #fff;
}
#header {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    border-bottom: 1px solid black;
}
h1 {
    text-align: center;
}
h1 img {
    border: none;
}
#lastupdate {
    font-style: italic;
    text-align: right;
    margin-right: 2em;
}
#content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
#main {
    width: 70%;
    float: left;
    margin-left: 1em;
}
h2 {
    background-color: #ddd;
    border: 1px solid black;
    padding: 0.2em;
}
.topic {
    margin-top: 1em;
    margin-bottom: 1em;
}
.topic h3 {
    font-size: large;
    padding: 0.5em;
    color: black;
    background-color: #f0f0ff;
    border-bottom: 1px solid #008;
    border-left: 1px solid #008;
    margin-left: 2px;
}
.date {
    text-align: right;
    margin-right: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-family: monospace;
}
.topic p {
    margin-left: 2em;
    line-height: 1.2em;
}
.topic ul {
    margin-left: 2.5em;
    list-style-type: square;
    margin-top: 1em;
    margin-bottom: 1em;
}
.topic ul li {
    margin-left: 1em;
    margin-top: 1em;
}

.topic ol {
    margin-left: 2em;
}
.topic ol li {
    margin-left: 1em;
}

#menu {
    width: 20%;
    float: left;
}
#menu ul {
    list-style-type: circle;
}
#menu ul li {
    margin-left: 2em;
}
#menu h2 {
    font-size: medium;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
}
#footer {
    width: 80%;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
    clear: both;
    font-size: small;
    border-top: 1px solid black;
}