#hnavWrapper {
  width:770px;
  height:25px;
  line-height: 1.5em;
  border-top:1px black solid;
border-bottom:1px #428242 solid;

  background:#84c384;
}


.hnav {
  text-align: center;
  border-bottom:1px black solid;
  background:#c6c384;
}

.hnav, .hnav ul li a {
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements.
	 */
  padding-top: 2px;
  padding-bottom: 1px;
  border-right:1px #475756 solid;
  border-left:1px #475756 solid;
}

.hnav ul, .hnav ul li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.hnav ul li a, .hnav ul li a:visited {
  margin: 0 -1px 0 0;
  padding-left: 11px;
  padding-right: 11px;	/* short-hand padding attribute would overwrite
                           top/bottom padding set in a previous rule */
/*  border-top: 1px solid black;
  border-bottom: 1px solid black; */
  white-space: nowrap;
  font-size: 11px;
  color: #1A2E00;
  background: inherit;
}

.hnav ul li a:hover {
  color:#1A2E00;
  background:#F9F6B7;
/*  color:#C2C284;
  background:#1A2E00; */
}

.hnav ul li span.divider { display: none; }

* html .hnav ul li, * html .hnav ul li a {
  width: 1%;               /* IE/Mac needs this */
  display: inline;   /* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
		position: relative;
	/* reset above hack */
}

* html .hnav, * html .hnav ul a {
  /* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win.
                           IE/Mac will ignore this rule. */
}

* html .HNAV {
  padding: 0;	/* IE 5&6 Windows will resize #hnav to fit the heights of its
                   inline children that have vertical padding. So this incorrect
                   case selector hack will be applied only by	IE 5.x/Win */
}

.hide {
	/* hide elements that CSS-targeted browsers shouldn't show */
	display: none !important;
}