/*** ESSENTIAL STYLES ***/
.sub_menu, .sub_menu * {
	margin:				0;
	padding:			0;
	
	list-style:			none;
}

.sub_menu {
	float:				left;
	
	position:			absolute;
	z-index:			999;
	
	top:				-19px;
	left:				8px;

	line-height:		normal;
}

.sub_menu ul {
	position:			absolute;
	z-index:			999;
	
	top:				-999em;
	width:				10em; /* left offset of submenus need to match (see below) */
	
	padding:			0 0 8px 0;
	background:			#ffffff;
}

.sub_menu ul li {
	width:				187px;
}

.sub_menu li:hover {
	visibility:			inherit; /* fixes IE7 'sticky bug' */
}

.sub_menu li {
	float:				left;
	position:			relative;
}

.sub_menu a {
	display:			block;	
	position:			relative;
	
	padding:			0;
	outline:			none;
}

.sub_menu li:hover ul,
.sub_menu li.sfHover ul {
	z-index:			999;
	left:				-1px;
	top:				19px; /* match top ul list item height */
	_top:				19px;
	width:				187px;
}

ul.sub_menu li:hover li ul,
ul.sub_menu li.sfHover li ul {
	top:				-999em;
}
ul.sub_menu li li:hover ul,
ul.sub_menu li li.sfHover ul {
	left:				10em; /* match ul width */
	top:				0;
}
ul.sub_menu li li:hover li ul,
ul.sub_menu li li.sfHover li ul {
	top:				-999em;
}
ul.sub_menu li li li:hover ul,
ul.sub_menu li li li.sfHover ul {
	left:				10em; /* match ul width */
	top:				0px;
}


/*** SKIN ***/
.sub_menu {
	float:				left;
}
.sub_menu a {
	font-size:			12px;
	line-height:		22px;
	text-decoration:	none;
}
.sub_menu a, .sub_menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size:			12px;
	color:				#4C4C4C;
	text-decoration:	none;
}
.sub_menu li {
	width:				187px;
}
.sub_menu li li {
	background:			#ffffff;
	
	padding:			0 0 0px 0;
	margin:				2px 0 2px 0;
}
.sub_menu li.active,
.sub_menu li:hover, .sub_menu li.sfHover {
	outline:			none;
	
	width:				187px;
	_padding-bottom:	5px;
}

.sub_menu a:focus, .sub_menu a:hover, .sub_menu a:active{
	text-decoration:	none;
	font-size:			12px;
	color:				#4C4C4C;
}

.sub_menu li li.active,
/* .sub_menu li li:hover, */ .sub_menu li li.sfHover {

	background:			#33c8ff;
}

.sub_menu li ul li a {	
	color:				#4C4C4C;
	line-height:		normal;
	padding:			0;
}

.sub_menu li ul li a:hover {	
	color:				#4C4C4C;
	background:			#99e3ff;
}

.sub_menu li ul li.active a:hover {	
	color:				#4C4C4C;
	background:			#33c8ff;
}