body {
    font-family: Lucinda,Tahoma,Verdana,sans-serif;
    font-size: small;
    color: rgb(0,51,0);
    margin: 2em 15% 0 15%;
    max-width: 50em;
}

h1 { font-family: Verdana,sans-serif; font-size: x-large; border-bottom: 1px rgb(200,200,200) solid; text-align: right; margin: 0 0 0.7em 0; padding: 0 0 0.2em 0; }

h2 { margin: 0; font-size: small;}


a { font-weight: bold; text-decoration: none; color: green; }
a:visited { font-weight: normal; }

#nav {
    width: 7em;
    /*background: black;*/
    text-align: right;
    float: left;
    padding: 2em 0 0 0;
}

#nav a { display: block; padding: 0 0 1em 0; font-weight: normal; }
#nav a:hover { font-style: normal; background: transparent; /* background so that IE does hover effect (?!?!)*/ }
#nav a span { color: rgb(250,255,252); }
#nav a:hover span { color: black; }


#content {
    /*background: black;*/
    margin: 0 0 0 8em;
    padding: 1em 0 0 2.5em;
    border-left: 1px rgb(200,200,200) solid;
}

div.item {
    border-bottom: 1px rgb(200,200,200) solid;
    margin: 0 0 2em 0;
}

div.item p { margin: 1em 0.2em 0.3em 0; line-height: 1.5; text-align: justify; }

#footer {
    margin: 2em 0 0 0;
    text-align: center;
    border-top: 1px rgb(200,200,200) solid;
    font-size: xx-small;
}