/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	text-decoration:none;
	background-color:#e6e6e6;
	z-index:100;
}
.sf-menu {
	// line-height:	1.0;
	
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			146px; /* left offset of submenus need to match (see below) */
	text-decoration:none;
	
}
.sf-menu ul li {
	text-decoration: none; /*-----------------------*/	
	padding-left: 2px;
	padding-right:2px;
}

.sf-menu li.sfHover,
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	background-color:e7dede;/*-----------------------*/
}
.sf-menu li {
	float:			left;
	position:		relative;
	padding-left:2px; /*-----------------------*/
	margin:0; /*-----------------------*/
	border-bottom:1px dotted #666666;
	font-size:9px; line-height:12px;
	text-decoration:none;
}
.sf-menu a {
	display:		block;
	position:		relative;
	color:#191919; 
	padding:3px 0 3px 0;
	text-decoration: none;
}
.sf-menu a:visited, .sf-menu a:link{
	color:#191919; 
}
.sf-menu a:active, .sf-menu a:hover {
	color:#930000; 
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	// top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			150px; /* match ul width */
	top:			0;
}

DIV.supercat {
	background:	#cacaa6;
	color: #aa2d2c;
	width: 150px;
	font-size: 9px; line-height: 10px; 
	font-weight: bold;
	text-decoration: none;
}
DIV.supercat p {
	padding-left:2px;
	padding-right:2px;
	margin:0;
}
#clearIt {
	margin: 0; padding: 0;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	clear: both;
}
.sf-menu li li a:visited, .sf-menu li li a:link{
	background-color: #d2d2d2;
	padding-left:2px;
}
.sf-menu li li a:active, .sf-menu li li a:hover {
	background-color: #d2d2d2;
	padding-left:2px;
}

/* Start: for 1st flyout, about links */
.sf-menu li li.about a:visited, .sf-menu li li.about a:link{
	background-color: #818167;
	padding-left:2px;
}
.sf-menu li li.about a:active, .sf-menu li.about li.about a:hover {
	background-color: #818167;
	padding-left:2px;
}
/* End: for 1st flyout, about links */