body {
    background: url(bg.png);
    margin: 0px;
    padding: 0px;
    font-family: Optima, Futura, sans-serif;
}

h1 {
    left: 50%;
    width: 500px;
    margin: 40px auto 0px;
    height: .75em;
    
    color: #576357;
    background: #303D30;
    font-size: 3em;
    text-align: right;
    font-weight: bold;
    
    border: 1px solid #303D30;
    border-width: 0px 1px;
}

#nav {
    width: 500px;
    left: 50%;
    margin: 0px auto;
    padding: 0px;
    
    background: #576357;
    
    border: 1px solid #303D30;
    border-width: 0px 1px;
}
#nav li {
    display: inline;
    margin: 0px;
    list-style: none;
    font-weight: bold;
}
#nav a:link, #nav a:visited {
    color: #D9CB86;
    text-decoration: none;
    
    padding: 0px 1em;
}
#nav li.selected, #nav li.selected a:link, #nav li.selected a:visited, #nav li.selected a:hover {
    color: #303D30;
    background: #D9CB86;
}
#nav li.selected {
    padding: 0px 1em;
}
#nav li.selected a:link, #nav li.selected a:visited, #nav li.selected a:hover {
    padding: 0px;
}
#nav a:hover {
    background: #475347;
}

#main {
    width: 500px;
    padding: 1em 0px 1px;
    margin: 0px auto;
    
    background: #D9CB86;
    
    border: 1px solid #303D30;
    border-width: 0px 1px;
}
h2 {
    margin: 0px .5em .3em;
    font-size: 2em;
}
.article {
    margin: 0px 1em;
}
p {
    margin: 0px 0px 1em;
}
#main a:link, #main a:visited {
    color: #576357;
    text-decoration: none;
}
#main a:hover {
    text-decoration: underline;
}

#foot {
    width: 500px;
    padding: 2px 0px;
    margin: 0px auto;
    
    background: #303D30;
    color: #576357;
    text-align: center;
    font-size: 0.7em;
    
    border: 1px solid #303D30;
    border-width: 0px 1px;
}
#foot a:link, #foot a:visited {
    color: #576357;
    text-decoration: none;
}
#foot a:hover {
    color: #576357;
    text-decoration: underline;
}