#menu {
	width: 750px;
}

#menu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#menu li {
	display: inline;
}

#menu li a {
	font-weight: bold;
	margin-left: 15px;
}

#menu li a, #page .navi {
	/*font-size: 0.8em;*/
}



/*
 * Here are the CSS rules that make the menu work.
 * You could probably cut down on a lot of the complexity by using
 * selectors like > and * but then the menus would not work in many
 * older browsers.  (IE 6 is recommended, although the menus might
 * exhibit something resembling proper functionality in IE 5.5+)
 */

/* Top level elements (rules are overridden later for sub-elements) */

#catnav, #catnav ul, #catnav li {
  padding: 0;
  margin: 0;
  background: white;
  z-index: 10;
}
#catnav {
	float: right;
	margin-left: 1em;
}
#catnav li {
  list-style: none outside none;
  display: block; 
  float: left;
}


#catnav li a {
	display: block;
	background-color: #778B3B;
	border: none;
	padding: 1px 30px 1px 20px;
	color: White;
	font-variant: small-caps;
	text-decoration: none;
	background-image: url(/graphics/menu-down.png);
	background-position: 87% 55%;
	background-repeat: no-repeat;
}

#catnav li a:hover,
#catnav li.active a {
  background-color: #B3CC66;
}

/*#catnav li.first {
  border-left: 1px solid #778B3B;
}
#catnav li.last {
  border-right: 1px solid #778B3B;
}*/

#catnav li.parent a {
	cursor: wait;
}

#catnav li.active a {
	cursor: default;
}

#catnav li.active li a {
	cursor: pointer;
}

/* First-level submenu and submenu element rules */
#catnav ul {
  position: absolute;
  right: 0;
  margin-left: 15px;
  display: block;
}

#catnav ul li, #catnav ul {
  display: none;
  float: none !important;
}








#catnav ul li {
  border-top: none;
  border-bottom: none;
  border-left: 1px solid #778B3B;
  border-right: 1px solid #778B3B;
}
#catnav ul li.first a{
  border-top: 1px solid #778B3B;
}
#catnav ul li.last a{
  border-bottom: 1px solid #778B3B;
}
#catnav ul li a {
  border-top: 1px solid #B3CC66;
  padding: 3px 10px;
  color: #778B3B;
}

#catnav li.active li a {
  background: White;
}

#catnav ul li a:hover {
	background-color: #B3CC66;
	color: White;
}

#catnav li.active li, #catnav li.active ul {
  display: block;
}

/* Keep a "parent" item highlighted a light blue-gray color,
 * but don't let child items take on this color
 
#catnav li ul li.active a {
  background: #e7e7f1;
}
#catnav li.active ul a, #catnav li ul li.active ul a {
  background: white;
}*/