/* Styles for the entire LavaLamp menu */
.menu{
  position: relative;
  width: 650px; height: 70px;
  top: 23px; left: 360px;
}

.lavaLamp {
    position: relative;
    height: 70px; width: 577px;
    background: url("../image/menu.jpg") no-repeat;
    padding: 17px 15px 15px 65px;
    overflow: hidden;
}
  
    /* Force the list to flow horizontally */
.lavaLamp li {
    float: left;
    list-style: none;
}
    /* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
    background: url("../image/lava.gif") no-repeat right -30px;
    width: 9px; height: 30px;
    position: absolute;
}
    .lavaLamp li.back .left {
        background: url("../image/lava.gif") no-repeat top left;
        height: 30px;
        margin-right: 9px;
        z-index: 8;
    }
    
/* Styles for each menu-item. */
.lavaLamp li a {
    position: relative; overflow: hidden;
    text-decoration: none;
    text-transform: uppercase;
    font-style: italic; font-variant: small-caps;
    font-weight: bold; font-size: 14px;
    color: white; outline: none;
    text-align: center;
    height: 30px; top: 7px;
    z-index: 20; letter-spacing: 0;
    float: left; display: block;
    margin: auto 10px;
}
.lavaLamp li a:visited{color: white; text-decoration: none;font-weight: bold; font-size: 14px;outline: none;height: 30px; top: 7px;letter-spacing: 0;margin: auto 10px;}
.lavaLamp li a:hover{color: white; text-decoration: none;font-weight: bold; font-size: 14px;outline: none;height: 30px; top: 7px;letter-spacing: 0;margin: auto 10px;}
.lavaLamp li a:active{color: white; text-decoration: none;font-weight: bold; font-size: 14px;outline: none;height: 30px; top: 7px;letter-spacing: 0;margin: auto 10px;}