#nav {padding:0; margin:0; list-style:none; height:30px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:610px;}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:30px; width:120px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}
 
#nav li a.m1 {background:url(http://mogeringo.com/data/menu/img/menu1.jpg);}
#nav li a.m2 {background:url(http://mogeringo.com/data/menu/img/menu2.jpg);}
#nav li a.m3 {background:url(http://mogeringo.com/data/menu/img/menu3.jpg);}
#nav li a.m5 {background:url(http://mogeringo.com/data/menu/img/menu5.jpg);}

#nav li:hover a,
#nav a:hover
{background-position: 0 30px;}
 
 
#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}
 
#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}
 
#nav :hover ul.sub
{left:0; top:32px; background: #edb; width:122px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:32px; position:relative; float:left; width:122px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:30px; width:120px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}
 
#nav :hover ul li a.c1 {background:url(http://mogeringo.com/data/menu/img/m1.jpg);}
#nav :hover ul li a.c2 {background:url(http://mogeringo.com/data/menu/img/m2.jpg);}
#nav :hover ul li a.c3 {background:url(http://mogeringo.com/data/menu/img/m3.jpg);}
#nav :hover ul li a.c4 {background:url(http://mogeringo.com/data/menu/img/m4.jpg);}

 
#nav :hover ul li a.c10 {background:url(http://mogeringo.com/data/menu/img/m10.jpg);}
#nav :hover ul li a.c11 {background:url(http://mogeringo.com/data/menu/img/m11.jpg);}
#nav :hover ul li a.c12 {background:url(http://mogeringo.com/data/menu/img/m12.jpg);}
#nav :hover ul li a.c13 {background:url(http://mogeringo.com/data/menu/img/m13.jpg);}
#nav :hover ul li a.c14 {background:url(http://mogeringo.com/data/menu/img/m14.jpg);}
#nav :hover ul li a.c15 {background:url(http://mogeringo.com/data/menu/img/m15.jpg);}

#nav :hover ul li a.c20 {background:url(http://mogeringo.com/data/menu/img/m20.jpg);}
#nav :hover ul li a.c21 {background:url(http://mogeringo.com/data/menu/img/m21.jpg);}
#nav :hover ul li a.c22 {background:url(http://mogeringo.com/data/menu/img/m22.jpg);}
#nav :hover ul li a.c23 {background:url(http://mogeringo.com/data/menu/img/m23.jpg);}
 
#nav :hover ul li a.c30 {background:url(http://mogeringo.com/data/menu/img/m30.jpg);}
#nav :hover ul li a.c31 {background:url(http://mogeringo.com/data/menu/img/m31.jpg);}

 
#nav :hover ul.sub li a:hover 
{background-position: 0 30px; position:relative;}
#nav :hover ul.sub li a:hover b {left:120px; top:10px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;z-index:310;}