<style type="text/css">
nav {
    margin: 100px auto;
    text-align: center;
    width: 100%;
}

nav ul ul {
    display: none;
}

    nav ul li:hover > ul {
        display: block;
    }


nav ul {
    background: #00ff00;
    background: linear-gradient(top, #00ff00 0%, #006600 100%);
    background: -moz-linear-gradient(top, #00ff00 0%, #006600 100%);
    background: -webkit-linear-gradient(top, #00ff00 0%,#006600 100%);
    box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
    padding: 0 20px;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
}
    nav ul:after {
        content: ""; clear: both; display: block;
    }

    nav ul li {
        float: left;
    }
        nav ul .active {
            background: #006633;
            background: linear-gradient(top, #00ff00 0%, #006600 40%);
            background: -moz-linear-gradient(top, #00ff00 0%, #006600 40%);
            background: -webkit-linear-gradient(top, #00ff00 0%,#006600 40%);
        }
        nav ul li:hover {
            background: #006633;
            background: linear-gradient(top, #00ff00 0%, #006600 40%);
            background: -moz-linear-gradient(top, #00ff00 0%, #006600 40%);
            background: -webkit-linear-gradient(top, #00ff00 0%,#006600 40%);
        }
            nav ul li:hover a {
                color: #fff;
            }

        nav ul li a {
            display: block; padding: 10px 15px;
            color: #f8f8f8; text-decoration: none;
        }


    nav ul ul {
        background: #006600; border-radius: 0px; padding: 0;
        position: absolute; top: 100%;
    }
        nav ul ul li {
            float: none;
            border-top: 1px solid #000000;
            border-bottom: 1px solid #000000; position: relative;
        }
            nav ul ul li a {
                padding: 5px 15px;
                color: #fff;
            }
                nav ul ul li a:hover {
                    background: #006633;
                }

    nav ul ul ul {
        position: absolute; left: 100%; top:0;
	}
</style>