/* Overall main navigation styles */
#navlist * {
	margin: 0px;
	padding: 0px;
}
#navlist, #navlist ul {
	float: left;
	list-style: none;
	color: #FFF;
	font-weight: bold;
	z-index: 30000;
}

#navlist li:hover, #navlist li.hover {  
	position: static;  
}  
/* -------------------------- */
/* The top main navigation links */
#navlist a {
	display: block;
	padding: 6px 23px 4px 12px;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
/* I'm targeting the last main navigation link to have no "bar" on the right side */
#navlist a.last {
	padding: 2px 8px 2px 0px;
}
#navlist ul.subMenu a.last {
	padding: 3px 3px 3px 3px;
}
#navlist a.one, #navlist a.two, #navlist a.three {
	text-align: left;
	text-transform: uppercase;
}
#navlist li {
	float: left;
	padding: 0;
}
/* -------------------------- */
/* The dropdown links lists */
#navlist li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 130px; 
	font-weight: normal;
	border: 1px solid #000;
	background-color: #222;
	margin: 0;
	margin-left: 6px;
}
#navlist li li {
	padding: 0;
	background-image: url(../images/highline_submenu_bg.gif);
	background-repeat: no-repeat; 
	width: 130px;
	border-bottom: 1px solid #000;
}
#navlist li li.last, #navlist li li.first1 {
	border-bottom: none;
}
#navlist li ul a {
	padding: 8px 3px 8px 13px;
	color: #FFF;
	width: 114px;
	text-transform: none;
	* html width: 100px;
}
/* This controls the flyout location of the second level dropdowns */
#navlist li ul ul {
	margin: -21px 0 0 140px;
		z-index: 31000;

}
#navlist li:hover ul ul, #navlist li:hover ul ul ul, #navlist li.sfhover ul ul, #navlist li.sfhover ul ul ul {
	left: -999em;
}
#navlist li:hover ul, #navlist li li:hover ul, #navlist li li li:hover ul, #navlist li.sfhover ul, #navlist li li.sfhover ul, #navlist li li li.sfhover ul {
	left: auto;
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#navlist li:hover, #navlist li.sfhover {

}
/* -------------------------- */
/* The dropdown links list colors */
#navlist li ul.subMenu a {
	color: #DDD;
	background-image: none;
}
#navlist li ul.subMenu a:hover {
	color: #fff;
}
/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#navlist li ul.subMenu li.daddy {
	background: url(../../System/09/ss09_dropdown_arrow.gif) center right no-repeat;
}
#navlist li ul.subMenu li:hover a.daddy, #navlist li ul.subMenu li.sfhover a.daddy {
	color: #fff;
}
#navlist li ul.subMenu li:hover, #navlist li ul.subMenu li.sfhover {
	color: #fff;
	background-color: #000;
}
/* -------------------------- */