
/*** 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:			200px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu 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:			2.5em; /* match top ul list item height */
	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:			200px; /* 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:			200px; /* match ul width */
	top:			0;
}

/*** DP SKIN ***/
.sf-menu {
	float: left;
	font-size: 16px;
	
}

.sf-menu a {
	text-decoration:none;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: -6px;
	padding-left: 6px;
	pading-right: 0px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
	background:		#FFF;
}
.sf-menu li li a{
	background:	url('../images/li-spacer.jpg')	bottom center no-repeat #414042;
	
}

	.sf-menu li li a {
		font-size: 11px;
		color: #FFF;
		font-weight: bold;
		padding: 6px 6px;
	}
	
		.sf-menu li li a:hover {
	background:	url('../images/li-spacer.jpg')	bottom center no-repeat #414042;
		}
	
.sf-menu li li li {
	font-size: 12px;
	color: #FFF;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#414042;
	outline:		0;

}

.menu-subhover {
	background:		#414042;

}

/* Links */
/* Default */

.sf-menu a,
.sf-menu a:hover,
.sf-menu a:active,
.sf-menu a.active {
	color: #7693a7;
}

/* Link specific */

.sf-menu a.new:before {
	content:url("../images/new_icon.png");
	position:relative;
	top:2px;
}

.sf-menu .start-here {
	
}
	
	.sf-menu .start-here  a,
	.sf-menu .start-here  li a:hover { 
				color: #7693a7;
	}
		
		.sf-menu .start-here li a {
			color: #FFF;
			font-weight: bold;
		}

.sf-menu .quick-reference {
	padding-bottom: 17px;
	margin-bottom: 13px;
	background: url('../images/menu-spacer.jpg') bottom left no-repeat;

}
	
	.sf-menu .quick-reference  a,
	.sf-menu .quick-reference  li a:hover { 
				color: #7693a7;
	}
		
		.sf-menu .quick-reference li a {
			color: #FFF;
			font-weight: bold;
		}



.sf-menu .site-overview {
	padding-bottom: 17px;
	margin-bottom: 15px;
	background: url('../images/menu-spacer.jpg') bottom left no-repeat;
}
	
	.sf-menu .site-overview a,
	.sf-menu .site-overview li a:hover  {
				color: #7693a7;
	}
	
		.sf-menu .site-overview li a {
			color: #FFF;
			font-weight: bold;
		}
	
.sf-menu .best-practices {
}
	
	.sf-menu .best-practices  a,
	.sf-menu .best-practices  li a:hover {
		color: #d7273c;
	}
	
		.sf-menu .best-practices li a {
			color: #FFF;
			font-weight: bold;
		}
	
.sf-menu .workflow {
	padding-bottom: 17px;
	margin-bottom: 13px;
	background: url('../images/menu-spacer.jpg') bottom left no-repeat;

}
	
	.sf-menu .workflow  a,
	.sf-menu .workflow  li a:hover { 
				color: #ed6600;
	}
		
		.sf-menu .workflow li a {
			color: #FFF;
			font-weight: bold;
		}

.sf-menu .seminars {
}
	
	.sf-menu .seminars a {
		color: #7693a7;
	}

		.sf-menu .seminars li a {
			color: #FFFFFF;
		}

		.sf-menu .seminars li a:hover {
			color: #7693a7;
		}

.sf-menu .resources {
}
	
	.sf-menu .resources a {
		color: #7693a7;
	}

		.sf-menu .resources li a {
			color: #FFFFFF;
		}

		.sf-menu .resources li a:hover {
			color: #7693a7;
		}
	
.sf-menu .resources,
.sf-menu .blog {
	padding-bottom: 17px;
	margin-bottom: 13px;
	background: url('../images/menu-spacer.jpg') bottom left no-repeat;
}
	
	.sf-menu .credits a {
		color: #7693a7;
	}

		.sf-menu .credits li a {
			color: #FFFFFF;
		}

		.sf-menu .credits li a:hover {
			color: #7693a7;
		}

.sf-menu .data-storage-hardware {
}

	.sf-menu .data-storage-hardware a {
		color: #7693a7;
	}

		.sf-menu .data-storage-hardware li a {
			color: #FFFFFF;
		}

		.sf-menu .data-storage-hardware li a:hover {
			color: #7693a7;
		}
