* {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: arial, verdana, courier;
}

a,
b {
    text-decoration: none;
    color: #000a69;
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 27pt;
    display: inline;
}

h2 {
    font-size: 23pt;
    display: inline;
}

h3 {
    font-size: 19pt;
    display: inline;
}

h4 {
    font-size: 15pt;
    display: inline;
}

ul {
    list-style-position: inside;
}

#header {
    position: relative;
    display: flex;
    width: 100%;
    background: linear-gradient(to right, #e7bc00, #e7bc00 220px, #fff 95%);
    margin: 0;
    padding: 6px 0 6px 0;
    border-bottom: 1px solid black;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.333), inset 1px 1px 3px rgba(0, 0, 0, 0.333);
}

#logo {
    float: left;
    vertical-align: top;
    text-align: center;
    margin: 0 0 0 8px;
    padding: 0;
    text-shadow:
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white,
        0.0em 0.0em .53em white;
}

#logo h1 {
    font-size: 27pt;
    font-weight: 800;
    margin: 0;
    padding: 0;
    line-height: 0.85em;
}

#logo span {
    font-size: 8.75pt;
    font-weight: 700;
    margin: 0;
    padding: 0;
    font-variant: small-caps;
}

#login {
    float: right;
    white-space: nowrap;
    font-variant: small-caps;
    margin: auto 10px auto auto;
}

#content {
    margin: auto;
    padding: auto;
    display: flex;
}

#navigation {
    display: block;
    width: 284px;
    min-width: 284px;
    max-width: 284px;
    padding: 5px 5px 5px 5px;
    margin: 0 0 auto 0;
    border-bottom: 1px solid black;
    border-radius: 0 0 9px 0;
    background-color: rgb(255, 248, 227);
    box-shadow:
        2px 3px 5px rgba(0, 0, 0, 0.333),
        inset 2px 3px 5px rgba(236, 236, 236, 0.75);
    z-index: 65535;
}

#navigation ul {
    font-variant: small-caps;
}

#document {
    all: initial;
    font-size: 11.75pt;
    padding: 20px 20px 20px 20px;
    width: 97%;
}

#footer {
    position: fixed;
    width: 100%;
    border-top: 1px solid #1f0e73;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.333);
    padding: 3px 0 3px 0;
    margin: 0;
    bottom: 0px;
    z-index: 65535;
    background-color: rgb(255, 248, 227);
    line-height: 0.85;
    font-size: 6.75pt;
    font-weight: 100;
}

#footer ul {
    vertical-align: top;
    margin: 0;
    padding: 0px 5px 5px 25px;
    float: left;
}

#footer ul li {
    display: inline;
    padding: 0 0 0 20px;
    list-style-type: disc;
}

#footer span {
    vertical-align: top;
    margin: 0;
    padding: 0px 25px 5px 5px;
    float: right;
}





























