"

From 2013.igem.org

1. cssmenu {

 border: none;
 border: 0px;
 margin: 0px;
 padding: 0px;
 font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 width: auto;

}

1. cssmenu ul {

 background: #333333;
 height: 35px;
 list-style: none;
 margin: 0;
 padding: 0;

}

1. cssmenu li {

 float: left;
 padding: 0px;

}

1. cssmenu li a {

 background: #333333 url('seperator.png') bottom right no-repeat;
 display: block;
 font-weight: normal;
 line-height: 35px;
 margin: 0px;
 padding: 0px 25px;
 text-align: center;
 text-decoration: none;

}

1. cssmenu > ul > li > a {

 color: #cccccc;

}

1. cssmenu ul ul a {

 color: #cccccc;

}

1. cssmenu li > a:hover,
2. cssmenu ul li:hover > a {

 background: #2580a2 url('hover.png') bottom center no-repeat;
 color: #FFFFFF;
 text-decoration: none;

}

1. cssmenu li ul {

 background: #333333;
 display: none;
 height: auto;
 padding: 0px;
 margin: 0px;
 border: 0px;
 position: absolute;
 width: 225px;
 z-index: 200;
 /*top:1em;

/*left:0;*/

}

1. cssmenu li:hover ul {

 display: block;

}

1. cssmenu li li {

 background: url('sub_sep.png') bottom left no-repeat;
 display: block;
 float: none;
 margin: 0px;
 padding: 0px;
 width: 225px;

}

1. cssmenu li:hover li a {

 background: none;

}

1. cssmenu li ul a {

 display: block;
 height: 35px;
 font-size: 12px;
 font-style: normal;
 margin: 0px;
 padding: 0px 10px 0px 15px;
 text-align: left;

}

1. cssmenu li ul a:hover,
2. cssmenu li ul li:hover > a {

 background: #2580a2 url('hover_sub.png') center left no-repeat;
 border: 0px;
 color: #ffffff;
 text-decoration: none;

}

1. cssmenu p {

 clear: left;

}