/* ---- NAV --- */
#mainnav
{
	margin: 150px 180px 0pt;
	position: absolute;
	width: 610px;
	z-index: 100;
}
#rev2 #mainnav
{
	margin-top: 70px;	
}
#nav
{
	width: 610px;
	height: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li
{
	background-image: url(../gfx/flap_off_start.png);
	/*background-image: url(../gfx/flap_off_start.gif);*/
	background-position: left top;
	background-repeat: no-repeat;

	float: left;
	list-style: none;
	font-size: 10px;
	height: 20px;
	display: block;
	padding: 0 0 0 6px;
	margin: 0 0 0 -1px;
	white-space: nowrap;
}

#nav li.active
{
	background-image: url(../gfx/flap_on_start.png);
/*	background-image: url(../gfx/flap_on_start.gif);*/
}

#nav li.first
{
	margin: 0 0 0 0;
}

#nav li.last
{
	padding-left: 6px; 
}

#nav li.last a span
{
	padding-left: 2px;
	/*padding-right: 8px;*/
	padding-right: 12px;
}

#nav li a
{
	display: block;
	height: 20px;
	background-image: url(../gfx/flap_off_mid.png);
	/*background-image: url(../gfx/flap_off_mid.gif);*/
	background-position: left top;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #000;
	padding: 0 0 0 3px;
}

#nav li a:hover
{
	color: #f00;
}

#nav li.active a
{
	background-image: url(../gfx/flap_on_mid.png);
	/*background-image: url(../gfx/flap_on_mid.gif);*/
}

#nav li a span
{
	display: block;
	height: 18px;
	background-image: url(../gfx/flap_off_end.png);
	/*background-image: url(../gfx/flap_off_end.gif);*/
	background-position: right top;
	background-repeat: no-repeat;
	/*padding: 3px 8px 0pt 0pt;*/
	padding: 3px 10px 0pt 3px; 
	margin: 0pt 0pt 0pt -3px;
	cursor: hand;
}

#nav li ul
{ /* second-level lists */
	/*background-image: url(../gfx/sort_forlob_1.gif);
	background-repeat: repeat-x;
	background-position: top;*/
	background-color: #000;
	position: absolute;
	/*border: 1px solid #f00;*/
	border: none;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin: 0;
	padding: 0;
}

#nav li ul li
{
	height: auto;
	float: none;
	background-image: none;
	margin: 0;
	padding: 2px 3px 0 3px;
}

#nav li.active ul li a
{
	background-image: none;
}

#nav li ul li a
{
	color: #fff;
	background-image: none;
	margin: 0;
	padding: 0;
}

#nav li ul li a:hover
{
	/*background-image: url(../gfx/sort_forlob_2.gif);*/
	/*background-repeat: repeat-x;*/
	/*background-color: #4B4B4B;*/
	background-position: 0 0; /* kicks IE 7 */
}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul
{
	left: -999em;
	background-color: #000;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul
{ /* lists nested under hovered list items */
	left: auto;
	margin-left: -5px;
	background-position: 0 0; /* kicks IE 7 */
}
#nav li:hover ul li,
#nav li li:hover ul li,
#nav li li li:hover ul li,
#nav li li li li:hover ul li
{
	background-color: #4B4B4B;
}