ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
	position: relative;
	float: left;
	width: 140px;
}
/*px below is depth of top box on drop down*/
li ul {
  position: absolute;
  top: 25px;
  display: none;
}
ul li a {
  display: block;
  text-decoration: none;
  line-height: 20px;
  color: #000000;
  padding: 3px;
#  margin: 1px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  background-image: url(but-images/but.jpg);
  font-weight: bold;
  text-align: center;
}

ul li a:hover {
  font-weight: bold;
  font-size: 11px;
  background-image: url(but-images/but2.jpg);
  color: #000000;
  text-align: center;
}
li:hover ul, li.over ul {
  display: block;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  text-align: center;
}