/* These are worth copying to your site CSS and changing. */

#menu {
  background: #ffffff;
}
#menu ul ul {
  background: #ffffff;
}
#menu li ul {
  border-color: #cccccc;
}
#menu li:hover {
  background: #cccccc;
}
#menu > ul > li:hover > a {
  color: #000000;
}
#menu ul ul li:hover {
  background: #dddddd;
}

/* Usually leave these alone. */

#menu {
  padding: 0;
  margin: 0;
}
#menu ul {
	padding: 0;
  margin: 0;
	list-style: none;
	z-index: 1000;
}
#menu a {
	display: block;
	padding: 5px 15px;
}
#menu li {
	float: left;
  font-weight: bold;
}
#menu li ul li {
  float: none;
  font-weight: normal;
}
#menu li ul {
	position: absolute;
	left: -999em;
	width: 220px;
	border-style: solid;
  border-width: 1px;
	border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px;
	box-shadow: 0 1px 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.2);
}
#menu > ul > li:hover {
	border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;
}
#menu li:hover ul {
	left: auto;
}