#menubar {
 font-size: 100%;
 float: left;
 text-align: left;
 width: 14em;
 padding: 4em 0 12em;
 border-right: 2px solid #7c7a7f
}
#menubar ul {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 14em /* Width of Menu Items */
}
/* Styles for Menu Items */
#menubar ul li a {
 display: block;
 text-decoration: none;
 color: #000;
 background: #b9c3ce; /* IE6 Bug */
 border-left: 0.8em solid #3d3a40;
 border-bottom: 1px solid #7c7a7f;
 padding: 0.2em
}
#menubar ul li a.prod {
 padding-left: 1em;
 color: #000;
 background-color: #d7e1ed
}
/* Fix IE. Hide from IE Mac \*/
* html ul li a { height: 1% }
/* End */
#menubar ul li a:hover {
 color: #000;
 background: #ffdeae;
 border-left: 0.8em solid #ffa500
}
/* Hover Styles */
#menubar li:hover ul, li.over ul { display: block } /*  The magic */
#menubar p { margin-top: 8em; text-align: center }
/* Many thanks to Nick Rigby for this menu code. :) */