<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;}
.sf-menu {
	line-height:	1.0;}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	filter:alpha(opacity=95); /* ie transparent */
	-moz-opacity:0.95; /* moz + ff transparent */
	opacity: 0.95;}
.sf-menu ul li {
	width:			100%;}
.sf-menu li:hover {
	visibility:		inherit;}
.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:			2.6em!important; /* match top ul list item height */
	top: 2.6em;
	z-index:		99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			11em; /* match ul width */
	top:			0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;}

/*** DEMO SKIN ***/
.sf-menu {
	float:left;
	margin-left:2.8em!important;
	margin-left:1em;
	height:37px;}
.sf-menu a {
	/*border-left:	1px solid #fff;
	border-top:		1px solid #cfdeff;*/
	padding: 		.75em 0.75em;
	text-decoration:none;}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so ie6 applies text colour*/
	color:	#fff;}
.sf-menu li {
	background:	none;	/*#bdd2ff;*/
	height:37px;}
.sf-menu li li {
	background:	#61151f;	/*#aabde6;*/
	width: 110%;
	background-image:url(nav_li_dot.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;}
.sf-menu li li li {
	top:-2.6em!important;
	top:0em;
	background:	#61151f;	/*#9aaedb;*/
	width: 150%;
	background-image:url(nav_li_dot.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:	#875960;	/*#cfdeff;*/
	outline:		0;
	color:#ff0;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px;}
.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(arrows-ffffff.jpg) no-repeat -10px -100px;}
a &gt; .sf-sub-indicator {  /* give all except ie6 the correct values */
	top:			.8em;
	background-position: 0 -100px;}
/* apply hovers to modern browsers */
a:focus &gt; .sf-sub-indicator,
a:hover &gt; .sf-sub-indicator,
a:active &gt; .sf-sub-indicator,
li:hover &gt; a &gt; .sf-sub-indicator,
li.sfHover &gt; a &gt; .sf-sub-indicator {
	background-position: -10px -100px;}

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


</pre></body></html>