/* * * * * *  Nav  * * * * * */
#navigation {
    position: absolute;
    top: 80px;
    height: 70px;
    width: 980px;
    left: 0;
}

#nav {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 1000;
    height: 70px;
    width: 980px;
    border-left: 1px solid #d4dce2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
    /*#nav li.top { display:block; float:left; padding:0; height:70px; border-right:1px solid #d4dce2;  width:11.1%; *width:10.4%;  box-sizing:border-box;-moz-box-sizing:border-box;}*/
    #nav li.top {
        display: block;
        float: left;
        padding: 0;
        height: 70px;
        border-right: 1px solid #d4dce2;
        width: 10.0%;
        *width: 10.0%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    /*#nav li a.nav_link { display:block; height:70px; color:#434343; text-decoration:none; font-size:14px; text-align:center; font-family: 'dinotregular', tahoma; cursor:pointer;}*/
    #nav li a.nav_link {
        display: block;
        height: 70px;
        color: #434343;
        text-decoration: none;
        font-size: 1.060em;
        text-align: center;
        font-family: 'dinotregular', tahoma;
        cursor: pointer;
    }

    #nav li:hover a.nav_link, #nav a.nav_link:hover {
        color: #FFF;
    }

    #nav table {
        border-collapse: collapse;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: 0;
    }

    #nav li:hover {
        position: relative;
        z-index: 200;
    }

    #nav a:hover {
        position: relative;
        white-space: normal;
        z-index: 200;
    }

    #nav :hover ul.sub {
        left: -1px;
        top: 70px;
        padding: 0px 0px 0px 0px;
        width: 280px;
        height: auto;
        z-index: 300;
    }

        #nav :hover ul.sub li {
            display: block;
            position: relative;
            text-align: left;
            float: left;
            width: 280px;
        }

            #nav :hover ul.sub li a {
                display: block;
                font-size: 14px;
                font-family: 'dinotregular', tahoma;
                font-weight: normal;
                text-align: left;
                padding: 5px 10px 5px 10px;
                color: #666666;
                text-decoration: none;
            }

    #nav li ul.sub li a.fly {
    }

    #nav :hover ul.sub li a:hover {
        background: #f0f0f0;
    }

    #nav :hover ul.sub li a.fly:hover {
    }

    #nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul {
        position: absolute;
        left: -9999px;
        top: -9999px;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #nav li:hover li:hover > ul {
        left: 280px;
        top: 0px;
        background: #f3a21d;
        padding: 0px;
        white-space: nowrap;
        width: 280px;
        z-index: 400;
        height: auto;
    }

    #nav li:hover > ul ul {
        position: absolute;
        left: -9999px;
        top: -9999px;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #nav li:hover li:hover > a.fly {
    }


    /*#nav li.top span{ height:19px; margin-bottom:5px; padding-top:5px; display:block; text-align:center; font-size:12px; color:#FFF;}*/
    #nav li.top span {
        height: 19px;
        margin-bottom: 5px;
        padding-top: 5px;
        display: block;
        text-align: center;
        font-size: 0.846em;
        color: #FFF;
    }

    #nav li.blue span {
        background: #1d71b6;
    }

    #nav li.deepskyblue span {
        background: #04c8eb;
    }

    #nav li.green span {
        background: #74b83d;
    }

    #nav li.yellow span {
        background: #f0b003;
    }

    #nav li.emerald span {
        background: #04ad95;
    }

    #nav li.orange span {
        background: #e6721b;
    }

    #nav li.red span {
        background: #d9534f;
    }

    #nav li.pink span {
        background: #e54b87;
    }

    #nav li.purple span {
        background: #a870bf;
    }


    #nav li:hover a.nav_link, #nav a.nav_link:hover {
        background-color: #1d71b6;
        color: #FFF;
    }

    #nav :hover ul.sub {
        background-color: #FFF;
        border-left: #d7d7d7 solid 2px;
        border-right: #d7d7d7 solid 2px;
    }

        #nav :hover ul.sub li {
            border-bottom: #d7d7d7 solid 2px;
        }


    #nav li.blue:hover a.nav_link, #nav li.blue a.nav_link:hover {
        background-color: #1d71b6;
        color: #FFF;
    }

    #nav li.blue:hover ul.sub {
        border-top: 5px solid #1d71b6;
    }

    #nav li.deepskyblue:hover a.nav_link, #nav li.deepskyblue a.nav_link:hover {
        background-color: #04c8eb;
        color: #FFF;
    }

    #nav li.deepskyblue:hover ul.sub {
        border-top: 5px solid #04c8eb;
    }

    #nav li.green:hover a.nav_link, #nav li.green a.nav_link:hover {
        background-color: #74b83d;
        color: #FFF;
    }

    #nav li.green:hover ul.sub {
        border-top: 5px solid #74b83d;
    }


    #nav li.yellow:hover a.nav_link, #nav li.yellow a.nav_link:hover {
        background-color: #f0b003;
        color: #FFF;
    }

    #nav li.yellow:hover ul.sub {
        border-top: 5px solid #f0b003;
    }

    #nav li.emerald:hover a.nav_link, #nav li.emerald a.nav_link:hover {
        background-color: #04ad95;
        color: #FFF;
    }

    #nav li.emerald:hover ul.sub {
        border-top: 5px solid #04ad95;
    }

    #nav li.orange:hover a.nav_link, #nav li.orange a.nav_link:hover {
        background-color: #e6721b;
        color: #FFF;
    }

    #nav li.orange:hover ul.sub {
        border-top: 5px solid #e6721b;
    }

    #nav li.red:hover a.nav_link, #nav li.red a.nav_link:hover {
        background-color: #d9534f;
        color: #FFF;
    }

    #nav li.red:hover ul.sub {
        border-top: 5px solid #d9534f;
    }

    #nav li.pink:hover a.nav_link, #nav li.pink a.nav_link:hover {
        background-color: #e54b87;
        color: #FFF;
    }

    #nav li.pink:hover ul.sub {
        border-top: 5px solid #e54b87;
    }

    #nav li.purple:hover a.nav_link, #nav li.purple a.nav_link:hover {
        background-color: #a870bf;
        color: #FFF;
    }

    #nav li.purple:hover ul.sub {
        border-top: 5px solid #a870bf;
    }

    /* Added 12/09/2019 */
    #nav li.orange1 span {
        background: #f05225;
    }

    /* Added 12/09/2019 */
    #nav li.orange1:hover a.nav_link, #nav li.orange1 a.nav_link:hover {
        background-color: #f05225;
        color: #FFF;
    }

    #nav li.orange1:hover ul.sub {
        border-top: 5px solid #f05225;
    }
