/* MCYP - vertical menu styling */
.menu {
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:90%;
  font-weight:bold;
  list-style:none;
  margin:10px 10px 0px 10px; /* this page only */
  width:122px;
  z-index:1000;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
  background-color:transparent;
  height:22;
  list-style-type:none;
  margin:0;
  padding:0;
}
/* hack for IE5.5 */
* html .menu ul {
  margin-left:0px;
}
/* position relative so that you can position the sub levels */
.menu li {
  color:#75b37e;
  display: block;
  height:22px;
  position:relative;
}
/* get rid of the table */
.menu table {
  border-collapse:collapse; 
  font-size:1em;
  left:0; 
  position:absolute; 
  top:0; 
  z-index:100; 
}
/* style the links */
.menu a {
  background-color:#fff2bf;
  border:1px solid black;
  border-width:0 1px 1px 0;
  color:#75b37e;
  display:block; 
  height:21px;
  text-decoration:none;
  text-indent:5px;
}

/* FOR FIREFOX TO WORK RIGHT */
.menu a:hover {
  background-color:#FFE271;
  color: black;
  font-weight:bold;
  padding: 4px 0 0 0px;
  width:121px;
}
/* level 2 menu width (seems to affect last menu item*/
.menu ul ul a:hover {
  width:240px;
}
/* END OF FOR FIREFOX TO WORK RIGHT */

.menu ul ul a {
  width:240px;
}
/* hack for IE5.5 */
* html .menu a {
  background-color:transparent;
  color: #75b37e;
  display: block;
  width:122px;
}
* html .menu ul li {
  background-color:transparent;
  color:#75b37e;
}
/* flyout sub-menu style */
* html .menu ul ul a:visited {
  background-color:#FFF2BF;
  color:#75b37e;
  display: block;
  padding: 4px 0 0 0px;
  width:240px; /* 153px; */
}
* html .menu a:visited {
  background: transparent;
  color:#75b37e;
  display: block;
  padding: 4px 0 0 0px;
  width:122px;
}
/* style the link hover */
* html .menu ul a:hover {
  background-color:#FFE271;
  color: black;
  font-weight:bold;
  padding: 4px 0 0 0px;
  width:122px;
}
/* level 2 menu width (seems to affect last menu item*/
* html .menu ul ul a:hover {
  background-color:#FFE271;
  color: black;
  font-weight:bold;
  width:240px;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  background-color:#FFF2BF;
  font-weight:bold;
  left:120px; 
  position:absolute;
  top:0;
  visibility:hidden;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
  visibility:visible;
}