.navholder{
	margin: 0 0 0 232px;
	overflow: hidden;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align: left;
}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active{
	display: block;
	/*width: 10em;*/
	padding: 7px 20px 0;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: white;
	text-transform: lowercase;
}

#nav li { /* all list items */
	float: left;
	height: 30px;
	/*width: 10em; -> width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	margin-top:8px;
	position: absolute;
	background: url(../images/bg-dd.png);
	width: 20em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.ulleft { /* left */
	margin-top:8px;
	position: absolute;
	background: url(../images/bg-dd.png);
	width: 20em;
	right: 20em; /* fly out left */
}

#nav li ul li { /* clear lists */
	height: auto;
	width: 20em;
}

#nav li .ul1 a:link, #nav li .ul1 a:visited{
	display: block;
	/*width: 10em;*/
	padding: 4px 20px;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: white;
	clear:both;
}

/* colorlinks */

#nav li .ul1 a:hover, #nav li .ul1 a:active{
	display: block;
	/*width: 10em;*/
	padding: 4px 20px;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: #f60;
	clear:both;
	background: black;
}

#nav li .ul2 a:link, #nav li .ul2 a:visited{
	display: block;
	/*width: 10em;*/
	padding: 4px 20px;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: white;
	clear:both;
}

#nav li .ul2 a:hover, #nav li .ul2 a:active{
	display: block;
	/*width: 10em;*/
	padding: 4px 20px;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: #83cd06;
	clear:both;
	background: black;
}

#nav li .ul3 a:link, #nav li .ul3 a:visited{
	display: block;
	/*width: 10em;*/
	padding: 4px 20px;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: white;
	clear:both;
}

#nav li .ul3 a:hover, #nav li .ul3 a:active{
	display: block;
	/*width: 10em;*/
	padding: 4px 20px;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: #00acff;
	clear:both;
	background: black;
}

#nav li .ul4 a:link, #nav li .ul4 a:visited{
	display: block;
	/*width: 10em;*/
	padding: 4px 20px;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: white;
	clear:both;
}

#nav li .ul4 a:hover, #nav li .ul4 a:active{
	display: block;
	/*width: 10em;*/
	padding: 4px 20px;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	color: #FFB32D;
	clear:both;
	background: black;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 20em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}