/*** ESSENTIAL STYLES ***/

#mainNav {
    padding: 0; 
	background: #cccccc;  
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		3px 10px;	
}

.sf-menu ul {
	width:			200px; /* left offset of submenus need to match (see below) */		
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	padding: 		5px;
	background: 	#224b7d;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			170px; /* match ul width */
}


/*** DEMO SKIN ***/

.sf-menu a, .sf-menu a:visited {
	padding: 		2px 10px 2px 10px;
	text-decoration:none;
	font-family: 	trebuchet ms;
	font-size: 		13px;
	font-weight:	normal;
	color: 			#565656;
	margin: 		0px;
	line-height: 	25px;
	background: 	none;
}

.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		none;
	outline:		0;
	color: 			#ffffff;	
	background: 	#224b7d;	
}



.sf-menu ul li a, .sf-menu ul li a:visited {
	padding: 		2px 5px 2px 5px;
	text-decoration:none;
	font-family: 	trebuchet ms;
	font-size: 		13px;
	font-weight:	normal;
	color: 			#ffffff;
	background:		none;	
}

.sf-menu ul li a:focus, .sf-menu ul li a:hover, .sf-menu ul li a:active {
	background:		none;
	outline:		0;
	background: 	#3181b4;	
}



.sf-menu li {
	margin:			0 2px 0 2px;
	padding: 		0;
}
.sf-menu li li {
	margin:			0;
}
.sf-menu li li li {
	margin:			0;
}


ul.sf-menu li a ul li a, 
ul.sf-menu li a ul li a:focus, 
ul.sf-menu li a ul li a:hover, 
ul.sf-menu li a ul li a:active{
	padding: 		7px 5px 7px 5px;
	text-decoration:none;	
}