/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	0.5;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			25em; /* left offset of submenus need to match (see below) */
	border:1px solid #ECECEC;	
}

.sf-menu li {
	margin:			0;
	padding:		0;
	list-style:		none;
	
}

.sf-menu ul li {
	width:			100%;
}

.sf-menu li ul {
	background:#fff;
}

/*.sf-menu ul li{
	border:1px solid red;	
	
}*/

.mainli
{
	/*border-top:1px dotted gray;*/
	padding-top:0px;
	padding-bottom:0px;	
}

a.sf-top
{
	font-family:verdana !important;
	font-size:10px !important;
	font-weight:bold;
	letter-spacing:0px !important;	
	text-decoration:none !important;
	color:#717171 !important;
}

a.sf-top:hover 
{
	color:#CC976B;
}

/*********************/
/* main menu items */
li.sf-menu-main { margin: 0; padding: 0; list-style: none;}
li.sf-menu-main a { color:#777477; }
/*********************/

/*********************/
/* sub head items */
li.sf-menu-subhead  { font-weight:bold; font-family:arial !important; font-size:10px !important; font-weight:bold; }
li.sf-menu-subhead a, li.sf-menu-subhead a:visited  { color: #670000; }
/*********************/

/*********************/
/* sub menu items */
li.sf-menu-sub { font-family:arial !important; font-size:10px !important; color:#670000; }
li.sf-menu-sub:hover { background:#662D19; }
li.sf-menu-sub:hover a { color:#fff !important; }
li.sf-menu-sub a { margin-left:10px; color:#777477;}
/*********************/




.sub 
{
	
	font-weight:bold;
	font-family:arial !important;
	font-size:10px !important;
	font-weight:bold;	
	color:#670000 !important;

	
}
.subone 
{
	margin-left:10px;
		font-family:arial !important;
	font-size:10px !important;

}	
	


/*.sf-menu li ul {
	border:1px solid red;
}*/

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */

}


.sf-menu li li:hover {
	visibility:		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:			1.9em; 
	z-index:		99;

}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;	
}

li.sfHover li ul {
	left:			0;
	top:			1.9em; 
	z-index:		99;
	border:1px solid red;
}



/***** comment */
/*ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			14em; 
	top:			0;
	border:1px solid green;
}


ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	border:1px solid red;
}



ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			14em; 
	top:			0;
}*/

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	/*margin-bottom:	1em;*/
}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;*/
	padding: 		.75em 1em;
	_padding-left: 	0px;	
	text-decoration:none;
	font-family: verdana;
	font-size:10px;
	letter-spacing:normal;
	white-space:nowrap;

	

}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/*color:			#777477;*/
}
.sf-menu li {
	/*background:		#fff url(necsa_menu.jpg) bottom repeat-x;*/
	
}
.sf-menu li li {
	background:#fff;
	/*width:100%;*/
	/*border-bottom:1px solid #E8E8E1;*/
	
}

.sf-menu li ul li li {
	/*border-bottom:1px solid red;*/
	/*border-bottom:1px solid #E8E8E1;*/
	
}

.sf-menu li ul li li 
{
	/*border:1px solid blue;*/
}



.sf-menu li li li {
	background:		#fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/*background:		#fff url(necsa_menu_hover.jpg) bottom repeat-x;*/
	/*color:#fff;*/
	outline:		0;
	/*background:red;*/
}

.subone:hover {
	/*background:		#fff url(necsa_menu_hover.jpg) bottom repeat-x;*/
	/*color:#fff;*/
	outline:		0;
	background:#670000;
	color:#000;
}


.subextra:hover {
	/*background:		#fff url(necsa_menu_hover.jpg) bottom repeat-x;*/
	/*color:#fff;*/
	outline:		0;
	background:#670000;
	color:#000;
}




/*** 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(necsa_bullet_green.gif) 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*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

	
		
/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	19em;
}

.sf-vertical li li {
	width:	25em;
}



/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	19em; /* match ul width */
	top:	0px;
}
/*
.sf-vertical li li:hover ul,
.sf-vertical li li.sfHover ul {
	left:	22em !important; 
	top:	0px;
}*/
/*
.sf-vertical li li li:hover ul,
.sf-vertical li li li.sfHover ul {
	left:	22em !important; 
	top:	0px;
}*/

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}