.menu {
    width:100%;
    border-bottom: solid 6px #990000;
    color:white;
    background-image: url('../img/menu-bg.png');
    background-repeat: repeat;
    overflow:hidden;
    background-color:#646464;
    padding:0;
  }
  .menu .content {
    width:100%;
    height:27px;
    font-weight: bold;
    font-size: 80%;
    margin: 0 32px;
  }
  .menu ul {
    list-style:none;
    padding:0;
    margin:0;
  }
  .menu li.other {
    float:left;
    clear:none;
    text-align:center;
    color:#cccccc;
    padding:0;
    margin:0 0.25em;
  }
  .menu li.current {
    float:left;
    clear:none;
    background-color:#990000;
    color:yellow;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    text-align:center;
    padding:0;
    margin:0 0.25em;
  }
  .menu li.current .item {
    width:6em;
    height:26px;
    margin:0;
    padding:0;
  }
  .menu li.other .item {
    width:6em;
    height:27px;
    margin:0;
    padding:0;
  }
  .item .item-label {
    margin-left:0.5em;
    margin-right:0.5em;
    padding-top:6px;
    text-align:center;
  }
  .menu li.current a:link,
  .menu li.current a:active,
  .menu li.current a:visited {
    text-decoration:none;
    color:yellow;
  }
  .menu li.other a:link,
  .menu li.other a:active,
  .menu li.other a:visited {
    text-decoration:none;
    color:white;
  }