#menu ul { 
    margin: 0;
    padding: 0;

    list-style-type: none;

    background: url("../images/layout/menu-bg.gif") repeat-y;
}

#menu ul li { 
    margin: 2px 0;
    padding: 0;

    width: 242px;
    height: 45px;

    background: url("../images/layout/menu-item.gif") repeat-y;

    overflow: hidden;
}

#menu ul li a { 
    display: table-cell;
    #display: block;

    vertical-align: middle;

    width: 242px;
    height: 45px;

    color: white;
    font-size: 11pt;

    text-align: center;
    text-transform: lowercase;
    text-decoration: none;
}

#menu ul li a:hover,
#menu ul li.active a { 
    text-decoration: none;

    background: url("../images/layout/menu-item-active.gif") repeat-y;
}

#menu ul li a span { 
    #display: block;
    #padding-top: 13px;
}