html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-size: .80em;
    font-family: 'Century Gothic';
    margin: 0px;
    padding: 0px;
}

footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
}

.ourlinks {
    color: #0d6efd !important;
    text-decoration: underline !important;
}

.ourLogoutButton {
    color: black !important;
    border-color: black !important;
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
}

a.alink2 {
    color: #531FFF !important;
}

.ourHeaderArea 
{
    margin: 0;
    padding: 3px;
}

.ourHeadingAppName {
    display: flex;
    justify-content: center; /* Horizontal */
    align-items: center; /* Vertical */
    height: 100px; /* height of graphic */
    color: #024F84;
    font:bold;
    word-wrap: break-word; 
    overflow-wrap: break-word; 
    text-align: center;
}

.ourMain 
{
    background-color: whitesmoke;
}

.ourHeaderMenu 
{
    color: #899622!important;
}

.ourAdminHeaderMenu {
    color: #0C76BF !important;
}

.ourLoginRow {
    display: grid;
    height: auto; /* height of graphic */
    align-content: end;
}

.ourImageStyles 
{
    max-height: 100px;
    width: 100%;
    height: auto;
}