body {
    margin: 2em;
    font-family: "MS Trebuchet", Verdana, Geneva, Arial, Helvetica, sans-serif;	
    font-size: 10pt;
    line-height: 145%;  
}

#top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

#logotop {
    width: 28em;
}

.clear { clear: both; }

#bottomlogo {
    clear: both;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.line {
    border-bottom: 1px solid black;
    margin-left: 1%;
    flex-grow: 1;
    line-height: 0.3em;
}

.lineshort {
    width: 2em;
    margin-right: 1%;
    border-bottom: 1px solid black;
    line-height: 0.3em;
}

#logobottom {
    height: 1.2em;
    float: left;
}

#topbar {
    display: flex;
}

#topbar a {
    color: black;
    font-variant: small-caps;
    text-decoration: none;
    margin-left: 1em;
}

footer {
    text-align: center;
    border-top: 1px solid black;
    font-size: 8pt;
    margin-top: 1em;
    padding-top: 1em;
}

main {
    margin: 2em 0em 2em 0em;
    font-size: 10pt;
    overflow: hidden;
}

article {
    overflow: hidden;
}

h1 {
    font-size: 13pt;
}

h2 {
    font-size: 11pt;
}

h3 {
    font-size: 10pt;
}

.right {
    float: right;
    max-height: 22em;
    max-width: 18em;
    margin: 1em;
}