.menudiv {
	width:980px;
	height:30px;
	margin-left: auto;
    margin-right: auto;
	border-top: solid 15px #ffffff;
	border-left: solid 15px #ffffff;
	border-right: solid 15px #ffffff;
	line-height: 28px;
	text-align: left;
	background-color: #231f20;
}

.menuspan {
	display: inline-block;vertical-align: middle;line-height: normal;
}

#cssmenu ul {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  list-style-type: none;
  width: auto;
  position: relative;
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#cssmenu li {
  display: block;
  float: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 0;
  pading: 0;
  border-right: 1px solid #ffffff;
}
#cssmenu li a {
  display: block;
  float: left;
  color: #ffffff;
  text-decoration: none;
  margin: 0;
  padding: 8px 20px 0px 20px;
  height: 22px;
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  /* ...and now for the proper property */
  transition:.3s;
}

#cssmenu li a:hover {
  background-color: #009136;
  height:22px;
}