body {
    background: #fff;
    color: #585858;
    font: 100%/1.5em sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

#top {
    background: #509169;
    display: block;
    min-height: 2.4em;
    margin: 0;
    padding: 2.6em 0 0 0;
    width: 100%;
    overflow: auto
}

#header {
    background: #509169;
    display: block;
    height: 100%;
    margin: 0 auto;
    padding: 0 1em 0 1em;
    max-width: 41em
}

#content {
    display: block;
    margin: 0 auto;
    padding: 1em 1em 3em 1em;
    max-width: 41em
}

h1 {
    color: #fff;
    float: left;
    font-family: serif;
    font-weight: lighter;
    letter-spacing: .027em;
    font-size: 2em;
    margin: 0 0 .9em 0;
    padding: 0
}

h2 {
    color: #509169;
    font-weight: 400;
    margin: 1.5em 0 0 0;
    padding: 0
}

span.ab {
    font-size: .85em
}

span.former {
    font-size: .7em
}

p {
    font-size: 1em;
    margin: 1em 0 0 0;
    padding: 0;
    text-align: justify
}

ul {
    font-size: .9em;
    margin: 1em 0 0 -1.25em;
    line-height: 1.6em
}

img {
    border: 0;
    margin: 1.5em 0 0 0;
    width: 100%;
    height: 100%
}

a {
    color: #585858;
    text-decoration: underline
}

a:hover {
    color: #585858;
    text-decoration: none
}

a.logo,
a.logo:hover {
    color: #fff;
    text-decoration: none
}

a.lang {
    color: #fff;
    float: right;
    margin: .25em 0 1em 1em;
    text-decoration: none
}

a.lang:hover {
    text-decoration: underline
}

a.expand {
    font-size: .8em
}

table {
    border-spacing: 0 .5em;
    margin: .5em 0 0 0
}

tr {
    vertical-align: top
}