#menu {
  position: relative;
  background-color: white;
  border-left: 1px solid #CAC49F;
  border-right: 1px solid #CAC49F;
  border-bottom: 1px solid #C4C4C4;
  width: 80%;
  min-width: 998px;
  height: 30px;
  text-align: left;
  padding: 0px 20px;
  font: normal 12px verdana;
  z-index: 3000;
}

#menu UL {
  padding: 0px;
	margin: 0px;
	list-style: none;
}

#menu LI {
  position: relative;
  padding: 4px 5px;
  padding-top: 7px;
  height: 20px;
	float: left;
  transition: 0.1s;
}

#menu LI:hover, #menu LI.sfhover {
  background-color: #ccc;
}

#menu LI A {
  display:block;
  color: black;
  height: 24px;
  text-decoration: none;
}

/* 2nd level */
#menu LI UL {
  position: absolute;
  top: 30px;
  width: 180px;
  background-color: white;
  border: 1px solid black;
  left: -999em;  /* hide */
  box-shadow:3px 3px 3px 0px rgba(0,0,0,0.3);
}

#menu LI UL A {
  width: 180px;
  height: 24px;
}

#menu LI:hover UL, #menu LI.sfhover UL {
  left: 0px;  /* show */
}

#menu LI UL LI {
  float: none;
}

/* 3nd level */
#menu LI UL LI UL {
	position: absolute;
	top: 0px;
	margin-left: 150px;
	width: 150px;
	background-color: white;
	color: black;
	display: none;
	/*left: -999em;  /* hide */
}

#menu LI UL LI UL A {
	width: 150px;
}

#menu LI UL LI:hover UL, #menu LI.sfhover UL LI.sfhover UL {
	/*left: 0px;  /* show */
	display: block;
}

#menu LI UL LI UL LI {
	float: none;
}

/* 4nd level */
#menu LI UL LI UL LI UL {
	position: absolute;
	top: 0px;
	margin-left: -9999px;
	width: 150px;
	background-color: white;
	color: black;
	display: none;
}

#menu LI UL LI UL LI UL A {
	width: 150px;
}

#menu LI UL LI UL LI:hover UL, #menu LI.sfhover UL LI.sfhover UL LI.sfhover UL {
	/*left: 0px;  /* show */
	margin-left: 150px;
}

#menu LI UL LI UL LI UL LI {
	float: none;
}