/* @override http://sabrix.w3sustainable.com/wp-content/themes/sabrix/javascripts/superfish-1.4.8/css/superfish.css */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu a {
	display:		block;
	position:		relative;
}

/*** SKIN ***/
table.sf-menu {
  border-top: 1px solid #be2128;
  border-bottom: 1px solid #be2128;
}
.sf-menu {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	font-family: Arial;
	border-spacing: 0px;
}
.sf-menu a {
	padding: 		11px 15px;
	text-decoration: none;
}
.sf-menu td {
	border-left:  1px solid #bbc5d8;
	border-right: 1px solid #3f4a50;
	height: 32px;
}
.sf-menu a  {
	color:			#FFF;	
	text-decoration: none;
}
.sf-menu a:visited  {
	color:			#FFF;	
	text-decoration: none;
}
.sf-menu a:hover  {
	color:			#FFF;	
	text-decoration: none;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#11608f;
	outline:		0;
	text-decoration: none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

td.leftclear {
	border-left: 0px;
}
td.rightclear {
	border-right: 0px;
}