html { min-height: 100%; margin-bottom: 1px; }

#menu {list-style-type:none; margin-left:0px; margin-right:0px; padding:0;}
.lastli{display:block; z-index:100; background:#f27e17; padding: 40px 16px; font-size:14px; font-family:arial; color:ff0000; } 
#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
/*below is to control the height*/
#menu li span {display:block; z-index:100; background:#f27e17; padding: 3px 11px; font-size:14px; font-family:arial;}
#menu li a, #menu li a:visited {display:block; padding:0;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background: url(transparency.gif);}
#menu dt {background: #f27e17; margin:0; font-size: 14px; border-bottom:1px solid #fff; float:left; border-right:1px solid #fff;font-family:arial;}
#menu dd {display:none; background: transparent; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #12202b; font-size: 12px; text-align:left; font-family:arial;}

/*below is for height*/
#menu dt a, #menu dt a:visited {display:block; color:#fbfffa; padding: 5px 11px; text-decoration:none; font-family:arial;}
#menu dd a, #menu dd a:visited {background:#8d9aea; color:#ffffff; text-decoration:none; display:block; padding: 5px 10px; font-family:arial;}

#menu li a:hover {border:0;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
/*#menu li:hover dl, #menu li a:hover dl {border-bottom:15px solid #e2dfa8;}*/
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #f9c28c; color:#12202b;}