/* common styling */

.menu {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width:92%;
      /* width:100%; */
      position:relative;
      /* margin:0; */
      /* margin: 0 auto; */

      margin-left: auto ;
      margin-right: auto ;

      /* font-size:11px; */
      font-size:11px;
      z-index:100;
      }

.menu ul li a, .menu ul li a:visited {
      /* this is top row menu display */
      display:block;
      text-decoration:none;
      width:80px;
      height:32px;
      text-align:center;
      border:1px solid black;
      /* border:1px solid #D1C19F; */
      color:#D1C19F;
      /* background:#440800; */
      background:#200100;
      line-height:15px;
      font-size:11px;
      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;
      }


/* 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:#440800; */
      background:#200100;
      }

.menu ul li:hover ul {
      display:block;
      position:absolute;
      top:34px;
      left:0;
      width:81px;
      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:#FFFF99;
      /* background:#440800; */
      background:#200100;
      }

.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:#440800; */
      background:#200100;
      }

.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:#D1C19F;
      /* background:#440800; */
      background:#200100;
      }

.menu ul li:hover ul li a:hover {
      color:white;
      /* background:#440800; */
      background:#200100;
      }

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

.menu ul li:hover ul li:hover ul.left {
      left:-81px;
      }

/* ################################################ * /
/* css for plain menu at bottom */

.menu_plain {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      width:92%;
      position:relative;
      margin: 0 auto;
      font-size:11px;
      z-index:100;
      }

.menu_plain ul li a, .menu_plain ul li a:visited {
      /* this is top row menu display */
      /* display:inline; */
      display:block;
      text-decoration:none;
      width:80px;
      height:32px;
      text-align:center;
      /* border-right:1px solid white; */
      color:#D1C19F;
      line-height:15px;
      font-size:11px;
      padding-left:3px;
      padding-right:3px;
      }

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

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

.menu_plain ul li ul {
      display: none;
      }

.menu_plain_item {
      border-right:1px solid white;
}

.menu_plain_last_item {
      border-right:0px solid white;
}

/* specific to non IE browsers */

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

.menu_plain ul li:hover ul {
      display:block;
      position:absolute;
      top:34px;
      left:0;
      width:81px;
      padding-left:3px;
      padding-right:3px;
      }

.menu_plain ul li:hover ul li a.hide {
      /* this controls the display of the cells that have children, prior to being hovered over */
      color:#FFFF99;
      /* background:#440800; */
      /* background:#200100; */
      }

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

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

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

.menu_plain ul li:hover ul li a:hover {
      color:white;
      /* background:#440800; */
      /* background:#200100; */
      }

.menu_plain ul li:hover ul li:hover ul {
      display:block;
      position:absolute;
      left:90px;
      top:0;
      padding-left:3px;
      padding-right:3px;
      }

.menu_plain ul li:hover ul li:hover ul.left {
      left:-81px;
      }

/* ################################################ * /