.nav-pan {
    margin: 0 0 15px 0px;
}
    /**/
    .nav-pan ul.nav-menu {
        padding: 0;
        margin: 15px 0 0 0;
        width: 100%;
    }

        .nav-pan ul.nav-menu li {
            float: left;
            list-style: none outside none;
            position: relative;
        }

            .nav-pan ul.nav-menu li.header-main > a {
                color: #FFF;
                background-repeat: no-repeat;
                background-position: 0px 5px;
            }


            .nav-pan ul.nav-menu li.header-main > a {
                position: relative;
                text-decoration: none;
                float: left;
            }
           
            .nav-pan ul.nav-menu li.header-main > a:hover, .nav-pan ul.nav-menu li.header-main > a.current-menu{
                background: #008fba;
            } 






.nav-menu > li ul {
    float: left;
    margin: 0;
    padding: 0;
}

.nav-menu > li ul {
    float: left;
}

    .nav-menu > li ul li {
        list-style: none;
    }

        .nav-menu > li ul li a, .nav-menu > li ul li a:HOVER, .nav-menu > li ul li a:VISITED, .nav-menu > li ul li a:LINK {
            text-decoration: none;
            float: left;
        }

.nav-menu > li > ul li a {
    float: left;
}


/* default dispaly */
.nav-menu > li.active ul.active > li {
    display: block;
}
/* power display */


.nav-menu {
    float: left;
}

    .nav-menu > li > ul {
    }

    .nav-menu > li > ul, .nav-menu > li > ul {
        display: none;
    }


    .nav-menu > li.active > ul > li > ul,
    .nav-menu > li.active ul.active > li > ul, .close > ul, .open > ul > li > ul {
        display: none;
    }

    .nav-menu > li.active > ul,
    .nav-menu > li.active > ul.active,
    li.current-menu > ul, li.active > ul,
    li.current-menu > ul {
        display: block !important;
    }

.open > ul {
    display: block !important;
}

.close > ul {
    display: none !important;
}

a.current-menu {
    color: #afeeee !important;
}


.nav-menu > li > a {
    float: left;
}
/* Coloring*/
.nav-menu > li a, .nav-menu > li a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav-menu > li > a {
    width: 95%;
    float: left;
    padding-left: 5%;
}

.nav-menu > li a {
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
}

.nav-menu li {
    width: 100%;
}

.nav-menu ul {
    width: 100%;
}

.nav-menu li a, .nav-menu li a:hover, .nav-menu li a:link, .nav-menu li a:visited {
    color: #ffffff;
}

    .nav-menu > li > a, .nav-menu li a:hover {
        background-color: #1662ac;
    }

.nav-menu > li > ul > li > a {
    background-color: #696969;
}

.nav-menu > li > ul > li > a {
   padding: 5px 10% 5px 15%;
    width: 95%;
}

.nav-menu > li > ul > li > ul > li > a {
    background-color: #808080;
    padding-left: 15%;
    padding-right: 5%;
    width: 80%;
}

.nav-menu > li > ul > li > ul > li > ul > li > a {
    background-color: #cfcfcf;
    padding-left: 20%;
    padding-right: 5%;
    width: 75%;
}

.nav-menu > li > ul > li > ul > li > ul > li > ul > li > a {
    background-color: #cfcfcf;
    padding-left: 25%;
    padding-right: 5%;
    width: 70%;
}

.nav-menu > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
    background-color: #cfcfcf;
    padding-left: 25%;
    padding-right: 5%;
    width: 70%;
}

span.expend {
    float: right;
    height: 32px;
    margin: 1px 0 0 -20px;
    position: absolute;
    width: 20px;
}


.nav-menu span.expend, .open > ul > li > span.expend, .nav-menu li.current-menu span.expend {
  /*background-image: url(../../Images/colapse.png);*/
}
.nav-menu li.active > span.expend, li.current-menu {
     
}
.nav-menu li.active > span.expend, li.current-menu > span.expend {
    background-image: url(../../Images/expend.png);
}

.open > span.expend, li.current-menu > span.on {
    background-image: url(../../Images/expend.png) !important;
}

.close > span.expend {
    background-image: url(../../Images/colapse.png) !important;
}

span.expend, .open, .close {
    background-position: 10% 50% !important;
    background-repeat: no-repeat !important;
}

/* read more*/
#nav-more {
    padding: 0;
    float: right;
    width: 100px;
    margin: 0;
}

    #nav-more li {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
        height: 30px;
    }

        #nav-more li a, #nav-more li a:visited, #nav-more li a:link, #nav-more li a:hover {
            font-size: 1.2em;
            color: #ffffff;
            width: 100%;
            float: left;
        }

    #nav-more > li > a {
        background: url("../../Images/colapse.png") no-repeat scroll 90% 25% transparent;
        padding: 5px 15px 0 0;
        height: 40px;
    }

    #nav-more > li.active-more > a, #nav-more > li:hover > a {
        background: url(../../Images/expend.png) no-repeat 90% 25%;
    }

    #nav-more > li > ul > li > a {
        padding: 10px 0;
    }

        #nav-more > li > ul > li > a:hover {
            color: #008fba;
        }

    #nav-more > li > ul {
        float: right;
        margin: 43px 0 0 -180px;
        padding: 15px;
        position: absolute;
        width: 250px;
        -moz-box-shadow: 0px 3px 5px #cfcfcf;
        -webkit-box-shadow: 0px 3px 5px #cfcfcf;
        box-shadow: 0px 3px 5px #cfcfcf;
    }

    #nav-more > li > ul {
        display: none;
        background: #f6f6f6;
        border-left: 1px;
        border-right: 1px;
        border-bottom: 1px;
        z-index: 9999;
        padding: 15px;
    }


    #nav-more > li.active-more > ul, #nav-more > li:hover > ul {
        display: block !important;
    }

    #nav-more > li > ul > li {
        width: 100%;
        text-align: right;
        float: right;
    }

        #nav-more > li > ul > li a, #nav-more > li > ul > li a:hover, #nav-more > li > ul > li a:visited, #nav-more > li > ul > li a:link {
            color: #0073ac !important;
        }