#menu {
 background-color: #346B4A;
 color: #FFD700;
 height: 40px;
}
 
#menu ul {
 list-style-type: none;
}
 
#menu ul li {
 float: left;
 width: 100px;
 font-family: "Segoe UI Light", Helvetica Neue, Helvetica, sans-serif;
 font-size: 20px;
 position: relative;
 margin-top: 4px;
}
 
#menu ul ul {
 background-color: #346B4A;
 height: 0px;
 overflow: hidden;
 -webkit-transition: 0.5s;
 -moz-transition: 0.5s;
 -o-transition: 0.5s;
 -ms-transition: 0.5s;
 transition: 0.5s;
 position: relative;
 margin-top: 8px;
}
 
#menu li:hover > ul {
 display: block;
 height: 80px;
 -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -o-transition: 0.7s;
 -ms-transition: 0.7s;
 transition: 0.7s;
}
 
#menu li li {
 margin-left: -30px;
 font-size: 16px;
 display: block;
 clear: both;
 color: #C41818;
}