.menu {
	margin:0 0 0 130px;
	line-height:1.0;
}

#menu a{
	color:#FFF;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:normal;
}

.menu ul {
	position:absolute;
	top:-999em;
}

ul.menu li {
	height:36px;
}

.menu li:hover {
	visibility:inherit;
}

.menu li {
	float:left;
	position:relative;
}

.menu a {
	display:block;
	position:relative;
}

.menu li:hover ul,
.menu li.sfHover ul {
	left:-125px;
	top:36px; 
	z-index:99;
}

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

ul.menu li li:hover ul,
ul.menu li li.sfHover ul {
	left:10em; 
	top:0;
}

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

ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {
	left:10em; 
	top:0;
}

.menu {
	float:left;
	margin-bottom:	1em;
}

.menu a {
	padding:.75em 1em;
	text-decoration:none;
}

.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#13a;
}

.menu li {
	background:#000;
}

.menu li li {
	background:#670100;
	font-size:14px;
	width:180px;
	text-decoration:none;
}

.menu li:hover{
	text-decoration:underline;;
	color:#FFF;
}

.menu li:hover li{
	text-decoration:none;
}
.menu li li:hover{
	background:#000;
	cursor:pointer;
	color:#FFF;
	text-decoration:underline;
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

.menu ul .sf-sub-indicator { background-position:  -10px 0; }
.menu ul a > .sf-sub-indicator { background-position:  0 0; }

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

/*** shadows for all but IE6 ***/
ul.menu li li {
	-moz-opacity:.95; 
	filter:alpha(opacity=95); 
	opacity:.95;
}