#nav {
    background-color: #e8f5e9;
}

#nav ul {
    width: 180px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav ul li {
    position: relative;
}

#nav li ul {
    top: -1px;
    position: absolute;
    left: -9999px;
    display: none;
    width: 180px;
}

#nav ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #0053a0;
    padding: 6px 0 6px 25px;
    width: 155px;
    font: bold 12px Arial;
    text-transform: capitalize;
}

#nav li.parent>a:after {
    content: " >";
}

#nav ul li a:hover, #nav ul li a:focus , #nav ul li a:active , #nav ul li a.ofocus, #nav li ul li a.ofocus , #nav ul .linkSelected{
    color: #fff;
    background: #49be77;
    width: 155px;
}

#nav li:hover ul, #nav .navfxenabled li.over ul, #nav li ul li:hover ul, #nav .navfxenabled li ul li.over ul {
    display: block;
    left: 180px;
    margin-left: 0px;
    background: #49be77;
}

#nav li:hover ul ul, #nav .navfxenabled li.over ul ul , #nav .navfxenabled li:hover ul {
    left: -999px;
    margin-left: 0px;
    background: #49be77;
}

#nav ul li.active>a, #nav .activepath ul a, #nav .active ul a, #nav li.activepath a:focus, #nav li.active a:focus, #nav li.activepath a:active, #nav li.active a:active, #nav li.activepath a:hover, #nav li.active a:hover, #nav ul li.activepath>a {
    color: #fff;
    background: #49be77;
}

#nav li.activepath ul {
    display: block;
}

#nav a:focus+ul, #nav a:active+ul {
    left: 180px;
}

#nav li ul li a:focus+ul {
    left: 1248px;
}

#nav li ul li a:focus, #nav li ul li a:active {
    position: absolute;
    left: 1148px;
}

#nav li ul li ul a:focus, #nav li ul li ul a:active {
    position: absolute;
    left: 2180px;
}

#nav li ul li a:hover, #nav li:hover ul li a:focus , #nav li:hover ul li a:active, #nav .navfxenabled li ul li a:focus , #nav .navfxenabled li ul li a:active {
    position: static;
}