#menu {

		/* custom */
		z-index: 100;
		padding: 30px 0 15px 0;
		background: #99cb68;
		margin: 0;
		text-align: left;
}

.menu {
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
		font-family: 'Trebuchet MS', Helvetica;
		font-size: 1.4em;
		font-weight: bold;
}

.menu a {
	display:block;
	text-decoration: none;

		/* custom */
		color: #31322d;
		padding: 2px 8px;
		border-left: 2px solid #fff;
}

.menu a.first {
		padding-left: 20px;
		border: 0;
}

.menu a:hover {

		/* custom */
		text-decoration: underline;
}

.menu a:hover, .menu a.topactive, .menu a#menuactive, .menu li:hover, .menu li.sfhover, .menu li li:hover a.menuarrow {

		/* custom */
		color: #fff;
}
.menu a#menuactive {
		cursor: default;
		text-decoration: underline;
}

.menu li li a {
	background: #99CB68;
	font-size: .9em;
	text-transform: none;
}

.menu li li a, .menu li li a:hover, .menu li:hover li a, .menu li:hover li:hover a, .menu li.sfhover li a {
	width: 13.4em;

		/* custom */
		color: #fff;
		padding: 7px 14px;
		border: 0;
		border-bottom: 1px solid #fff;
}

.menu ul li a#menuactive, .menu li li a.menuactive {
		text-decoration: underline;
}

.menu li li a:hover, .menu li li a#menuactive:hover {

		/* custom - 2nd level hover */
		background: #CFFF9F;
		color: #31322d !important;
		text-decoration: underline;
}

.menu li li ul {
	z-index: 102;
	border: none;
}

.menu li li li a {

		/* custom */
		border: none;
}

.menu li li li a:hover {

		/* custom  - 3rd level hover */

}

.menu li {
	float:left;
	margin: 0 0 0 1px;
	list-style: none;
	font-weight: bold;
}

.menu li li { /* all list items */
	float: left;
	width: 13.5em;
	margin: 0;
	font-weight: normal;
}

.menu li ul { /* second-level lists */
	z-index: 101;
	position: absolute;
	width: 13.5em;
	left: -999em;
	padding: 0;
	margin: 0;
	background: #000;

		/* custom */
		border: 1px solid #fff;
		border-top: 15px solid #99CB68;
}

#menu li:hover, #menu li.sfhover {
     position: static;
}

.menu li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 13em;
	background: #000;
}

.menu li ul ul li {

}

.menu li:hover ul ul, .menu li.sfhover ul ul {
	left: -999em;
}

.menu li:hover ul, .menu li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

a.menuarrow {
}

a.menuarrow:hover {
}