﻿.nav,
.nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* Top level nav */
.nav {
    float: left;
    margin: 20px 0;
    position: absolute;
    width: 935px;
    height: 74px;
    top: 104px;
    left: 0px;
    background-image: linear-gradient(to bottom, #36abd7, #30a4d4, #2b9ed2, #2897ce, #2790cb, #2789c4, #2883be, #287cb7, #2874ac, #276ca1, #266497, #245c8c);
    border-radius: 10px 10px 0 0;
    box-shadow: 0px 0px 10px #223f79;
}

    /* Dropdowns */
    .nav ul {
        position: absolute;
        top: 74px;
        left: 0;
        display: none;
        background: #E2EDF3;
        padding: 0;
        width: 160px;
        border-top: solid 1px #255c8c;
        z-index: 500;
        box-shadow: 0 0 10px #223F79;
        border-radius: 0 0 10px 0;
    }

    .nav li {
        float: left;
        position: relative;
    }

        /* Top level nav items */
        .nav li > a {
            display: block;
            height: 19px;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            text-shadow: #333 1px 1px 1px;
            padding: 27px 20px;
            margin: 0 2px 0 0;
            text-align: left;
            border-right: 1px solid #1C68B7;
        }

            /* Top level hover state, preserve hover state when hovering dropdown  */
            .nav li > a:hover,
            .nav li > a:focus,
            .nav li:focus > a,
            .nav li:hover > a {
                background-image: linear-gradient(to bottom, #41bde7, #3fbbe6, #3eb8e5, #3db6e4, #3cb3e3, #39b0e2, #36ace1, #34a9e0, #30a4de, #2d9fdc, #2b99d9, #2a94d7);
                outline: 0;
            }



        .nav li:hover ul,
        .nav li:focus ul,
        ul.show-menu {
            left: 0;
            display: block;
        }
    /* Dropdowns */
    .nav ul li {
        float: none;
        position: static;
        width: 140px;
        background: none;
        border-top: 1px solid #D5E2EA;
        color: #1C87BB;
        text-shadow: none;
        line-height: 20px;
    }

    .nav ul a {
        float: none;
        display: block;
        line-height: 20px;
        width: 140px;
        background: none;
        padding: 3px 10px 3px 10px;
        border-top: 1px solid #D5E2EA;
        color: #176F9B;
        text-shadow: none;
    }



        .nav ul a:hover,
        .nav ul a:focus {
            background: #257CB6;
            color: #FFF !important;
            text-shadow: none;
        }
