<------------------------------------------HTML-------------------------------->
<---------------------------------------------CSS------------------------------>
#menu {
margin: 0;
padding: 5px 0 0 45px;
list-style-type: none;
}
#menu li {
display: inline;
}
#menu li a,
#menu li div {
float: left;
margin: 0;
padding: 0 5px;
height: 24px;
}
#menu span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}
#menu .menusp {
width: 6px;
background: url("img/menu_separador.gif") no-repeat;
}
#menu .menuitem {
font: 10px "Verdana",Georgia, Times New Roman, Times, serif;
text-decoration: none;
color: #333;
text-align: center;
width: 106px;
background: url("img/menu_off.jpg") no-repeat;
}
#menu .menuitem:hover,
#menu div.menuitem {
width: 106px;
background: url("img/menu_on.jpg") no-repeat;
}