@charset "UTF-8";
/* CSS Document  http://javascript.internet.com/navigation/expanding-menu.html */



ul#menu {
	width: 100px;/* this makes a big difference in the overall size of the block of text */
	list-style-type: none;
	/*  border-top: solid 1px #b9a894; */
  margin: -10px;
	padding: -10px;/*changing this from -10 to 0 and all the text went skirting off to the left.  That makes NO sense, but whatever */
	text-indent: -20px;
	left: -10px;
}

ul#menu ol {
  display: none;
  text-align: left;
  list-style-type: none;
  margin: -10px;
  padding: 10px;/*brought this from -15 to zero and it mashed the text on the left.  So I brought it from 0 to 10 and the list actually looked good L-R */
}

ul#menu li, 
  ul#menu a {
  color: #993300;
}

ul#menu li {
/*  border-bottom: solid 2px #000;
*//*  line-height: 22px;
*/}

ul#menu ol li {
  border-bottom: none;
}

ul#menu ol li:before {
  content: "• ";
}

ul#menu a {
  text-decoration: none;
  outline: none;
}

ul#menu a:hover {
  color: #5C743D;
}

ul#menu a.active {
  color: #be5028;
}