.menu {
  border: solid 1px black; /*#BFBFBF;*/
  padding:1px 1px 2px 1px;
  background-color:white;
}

.menuItem {
  padding: 1px;
  background: white;
}

.menuItem a:hover {
  color: black;
  background: rgb(234,242,255);/*#ffeedd;*/
  border: 1px solid rgb(120,172,255);/*#ff8800;*/
}

.menuItem a {
  display: block;
  width: auto;
  height: 13px;
  overflow: visible;
  padding: 2px 0px 2px 5px;
  font-size: 11px;
  font-family: Tahoma, Verdan, Helvetica, Sans-Serfif;
  text-decoration: none;
  vertical-align: center;
  color: black;
  border: 1px solid white;
}

.menuItem  a:visited,
.menuItem  a:visited:hover {
  color: black;
}

#menubar {
  cursor:pointer;
  background-color:#336699;
  font-family: Verdana, Helvetica, Sans-Serif;
  font-size: 11px;
}

#menubar span {
  cursor: pointer;
  border: 1px solid #2e8cb8;/*rgb(120,172,255);*/
  margin-right: 2px;
  padding: 1px 5px 1px 5px;
  color: #83c1e0;
  text-decoration: none;
  height:17px;

  /* IE5.0 Does not paint borders and padding on inline elements without a height/width 
  height: expression(constExpression(ie50 ? "17px" : "auto"));*/
}

#menubar span:hover {
  color: black;
  background: rgb(120,172,255);
  border-left: 1px solid rgb(234,242,255);
  border-right: 1px solid rgb(0,66,174);
  border-top: 1px solid rgb(234,242,255);
  border-bottom: 1px solid rgb(0,66,174);
}

#menubar a,
#menubar a:visited {
  color: #83c1e0;
  text-decoration:none;
}

#menubar a:hover {
  color: black;
}