#nav {

    float: left;

    width: 100%;

    border-top: 1px solid #999;

    padding: 0;

    border-right: 1px solid #ddd;

    border-left: 1px solid #ddd;



}

#nav, #nav ul{

    list-style: none;

}

#nav li a {

    display: block;

    padding: 10px 15px;

    background: #43A14F;

    border-top: 1px solid #aaa;

    border-bottom: 1px solid #33723B;

    text-decoration: none;

    color: #fff;

}

#nav li a:hover, #nav li a.active {

    background: #33723B;

    color: #fff;

}



#nav li ul {

    padding: 0;

    display: none; // used to hide sub-menus

}

#nav li ul li a {

    padding: 10px 25px;

    background: #555555;

    border-top: 0;

    border-bottom: 1px dotted #aaa !important;

}

#nav li ul li a:hover, #nav li ul li a.active {

    background: #777777;

    color: #fff;

}