#menu{
 border:none;
 font-weight:bold;
 }
 
#menu ul{
 height:50px;
 list-style:none;
 margin:2;
 padding:0;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 -webkit-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
 -moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
 box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, .1);
 }
 
 #menu li{
 float:right;
 padding:0px 0px 0px 0px; 
 }
 
 #menu li a{
 font-family: Cambria, Georgia, serif;
 font-size:14px;
 color:#fff;
 display:block;
 font-weight:normal;
 line-height:50px;
 margin:0px;
 padding:0px 25px;
 text-align:center;
 text-decoration:none;
 }
 
 #menu li a:hover{
 color:#fff;
 text-decoration:none;
 }
 
 #menu ul li:hover a{
 text-decoration:none;
 }
 
 #menu li ul{
 display:none;
 height:auto;
 padding:0px;
 margin:0 0 0 0;
 border:0px;
 position:absolute;
 width:150px;
 z-index:200;
 }
 
 #menu li:hover ul{
 display:block; 
 }
 
 #menu li li {
 display:block;
 float:none;
 margin:0px;
 padding:0px;
 width:150px;
 background:#313131;
 
 /*this is where the rounded corners for the dropdown disappears*/
 }
 
 #menu li:hover li a{
 background:none;
 }
 
 #menu li ul a{
 display:block;
 height:50px;
 font-size:13px;
 font-style:normal;
 margin:0px;
 padding:0px 10px 0px 10px;
 text-align:left;
 }
 
 #menu li ul a:hover, #menu li ul li:hover a{
 border:3px;
 color:#ffffff;
 text-decoration:none;
 background:#444;
 -webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
 -moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3);
 box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, .3); 
 }
 


#menu li.green{
	
	/* This is the color of the menu item */
	background-color:#accd05;
	
	/* This is the color of the icon */
	color:#ffffff;
}

#menu li.red{		background-color:#ea5080;color:#aa2a52;}
#menu li.blue{		background-color:#53bfe2;color:#ffffff;}
#menu li.yellow{	background-color:#f8c54d;color:#ab8426;}
#menu li.purple{	background-color:#df6dc2;color:#9f3c85;}