.tabs ul  > a,  {
    display: none;
}
/*** ESSENTIAL STYLES ***/
.tabs, .tabs * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.tabs{
	line-height:	1.0;
}
.tabs ul {
	position:		absolute;
	top:			-999em;
	background:		#b0c95a;
	width:			10em; /* left offset of submenus need to match (see below) */
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
}
.ie7 .tabs ul {
	z-index:		1;
}
.tabs ul li {
	width:			100%;
}
.tabs li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.tabs li {
	float:			left;
	position:		relative;
	margin-top:		5px;
}
.tabs a {
	display:		block;
	position:		relative;
}
.tabs li:hover ul,
.tabs li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.tabs li:hover li ul,
ul.tabs li.sfHover li ul {
	top:			-999em;
}
ul.tabs li li:hover ul,
ul.tabs li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.tabs li li:hover li ul,
ul.tabs li li.sfHover li ul {
	top:			-999em;
}
ul.tabs li li li:hover ul,
ul.tabs li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.tabs {
	float:			left;
}

.tabs a {
	padding: 		0.25em 1.7em;
	text-decoration:none;
}
.tabs a, .tabs a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#444444;
}

.tabs  li.sfHover ul li:hover, .tabs li.sfHover, .tabs li.sfHover a:active, .tabs li.sfHover a:hover  {
	background:		#CCE479;
	outline:		0;
}
.tabs li:hover,  .tabs a:focus, .tabs a:hover {
	background:		#b0c95a;
	outline:		0;
}

li.active
{
	background:		#CCE479;
}