#Topbar {
    margin: 0 auto;
    top: 0;
    position: sticky;
    text-align: center;
    max-width: 900px;
    min-height: 10px;
    background-color: rgb(8 44 4);
    text-shadow: 1px 1px 0px lightgreen, -1px -1px 1px darkgreen;
}

#Header {
    width: 100%;
    max-width: 900px;
    text-align: center;
    padding: 10px 5px;
    font-size: 2.0em;
    font-family: 'Baskerville Old Face';
    text-align: center;
    text-shadow: 0px 5px 0px darkgreen;
    background-color: rgb(8 44 4);
}

#Description {
    margin: 0 auto;
    max-width: 90%;
    font-size: 18pt;
    color: whitesmoke;
}

#Wrapper {
    margin: 0 auto;
    max-width: 900px;
    background-color: transparent;
}

#Content {
    margin: 0 auto;
    max-width: 900px;
    min-height: 90vh;
    padding: 10px;
}

#Footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 20px;
    background-color: green;
    text-align: center;
    font-size: .8em;
    padding: 10px 5px;
    border-top: 3px solid lightgreen;
    text-shadow: 0px 1px 0px lightgreen, 0px -1px 0px darkgreen;
}

#nav {
    width: 100%;
    text-shadow: 0px 1px 1px lightgreen, -1px -1px 0px darkgreen;
    line-height: 32px;
    background-color: green;
    border-top: 2px solid lightgreen;
    border-bottom: 2px solid lightgreen;
    border-left: 2px solid lightgreen;
    border-right: 2px solid lightgreen;
    text-align: center;
}

    #nav ul {
    }

        #nav ul li {
            list-style: none;
            display: inline;
        }

            #nav ul li a {
                text-transform: uppercase;
                text-shadow: 0px 1px 1px lightgreen, -1px -1px 1px darkgreen;
                letter-spacing: 0.1px;
                padding: 2px 10px;
                margin: 2px;
                color: whitesmoke;
                background-color: transparent;
                text-decoration: none;
                border-top: 2px solid palegreen;
                border-left: 2px solid palegreen;
                border-right: 2px solid darkgreen;
                border-bottom: 2px solid darkgreen;
                font-size: 1.00em;
                font-weight: bold;
                border-radius: 30px;
                -webkit-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

                #nav ul li a:hover, #nav ul li a.selected {
                    background-color: transparent;
                    color: palegoldenrod;
                    border-top: 2px solid darkgreen;
                    border-left: 2px solid darkgreen;
                    border-right: 2px solid palegreen;
                    border-bottom: 2px solid palegreen;
                }

#SubNav {
    max-height: 90px;
    width: 100%;
    font-size: 1.05em;
    font-weight: bold;
    background-color: transparent;
    border-bottom: 1px solid lightgreen;
    text-align: center;
    padding-bottom: 10px;
}


/* Responsive layout - when the screen is more than 1024px wide, make the Wrapper 90% of screen wid */
@media screen and (min-width: 1100px) {
    #Wrapper {
        min-width: 90%;
    }
}