/* common styling */

/* GREEN: #003334 */
/* BROWN: #440800 */

.menu {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width:100%;
      position:relative;
      margin: 0 auto;
      font-size:10px;
      font-weight: normal;
      z-index:99;
      }

.menu ul li a, .menu ul li a:visited {
      /* this is top row menu display */
      display:block;
      text-decoration:none;
      width:99px;
      height:auto;
      text-align:center;

      /* border:1px solid black; */

      border-top-color:black;
      border-bottom-color:#440800;

      border-left-color:white;
      border-right-color:#440800;

      border-top-width:1px;
      border-right-width:1px;
      border-bottom-width:1px;
      border-left-width:1px;

      border-top-style:solid;
      border-right-style:solid;
      border-bottom-style:solid;
      border-left-style:solid;

      color:white;
      background:#440800;
      line-height:15px;
      font-size:10px;
      font-weight: normal;
      padding-top:2px;
      padding-bottom:2px;
      padding-left:3px;
      padding-right:3px;
      /* overflow:hidden; */
      }

.menu ul {
      padding:0;
      margin:0;
      list-style-type: none;
      }

.menu ul li {
      float:left;
      margin-right:1px;
      position:relative;
      }

.menu ul li ul {
      display: none;
      /* this controls children cells */
      /* border-left-color:#440800; */
      }


/* specific to non IE browsers */

.menu ul li:hover a {
      /* this is the display of all cells when hovered over (except cells that have children) */
      color:white;
      background:#003334;
      }

.menu ul li:hover ul {
      display:block;
      position:absolute;
      top:20px;
      left:0;
      width:100px;
      padding-left:3px;
      padding-right:3px;
      }

.menu ul li:hover ul li a.hide {
      /* this controls the display of the cells that have children, prior to being hovered over */
      color:yellow;
      background:#440800;
      /* border-left-color:#440800; */
      }

.menu ul li:hover ul li:hover a.hide {
      /* this is the menu cell that contains children - when it's hovered over */
      color:white;
      background:#003334;
      }

.menu ul li:hover ul li ul {
      display: none;
      }

.menu ul li:hover ul li a {
      /* this controls all the sub-menu displays */
      display:block;
      color:white;
      background:#440800;
      border-left-color:#440800;
      }

.menu ul li:hover ul li a:hover {
      color:white;
      background:#003334;
      }

.menu ul li:hover ul li:hover ul {
      display:block;
      position:absolute;
      /* this is the horizontal gap of the secondary menus */
      left:105px;
      top:0;
      padding-left:3px;
      padding-right:3px;
      }

.menu ul li:hover ul li:hover ul.left {
      /* this is the horizontal gap of the secondary menus */
      left:-105px;
      }