/* ddmenu.css  */

body	{
	background-color:#E3CAA1;
	
}

.menu 	{
border : none;
border : 0px;
margin : 0px;
padding: 0px;
font   : 67.5% "Lucida Sans Unicode", Verdana, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
}

.menu ul {
background: #F93;
height : 50px;
list-style: none;
margin : 0;
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, 0.1);
-moz-box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, 0.1);
box-shadow: inset 0px 16px 0px 0px rgba(255, 255, 255, 0.1);
}

/* For list of top level menu items: */
.menu li {
float: left;
padding: 0px 0px 0px 15px;
} 

/* Active links in our menus */
.menu li a {
color: #000;
display: block;
font-weight: normal;
line-height: 50px;
margin: 0px;
padding: 0px 25px;
text-align: center;
text-decoration: none;
}

/* Hover state for menu */
.menu li a:hover {
background: #C60;
color: #FFFFFF;
text-decoration: none;
-webkit-box-shadow: inset 0px 16px 7px 2px  rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 16px 7px 2px  rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 16px 7px 2px  rgba(0, 0, 0, 0.3);
}

/* Sub menus */
.menu ul li:hover a {
background: #C60;
color: #FFFFFF;
text-decoration: none;
}

/* Style unordered list items under our top menu items
   This controls overall structure of drop down menu */
.menu li ul {
display: none;  /* whole section disappears when not hovered */
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: absolute;
width: 200px;   /* uniform width for each sub-item */
z-index: 200;   /* makes it appear over other page elements */
}

/* display sub items when hovering over top level menu item */
.menu li:hover ul {
display: block;     /* undo display:none; */
}

/* Get rid of rounded corners on drop-down items */
/* Style list items under the top-level list items */
.menu li li {
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 200px;
background: #F93;
}

/* No background color for list item when top level menu is in hover state */
.menu li:hover li a  {
background: none;
}

/* Style active sub-menu items under the list items */
.menu li ul a {
display: block;
height: 50px;
font-size: 12px;
font-style: normal;
margin: 0px;
padding: 0px 10px 0px 15px;
text-align: left;  /* Make sub-items' text look better */
}

/* Control hover state of active ul lists items under main list items
   and hover state of each list item */
.menu li ul a:hover, .menu li ul li:hover a {
border: 0px;
color: #0000ff;
text-decoration: none;
background: #C60;
-webkit-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 0px 7px 2px rgba(0, 0, 0, 0.3);
}