/* Note: *name - IE all, #name - IE 7 only */

ul.menu {
  margin: 0;
  padding: 0;
  border: 1px solid #ccc; 
  border-top: 0;
  display: inline; 
  list-style: none;
  zoom:1; /* IE gain layout */
  background-color: white; /* IE fill, otherwise hover drops */
}
ul.menutop li ul.menu {
  margin-top: -4px;
  /* IE 5,6 star selector hack @@@ *margin-top: 0px; */
  min-width: 80px;
}
ul.menutop li ul.menu ul.menu {
  margin-top: -2px;
  margin-left: 4px;
}
ul.menu li {
  position: relative; /* Note: causes IE elem to lose layout and not show LI top borders */
  color: #777;
  background-color: white;
  white-space: nowrap;
  margin: 0; 
  padding: 2px;
  text-align: left;
  z-index: 1;
}
ul.menu ul.menu li {
  /* IE 5,6 star selector hack: */
  /* @@@
  *padding-left: 0px;
  *padding-right: 10px;
  *text-indent: -1em;
  */
}
ul.menu ul.menu ul.menu li {
  z-index: 2;
}
ul.menutop,
ul.menutop > li {
  border: 0;
  margin: 0;
  padding: 0;
}
ul.menutop ul.menu li {
  border-top: 1px solid #ccc;
}
li ul.menu {
  position: absolute;
  top: -1px;
}
ul.menu ul.menu li a {
  text-decoration: none;
  font-style: normal;
  color: #6688CC;
}
span.hellip {
  position:absolute;
  right:0;
  padding-left: 3em;
  padding-right: 4px;
}

/* Show/hide on hovers. Note: using visibility instead of display is OK for absolutely positioned elements, they do not affect layout anyway. */

ul.menu ul.menu,
li:hover ul.menu ul.menu {
  visibility: hidden;
}
li:hover ul.menu,
li:hover li:hover ul.menu {
  visibility: visible;
}
ul.menu ul.menu li:hover {
  background-color:#E0E9FC;
}
ul.menu ul.menu ul.menu li:hover {
  background-color:#E0E9FC;
}

/* Simple menu2 */

div.menu2 > ul {
  visibility: hidden;
}
div.menu2:hover > ul {
  visibility: visible;
}

div.menu2 > ul li:hover {
  background-color:#E0E9FC;
}

div.menu2 {
  float: right; 
  font-weight: normal;
  text-align: right;
}
div.menu2 > span {
  color: #6688CC;
  cursor: default;
}
div.menu2 > ul {

  /* float: right; // good for IE8 standard & Chrome but bad for IE7Compat mode */
  position: absolute;
  /* */
  
  list-style: none;
  border-top: 1px solid #ccc;
  padding:0;
}
div.menu2 > ul li {
  color: #777;
  background-color: white;
  white-space: nowrap;
  margin: 0; 
  padding: 2px;
  text-align: left;
  border: 1px solid #ccc;
  border-top: none;
  
  *text-indent: -1em; // removes extra "bullet" space on IE<8
}
div.menu2 > ul li a {
  text-decoration: none;
  font-style: normal;
  color: #6688CC;
}