#cssmenu {
  font-weight: bold;
  width: auto;
}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  position: relative;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  color: #417630;
  display: inline-block;
  font-size: 80%;
  line-height: 1em;
  padding: 10px 15px;
  text-decoration: none;
}
#cssmenu ul { 
	list-style: none; 
}
#cssmenu > ul { 
	float: left; 
}
#cssmenu > ul > li { 
	float: left; 
}
/* right margin (top-level menu items only) */
#cssmenu > ul > li { margin-right: 8px; }
#cssmenu > ul > li:last-child { 
	margin-right: 0px; 
}
#cssmenu > ul > li a {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 3px solid #417630;
}
#cssmenu > ul > li a:hover, 
#cssmenu > ul > li.active a {
  color: #fff;
  background-color: #419030;
}
#cssmenu .has-sub { z-index: 1; }
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
	display: none;
	position: absolute;
	width: auto;
	min-width: 183px;
	top: 100%;
	left: 0;
	background-color: #417630;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: none;
}
#cssmenu .has-sub ul li a {
  background-color: #419030;
  color: #fff;
  display: block;
}
#cssmenu .has-sub ul li a:hover {
  background-color: #41aa30;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0; 
	width: auto;
	min-width: 240px;
}
#cssmenu .has-sub .has-sub ul li a {
  background-color: #41aa30;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background-color: #41bb30;
}
/* remove bottom borders from sub-level menu items to remove the appearance of double border thickness */
#cssmenu .has-sub > ul li a, 
#cssmenu .has-sub > ul > .has-sub ul li a {
  border-bottom: none;
}
/* execept for the last menu item */
#cssmenu .has-sub > ul li:last-child a, 
#cssmenu .has-sub > ul > .has-sub ul li:last-child a {
  border-bottom: 3px solid #417630;
}
/* left margin offset on sub-level-2 menus to remove the appearance of double border thickness  */
#cssmenu .has-sub > ul > .has-sub > ul { 
	margin-left: -3px; 
}
/* FireFox-only hacks */
@-moz-document url-prefix() {	
	#cssmenu .has-sub ul {
		width: auto;
		min-width: 180px;
	}	
}