/*div#container
	{ width:740px; position:absolute; left:50%; margin:0 -380px; background:#ffffff; border:10px solid #996600; height:400px; }

h1
	{ width:738px; margin:1px; color:#4C1B1B; font:helvetica; font-size:24pt; overflow:hidden; padding:80px 0 0; vertical-align:middle; text-align:right; }
p	{ margin:0; padding:1.2em; }
p a:link,
p a:visited,
p a:hover,
p a:active
	{ font-weight:bold; color:#996600; }*/


#navigation {
    float: left;
    width: 100%;
    background: #663300;
    margin-top: 5px;
}

ul#navigation-1 {
    margin: 0;
    padding: 1px 0;
    list-style: none;
    width: 100%;
    height: 21px;
    border-top: 1px solid #663300;
    border-bottom: 1px solid #663300;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    /*#996600 Dark Green*/
}

    ul#navigation-1 li {
        margin: 0;
        padding: 0;
        display: block;
        float: left;
        position: relative;
        width: 148px;
    }

        ul#navigation-1 li a:link,
        ul#navigation-1 li a:visited {
            padding: 4px 0;
            display: block;
            text-align: center;
            text-decoration: none;
            background: #663300;
            color: #ffffff;
            width: 148px;
            height: 13px;
        }

        ul#navigation-1 li:hover a,
        ul#navigation-1 li a:hover,
        ul#navigation-1 li a:active {
            padding: 4px 0;
            display: block;
            text-align: center;
            text-decoration: none;
            background: #092c5e;
            color: #ffffff;
            width: 146px;
            height: 13px;
            border-left: 1px solid #ffffff;
            border-right: 1px solid #ffffff;
        }

        ul#navigation-1 li ul.navigation-2 {
            margin: 0;
            padding: 1px 1px 0;
            list-style: none;
            display: none;
            background: #ffffff;
            width: 146px;
            position: absolute;
            top: 21px;
            left: -1px;
            border: 1px solid #996600;
            border-top: none;
        }

        ul#navigation-1 li:hover ul.navigation-2 {
            display: block;
        }

        ul#navigation-1 li ul.navigation-2 li {
            width: 146px;
            clear: left;
            width: 146px;
        }

            ul#navigation-1 li ul.navigation-2 li a:link,
            ul#navigation-1 li ul.navigation-2 li a:visited {
                clear: left;
                background: #996600;
                padding: 4px 0;
                width: 146px;
                border: none;
                border-bottom: 1px solid #ffffff;
                position: relative;
                z-index: 1000;
            }

            ul#navigation-1 li ul.navigation-2 li:hover a,
            ul#navigation-1 li ul.navigation-2 li a:active,
            ul#navigation-1 li ul.navigation-2 li a:hover {
                clear: left;
                background: #092c5e;
                padding: 4px 0;
                width: 146px;
                border: none;
                border-bottom: 1px solid #ffffff;
                position: relative;
                z-index: 1000;
            }

            ul#navigation-1 li ul.navigation-2 li ul.navigation-3 {
                display: none;
                margin: 0;
                padding: 0;
                list-style: none;
                position: absolute;
                left: 145px;
                top: -2px;
                padding: 1px 1px 0 1px;
                border: 1px solid #996600;
                border-left: 1px solid #996600;
                background: #ffffff;
                z-index: 900;
            }

            ul#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
                display: block;
            }

            ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,
            ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
                background: #996600;
            }

            ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,
            ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,
            ul#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
                background: #092c5e;
            }

            ul#navigation-1 li ul.navigation-2 li a span {
                position: absolute;
                top: 0;
                left: 132px;
                font-size: 12pt;
                color: #fe676f;
            }

            ul#navigation-1 li ul.navigation-2 li:hover a span,
            ul#navigation-1 li ul.navigation-2 li a:hover span {
                position: absolute;
                top: 0;
                left: 132px;
                font-size: 12pt;
                color: #ffffff;
            }

@media screen and (max-width: 900px) {

    #navigation {
        float: none;
        width: 100%;
        height: auto;
        overflow: visible;
    }

    ul#navigation-1 {
        width: 100%;
        height: auto;
        padding: 0;
    }

        ul#navigation-1 > li {
            float: none;
            display: block;
            width: 100%;
            height: auto;
        }

            ul#navigation-1 > li > a:link,
            ul#navigation-1 > li > a:visited,
            ul#navigation-1 > li > a:hover,
            ul#navigation-1 > li > a:active {
                width: 100%;
                height: auto;
                padding: 8px 0;
                box-sizing: border-box;
            }

        ul#navigation-1 li ul.navigation-2 {
            display: none;
            position: static;
            width: 100%;
            padding: 0;
            border: 0;
        }

        ul#navigation-1 li:hover > ul.navigation-2,
        ul#navigation-1 li:focus-within > ul.navigation-2 {
            display: block;
        }

        ul#navigation-1 li ul.navigation-2 li {
            float: none;
            width: 100%;
        }

            ul#navigation-1 li ul.navigation-2 li a:link,
            ul#navigation-1 li ul.navigation-2 li a:visited,
            ul#navigation-1 li ul.navigation-2 li a:hover,
            ul#navigation-1 li ul.navigation-2 li a:active {
                width: 100%;
                height: auto;
                padding: 8px 4px;
                box-sizing: border-box;
            }

            ul#navigation-1 li ul.navigation-2 li ul.navigation-3 {
                position: static;
                width: 100%;
            }

    #content {
        clear: both;
    }
}


#navigation ul#navigation-1 li ul.navigation-2,
#navigation ul#navigation-1 li ul.navigation-2 li {
    height: auto !important;
    overflow: visible !important;
}

    #navigation ul#navigation-1 li ul.navigation-2 li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 60px !important;
        min-height: 60px !important;
        padding: 0 8px !important;
        line-height: normal !important;
        box-sizing: border-box !important;
    }