#nav, #nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	float: left;
	position: relative;
	width: 137px;
	/*padding: 0 3.5em 0 0.5em;*/
	text-align: center;		/* this controls the top-level list (in the navbar) */
	cursor: default;
	/*background-color: #666666;*/  /* testing - see inner/outer values */
	background-color: #000000;
	font-size: 12pt;
	white-space: nowrap;
	/*padding: 0;*/
}

#nav li ul {
	display: none;
	position: absolute;
	top: 17px;
	left: 0;	/* need this to left-align second-level UL with its LI in IE */
	background-color: #000000;
	/*padding: 5px 2px 2px 2px;*/
	/*margin-left: 0;*/
	width: 230px;
	text-align: left; 	/* controls alignment of second-level UL relative to parent LI */
	border: 0;
	padding: 0 0 3px 0;
}


#nav li li {
	display: block;
	float: none;
	width: 230px;
	text-align: left;	/* controls alignment within second-level list (of second-level LIs) */
	border: none;
	white-space: nowrap;
}

#nav li:hover ul, li.over ul {
	display: block;
}

#nav a {
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFF66;
	text-decoration: none;	
}

#nav a:hover {
	text-decoration: none;	
	color: #CC0000;
}

#nav a.daddy {
/*	background-image: url(arrow.png); */ /* doesn't work -- it must be rekative to page that includes the CSS nof the CSS file itself */
	background-image: url(http://www.prostamerika.com/test/arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
}

#nav li li a {
	display: block;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFF66;
	text-decoration: none;	
	padding: 2px 5px;
}

#nav li li a:hover {
	padding: 2px 5px;
	border-width: 0 1px;
	background-color: #000000;
	color: #CC0000;
	text-decoration: none;	
}

#nav span {
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	color: #FFFF66;
}

/* "all dropdowns after the first one" drop to side of corresponding list item */
#nav li ul ul {
	display: none;
	margin: -7px 0 0 230px;
	z-index:1000;
}

#nav li:hover ul ul, li.over ul ul {
	display: block;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.over ul ul, #nav li.over ul ul ul {
	display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.over ul, #nav li li.over ul, #nav li li li.over ul {
	display: block;
}

#nav li:hover, #nav li.over {
	color: #CC0000;
	text-decoration: none;	
}