/*** ESSENTIAL STYLES ***/
.sf-menu,
.sf-menu * 
{

	margin:	0;

	padding: 0;

	list-style: none;

}


.sf-menu 
{

	line-height: normal;


}

.sf-menu ul
{

	position: absolute;

	z-index: auto;

	top: auto;


}

.sf-menu ul li
{

	width: 100%;

}

.sf-menu li:hover
{

	visibility: visible; /* inherit fixes IE7 'sticky bug' */

}

.sf-menu li
{

	float: left;

	position: relative;
}

.sf-menu a
{

	display: block;

	position: relative;

}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {

	left: 0;
	top: auto; /* match top ul list item height */

	z-index: 0;

}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul
{

	top: auto;

}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {

	left: 12em; /* match ul width */

	top: 0;

}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul
{
	top: auto;

}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul
{
	left: 12em; /* match ul width */

	top: 0;

}


/*** DEMO SKIN ***/

.sf-menu
{

	font-size: 12px; 
	font-family: Arial,Verdana,Tahoma;
	line-height: 18px;
	float: left;

	margin:	0px;

}

.sf-menu a
{

	border-left: 0px;

	border-top: 0px;
	padding: 0px;
}

.sf-menu a, .sf-menu a:visited
{
/* visited pseudo selector so IE6 applies text colour*/

	color: #000000;

}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active 
{
	outline: 0;

}