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

.sub_menu {
	float:				left;
	
	/* position:			absolute; */
	z-index:			999;
	
	top:				0;
	left:				0;

	line-height:		normal;
	font-family:		Arial, Helvetica, sans-serif !important;
	font-size:			11px 						 !important;
	text-transform:		uppercase 					 !important;
}
.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:				304px;
	_width:				302px;
}

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

.sub_menu li {
	float:				left;
	position:			relative;
	border:				1px solid #666666;
	min-height:			22px;
	height:				auto;
}
* html .sub_menu li{height:22px;}
html + body .sub_menu li{height:22px;}

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

.sub_menu a.dropdown {
	width:				288px;
	_width:				302px;
	background-image:	url('img/btn_icon_dropdown.gif') 	!important;
	background-position:286px 2px		    				!important;
	background-repeat:	no-repeat;
}




.sub_menu li:hover ul,
.sub_menu li.sfHover ul {
	z-index:			999;
	left:				-1px;
	top:				22px; /* match top ul list item height */
	_top:				22px;
	width:				304px;
	_width:				302px;
	
 	border-left:		1px solid #666666;
	border-bottom:		1px solid #666666;
	border-right:		1px solid #666666; 
}

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:				0px;
}
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:			11px;
	line-height:		22px;
	text-decoration:	none;
}
.sub_menu a, .sub_menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size:			11px;
	color:				#333333 !important;
	text-decoration:	none;
}
.sub_menu li {
	width:				304px;
	_width:				302px;

	background:			#ffffff;
	border:				1px solid #666666;
	min-height:			22px;
	height:				auto;
}
* html .sub_menu li{height:22px;}
html + body .sub_menu li{height:22px;}

.sub_menu li li {
	background:			#ffffff;
	border:				0px solid #ffffff;
	min-height:				22px;
	height:auto;
	
	padding:			0 0 1px 0;
	margin:				0;
}
* html .sub_menu li li {height:22px;}
html + body .sub_menu li li {height:22px;}

.sub_menu li.active,
.sub_menu li:hover, .sub_menu li.sfHover {
	outline:			none;
	
	width:				304px;
	_width:				302px;
	min-height:				22px;
	height:auto;
	
	border:				1px solid #666666;
	border-bottom:		1px solid #ffffff;
 	background:			#ffffff; 
}
* html .sub_menu li.active, * html .sub_menu li:hover, * html .sub_menu li.sfHover{height:22px;}
html + body .sub_menu li.active, html + body  .sub_menu li:hover, html + body  .sub_menu li.sfHover{height:22px;}



.sub_menu a:focus, .sub_menu a:hover, .sub_menu a:active{
	text-decoration:	none;
	font-size:			11px;
	color:				#333333 !important;
}

.sub_menu li li.active,
.sub_menu li li:hover, .sub_menu li li.sfHover {
	border:				0px solid #999999;
}

.sub_menu li ul li a {	
	min-height:				20px;
	height:auto;
	
	color:				#333333 !important;
	line-height:		normal;
	_line-height:		22px;
	padding-top:		4px;
	_padding-top:		0;
	padding-left:		16px	!important;
	_padding-left:		0px		!important;
	padding-right:		8px		!important;
	_text-indent:		16px;
}
* html .sub_menu li ul li a {height:20px;}
html + body .sub_menu li ul li a {height:20px;}


.sub_menu li ul li a:hover {	
	color:				#333333 !important;
	
}