/* CSS Document */

.menu
{
width: 888px;
list-style-type: none;
margin: 0;
padding: 0;
background: linear-gradient(hsl(60,20%,83%), hsl(60,14%,77%));  
margin: 0 auto 10px auto;
border: 1px solid #669;
border-radius: 10px;
}

.menu>li
{
display: inline-block;
color: #223;
text-align: center;
/*padding: 6px 16px 6px;*/
padding: 0;
margin: 0;
font-size: 95%;
font-weight: bold;
text-shadow: 2px 2px 1px darkgray;
/*min-width: 65px;*/
}

.menu>li div
{
padding: 6px 16px 6px;
}

.menu>li:first-child
{
padding: 6px 16px 6px;
border-radius: 9px 0 0 9px;
background: hsl(36,15%,67%);
background: linear-gradient(hsl(36,25%,80%), hsl(36,15%,67%));
}

.menu>li.dropdown:hover
{
background: hsl(36,15%,67%);
background: linear-gradient(hsl(36,25%,80%), hsl(36,15%,67%));
}

.dropdown
{
position: relative;
}

.dd_label
{
display: inline-block;
padding: 0;
text-decoration: none;
}

.dd_list
{
display: none;
position: absolute;
background-color: #eee;
font-size: small;
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
border: 1px solid lightblue;
padding-left: 0;
}

.dropdown:hover .dd_list
{
display: block;
padding-left: 0;
}

.dd_list li
{
color: black;
padding: 6px 24px 6px 12px;
min-width: 36px;
text-decoration: none;
display: block;
text-align: left;
border: 1px solid lightblue;
font-weight: normal;
}

.dropdown div, .dd_list
{
cursor: pointer;
}