This is the sheet
And this the code itself
@charset "utf-8";
#navMenu {
margin:0;
padding:0;
}
#navMenu ul {
margin:0;
padding:0;
line-height:30px;
}
#navMenu li {
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
background:#50D850;
}
#navMenu ul li a {
text-align:center;
font-family:"cmic Sans MS", cursive;
text-decoration:none;
height:30px;
width:150px;
display:block;
color:#FFF;
border:1px solid #FFF;
text-shadow:1px 1px 1px #000;
}
#navMenu ul ul {
position:absolute;
visibility:hidden;
top:32px;
}
#navMenu ul li:hover ul {
visibility:visible
}
/********************************************************/
#navMenu li:hover {
background:#09F;
}
#navMenu ul li:hover ul li a:hover {
background:#FF5;
color:#000;
}
#navMenu a:hover {
color:#000;
}
.clearfloat {
clear:both;
margin:0;
padding:0;
}
#navMenu {
width:608px;
margin: 0 auto;
}
}
<link href="../Drop down sheet.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginIf cond="OptionalRegion1" -->
<div class="Navigation" id="wrapper" style="position: absolute; left: 0px; top: 198px; width: 1000px; height: 72px">
<div id="navMenu">
<ul>
<li><a href="#">0</a> </li>
<!-- end main LI -->
</ul>
<!-- end main UL -->
<ul>
<li><a href="#">1</a>
<ul>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
</ul>
<!-- end inner UL -->
</li>
<!-- end main LI -->
</ul>
<!-- end main UL -->
<ul>
<li><a href="#">6</a>
<ul>
<li><a href="#">7</a></li>
<li><a href="#">8</a></li>
</ul>
<!-- end inner UL -->
</li>
<!-- end main LI -->
</ul>
<!-- end main UL -->
<ul>
<li><a href="#">9</a>
<ul>
<li><a href="#">10</a></li>
<li><a href="#">11</a></li>
<li><a href="#">12</a></li>
<li><a href="#">13</a></li>
</ul>
<!-- end inner UL -->
</li>
<!-- end main LI -->
</ul>
<!-- end main UL -->
<br class="clearFloat" />
</div>
<!-- end navMenu -->
</div>
<!-- TemplateEndIf -->
<!-- end wrapper div-->