#nav ul{
   list-style: none;
   margin: 0px;
   padding: 0px;
}
#nav ul li{
   list-style: none;
   margin-bottom: 3px;
   padding: 5px;
}
#nav li{
   display: block;
   text-align: left;
   font-family: georgia;
   padding: 3px;
   font-size: 20px;
   text-decoration: none;
   background: #EACD99;
   width: 250px;
   border-right: 7px solid #008080;
   border-left: 5px solid #008080;
   transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -webkit-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
   border-radius: 0 15px 15px 0;
   margin-bottom: 3px;
}
#nav li:hover{
   display: block;
   background: #6EEB8B;
   text-decoration: none;
   transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -webkit-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
   padding-left: 15px;
   border-right: 7px solid #008080;
   border-left: 5px solid #008080;
}
#nav a{
   text-decoration:none;
   color: #008080;
   transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -webkit-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
}
#nav a:hover, #nav li:hover a{
   color: #F4E6CB;
   transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -webkit-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
}