#top-navigation {
    width: 100%;
    font-size: 1em;
    margin: 0;
    padding: 0;
    clear: both;
}

#top-navigation a {
    padding: 0 0 8px 0;
    color: #ffffff;
    font-size: 1em; /*16px*/
    text-decoration: none;
    font-weight: bold;
    line-height:1.125em; /*18px*/ 
    display: block;
    width: 100%;
    border-bottom: #FFF 2px solid;
}

#top-navigation a:hover,
#top-navigation .menu li.active a{
    color:#9a5300;
    border-color:#9a5300;
}

#top-navigation li:hover a{
border:none;
}

#top-navigation a span {
    display: block;
    width:90%;
}

#top-navigation ul, #top-navigation li {
    margin: 0;
    list-style: none
}

#top-navigation .menu {
    padding: 30px 0 0 0;
    margin: 0;
    display: table;
    width: 100%;
    height: 100%;
}

#top-navigation li {
    vertical-align: bottom;
    display: table-cell;
    list-style: none none;
    padding: 0 0 0px 20px;
}
#top-navigation .menu > li > a {
    margin-bottom:30px;
}

/* 1st submenu */
#top-navigation .menu > li > ul {
    position:absolute;
    width:288px;
    top:100%;
    background-color:#095294;
}

/* sub submenus */
#top-navigation .menu > li > ul ul {
    position:absolute;
    left:100%;
    top:-2px;
}


/*sub menu items*/
#top-navigation li ul li {
    padding:0;
    min-width:288px;
    box-sizing:border-box;
    border-top:2px solid #3673a9;
    display:block;
    position:relative;
}

/*1st sub menu item arrow*/
#top-navigation .menu > li > ul > li:first-child:before {
    position:absolute;
    top:-11px;
    left:30px;
    content:' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #007bff transparent;
}

/* arrow for submenu items */
#top-navigation .menu > li ul .parent > a {
/*    content:url('../images/submenu_arrow.png');*/
    background:transparent url('../images/submenu_arrow.png') no-repeat right 20px center;
}
#top-navigation li ul li a span{
    display:inline-block;
}
/**/
#top-navigation li ul li a{
    padding:24px;
    box-sizing:border-box;
    min-width:288px;
    display:block;
}

/* submenu item links */
#top-navigation li ul li a{
    border:none;
}

#top-navigation .menu li ul li.active a,
#top-navigation li ul li a:focus,
#top-navigation li ul li a:hover,
#top-navigation li ul li a{
    color:white !important;
}

#top-navigation .menu ul li:focus,
#top-navigation .menu ul li:hover {
    background-color:#13416d;
}

/* all submenus */
#top-navigation .menu > li > ul, 
#top-navigation .menu > li > ul ul {
    padding:0;
    visibility:hidden;
    opacity:0;
    background-color:#095294;
    transition:visibility 0s linear 0.3s, opacity 0.3s linear;
}
/* display submenus as required */
#top-navigation .menu > li > ul li:focus > ul,
#top-navigation li:focus > ul,
#top-navigation .menu > li > ul li:hover > ul,
#top-navigation li:hover > ul{
    visibility:visible;
    opacity:1;
    transition-delay:0s;
}

/* Item specific styling */
#top-navigation li:first-child {
    padding-left: 0;
    width:70px;
}