body {
  background:#00CC99;
}

span.dropBottom,span.dropRight {
	display: block;
	box-shadow:inset 2px 0px 0px #FF9;
	position: absolute;
	left: 0px;
	width:100%;
	height: 100%;
	top: 0px;
}
span.dropBottom {
	box-shadow:inset 0px 2px 0px #FF9;
	position: absolute;
	width: 100%;
	bottom: 0px;
}

nav {
	display:table;
	margin:50px auto;
  box-shadow:0px 2px 0px #023333;
}
ul {
	margin:0;
	padding:0;
	list-style:none;
}

ul ul {
	opacity:0;
	position:absolute;
	top:160%;
	visibility:hidden;
	transition:all .4s ease;
	-webkit-transition:all .4s ease;
}
ul ul ul {
	top:0%;
	left:160%;
}
ul ul li:hover > ul {
	top:0%;
	left:100%;
	opacity:1;
	visibility:visible;
}
ul li:hover > ul {
	opacity:1;
	top:100%;
	visibility:visible;
}
ul li {
	float:left;
	position:relative;
}
ul ul li {
	float:none;
}
ul li {
	background-color:#009C75;
	cursor: pointer;
}
ul a {
	text-decoration:none;
	display:block;
	color:#FF9;
	padding:10px 15px;
	width:6em;
	text-align:center;
  font-family: 'Open Sans', sans-serif;
  text-shadow: 0px -1px 0px rgba(0,0,0,.2);
}
ul li:hover {
	background-color:#007373;
}
ul li a:hover {
	background-color:#007373;
}