/* common styling */
.menu {
      font-family: arial, sans-serif;
      position:relative;
      margin:0px;
      padding:0px 0px 0px 22px;
      z-index:100;
height: 36px;
}
.menu ul li a, .menu ul li a:visited {
      display:block;
      text-decoration:none;
      color:#000;
      width:121px;
      color:#fff;
      text-align:center;
      background:#951b1b;
      overflow:hidden;
      padding: 10px 3px 11px 3px;
      font-size: 0.9em;
border-right: 1px solid #000;
}
.menu ul {
      padding:0;
      margin:0;
      list-style-type: none;
}
.menu ul li {
      float:left;
      position:relative;
}
.menu ul li.last a {
border-right: 0px solid #000;
}
.menu ul li.active a {
background-color: #7c1a12;
}
.menu ul li ul {
      display: none;
}

/* specific to non IE browsers */
.menu ul li:hover a {
      color:#fff;
      background:#7c1a12;
}
.menu ul li:hover ul {
      display:block;
      position:absolute;
      top:37px;
      left:0;
      font-size: 0.8em;
border-top: 1px solid #000;
}
.menu ul li:hover ul li a.hide {
      background:#7c1a12;
      color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
      background:#7c1a12;
      color:#fff;
}
.menu ul li:hover ul li ul {
      display: none;
}
.menu ul li:hover ul li a {
      display:block;
      background:#7c1a12;
      color:#fff;
      width:203px;
      text-align:left;
      padding: 10px 10px 11px 10px;
font-style: italic;
border-right: 0px solid #000;
}
.menu ul li:hover ul li a:hover {
      background:#982b23;
      color:#fff;

}
.menu ul li:hover ul li:hover ul {
      display:block;
      position:absolute;
      left:113px;
      top:0;
      border-top: 0px solid #fff;
}
.menu ul li:hover ul li:hover ul.left {
      left:-105px;
}