"

From 2010.igem.org

div#menu {

   height:41px;
   background:url() repeat-x;

}

div#menu ul {

   margin: 0;
   padding: 0;
   list-style: none;
   float: left;

} div#menu ul.menu {

   padding-left: 10px;

}

div#menu li {

   position: relative;
   z-index: 9;
   margin: 0;
   padding: 0 5px 0 0;
   display: block;
   float: left;

} div#menu li:hover>ul {

   left: -2px;

}

div#menu a {

   position: relative;
   z-index: 10;
   height: 41px;
   display: block;
   float: left;
   line-height: 41px;
   text-decoration: none;
   font: normal 13px Trebuchet MS;

} div#menu a:hover, div#menu a:hover span { color: #fff; } div#menu li.current a {}

div#menu span {

   display: block;
   cursor: pointer;
   background-repeat: no-repeat;
   background-position: 95% 0;

} div#menu ul ul a.parent span {

   background-position:95% 8px;
   background-image: url();

} div#menu ul ul a.parent:hover span {

   background-image: url();

}

/* menu::level1 */ div#menu a {

   padding: 0 10px 0 10px;
   line-height: 30px;
   color: #e5e5e5;

} div#menu span {

   margin-top: 5px;

}/**@replace#1*/ div#menu li { background: url() 98% 4px no-repeat; } div#menu li.last { background: none; }

/* menu::level2 */ div#menu ul ul li { background: none; } div#menu ul ul {

   position: absolute;
   top: 38px;
   left: -999em;
   width: 163px;
   padding: 5px 0 0 0;
   background: rgb(0,103,129);
   margin-top:1px;

} div#menu ul ul a {

   padding: 0 0 0 15px;
   height: auto;
   float: none;
   display: block;
   line-height: 24px;
   color: rgb(229,229,229);

} div#menu ul ul span {

   margin-top: 0;
   padding-right: 15px;
   _padding-right: 20px;
   color: rgb(229,229,229);

} div#menu ul ul a:hover span {

   color: #fff;

} div#menu ul ul li.last { background: none; } div#menu ul ul li {

   width: 100%;

}

/* menu::level3 */ div#menu ul ul ul {

   padding: 0;
   margin: -38px 0 0 163px !important;
   margin-left:150px;

}

/* colors */ div#menu ul ul ul { background: rgb(0,103,129); } div#menu ul ul ul ul { background: rgb(0,103,129); } div#menu ul ul ul ul { background: rgb(0,103,129); }

/* lava lamp */ div#menu li.back {

   background: url() no-repeat right -44px !important;
   background-image: url();
   width: 13px;
   height: 44px;
   z-index: 8;
   position: absolute;
   margin: -1px 0 0 -5px;

} div#menu li.back .left {

   background: url() no-repeat top left !important;
   background-image: url();
   height: 44px;
   margin-right: 8px;

}