body {
    text-align: left;
    font-family: Verdana;
    font-size: 12pt;
    margin: 0px;
    height: 100vh;
}
/*
sinfo {
    text-align: left;
    font-family: Verdana;
    font-size: 10pt;
}
*/
h1 {
    font-size: 16pt;
}

h2 {
    font-size: 14pt;
}

a:active {
}

a:link {
}

a:visited {
}

address {
}

div.master {
    display: grid;
}

div.header {
    display: block;
    background-color: #76A185;
    color: black;
    vertical-align: middle;
    grid-column: 1;
}

div.title {
    float: left;
    white-space: nowrap;
    padding: 5pt;
    font-size: 18pt;
    font-weight: 800;
}

div.login {
    float: right;
    font-size: small;
    padding: 5pt;
}

div.content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    clear: both;
    grid-column: 1;
}

div.navigation {
    flex: none;
    width: max-content;
    background-color: #76A185;
    font-size: medium;
    line-height: 22pt;
    padding: 5pt;
}

div.maincontent {
    flex: auto;
    padding: 10pt;
    height: 100%;
    overflow-y: auto;
}

div.footer {
    background-color: #76A185;
    font-size: smaller;
    padding: 5pt;
    white-space: nowrap;
    position: relative;
    bottom: 0pt;
    grid-column: 1;
}