/* Overall Size for Main Navigation Drop-down Menu  */
#menu {
	width: 100%;
	float: left; /*tells extra navigation to go down and left*/
}
#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* Main Navigation Text for Drop-down Menu  */
#menu a, #menu h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin: 0px;
	text-decoration: none;
	border: none;
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 6px; /*distance between the text and start of drop down*/
	padding-left: 12px; 
}
#menu h6 {
	color: #FFFFFF;
}
#menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Secondary Navigation Text for drop-down menu  */
#menu li {
	position: relative;
	float: left;
	text-align: left;
}
#menu li li {
	position: relative;
	float: left;
	text-align: left;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	background: red;
	background-position: left top;
	padding: 0px;
	width: 170px;
	margin: 0px;
}
#menu li li a {
	font-weight: normal;
	font-size: 12px;
	background-position: left center;
	margin: 0px;
}
#menu li li a:visited {
	font-weight: normal;
	font-size: 12px;
}
#menu li li a:hover {
	color: #FFFFFF;
	background: black;
}
#menu ul ul {
	position: absolute;
 	z-index: 500;
  	width: 1px; /* if this isn't here, the drops get laidout horiz instead of vert in Moz browsers*/
}
#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
#menu ul ul {
	display: none;
}
#menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul {
	display: none;
}
#menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul {
	display: block;
	background: #C73424;
}