#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
border: none;
line-height: 1;
margin: 0;
padding: 0;
box-sizing: border-box;
}
#cssmenu {
height: 38px;
display: block;
width: 945px;
border: 1px solid #080808;
border-radius: 5px;
background: #3c3c3c;
overflow: visible;
}
#cssmenu > ul {
list-style: none;
margin: 0; padding: 0;
}
#cssmenu > ul > li {
list-style: none;
float: left;
position: relative;
margin: 0;
padding: 0;
}
#cssmenu > ul > li > a {
display: block;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
font-weight: 700;
font-size: 15px;
font-family: "Comic Sans MS", Verdana, sans-serif;
color: #66CCFF;
border-left: 1px solid #080808;
padding: 11px 20px; /* reduced from 33px */
white-space: nowrap;
}
#cssmenu > ul > li:first-child > a {
border-left: none;
border-radius: 5px 0 0 5px;
}
#cssmenu > ul > li > a:hover {
color: #FFC000;
background: #000000;
}
#cssmenu > ul > li.has-sub > a {
padding-right: 30px;
}
#cssmenu > ul > li.has-sub > a:before {
content: "";
position: absolute;
top: 17px;
right: 10px;
border: 5px solid transparent;
border-top: 5px solid #ffffff;
}
#cssmenu > ul > li.has-sub:hover > a {
background: #000000;
}
#cssmenu ul li > ul {
display: none;
position: absolute;
top: 38px;
left: 0;
width: 264px;
background: #3f3f3f;
border-radius: 0 0 5px 5px;
z-index: 999;
padding: 8px 0;
list-style: none; }
#cssmenu ul li.has-sub:hover > ul {
display: block;
}
#cssmenu ul li > ul li {
display: block;
margin: 0;
padding: 0;
}
#cssmenu ul li > ul li a {
display: block;
font: 11pt "Comic Sans MS", Verdana, sans-serif;
color: #ffffff;
text-decoration: none;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); width: 100%; padding: 10px 14px; white-space: nowrap;
}
#cssmenu ul ul a:hover {
color: #FFC000;
font-weight: 700;
font-size: 15px;
background: #222222;
}
#cssmenu,
#cssmenu ul ul > li:hover > a,
#cssmenu ul ul li a:hover {
background: #3c3c3c; background: -moz-linear-gradient(top, #3c3c3c 0%, #222222 100%);
background: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
background: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
background: -ms-linear-gradient(top, #3c3c3c 0%, #222222 100%);
background: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
}
#cssmenu li.last a {
border-right: none;
}