/*********************************************
	MAIN NAV
*********************************************/

/* Tags that use the sprite */
.main-nav ul li,
.main-nav ul li a,
.main-nav ul ul{
	background: url(https://www.sigmanufoundation.org/images/system/nav.png) no-repeat left top;
}

/* main navigation bar and main li height */
.main-nav,
.main-nav ul li{
	display:block;
	height:50px;
}

.main-nav li{ 
	cursor:pointer;
}

/*set all z indexs for menus */
.main-nav{z-index:10;}
.main-nav ul{z-index:20; position:relative;}
.main-nav ul ul{z-index:30;}

.main-nav ul{
	list-style-type:none; 
	margin:0;
	padding:0;
}


/*********************************************
	Main Navigation
*********************************************/

/* center main navigation - delete if left aligned */
.main-nav ul.level1{}

.main-nav ul li{ 
	padding:0;
	margin:0;
	float:left;
	background-position: -779px top;
	text-indent:-9999px;
	position:relative;
	width:160px;
	height:40px;
}

.main-nav ul li:hover{background-position: -779px -50px; }
.main-nav ul li.active, .main-nav ul li.active:hover{background-position: -779px -100px; }

	

	/* set height and margin of main navigation a */
	.main-nav ul li a{
		display:block;
		height:100%;
		width:100%;
	}


	/* offset left position, normally it's left or 0, but in this cas is set to padding from ".main-nav ul li a above */
	/* offset top position, if it's normally -200px but set to -220px */
	.main-nav ul li#mm1 {width:159px;}
	.main-nav ul li#mm1 a{background-position: left -229px;}
	
		/* remove left border for first item - just offset background image by 5px to hide graphic border in sprite file */
		.main-nav ul li#mm1{background-position: left top;} 
		.main-nav ul li:hover#mm1{background-position: left -50px; } 
		.main-nav ul li#mm1:hover.active, .main-nav ul li#mm1.active{background-position: left -100px; } 
	
	.main-nav ul li#mm2 a{background-position: 2px -269px;}
	.main-nav ul li#mm3 a{ background-position: 2px -309px;}
	.main-nav ul li#mm4 a{background-position: 2px -349px;}
	.main-nav ul li#mm5 a{ background-position: 2px -389px;}
	.main-nav ul li#mm6 a{background-position: 2px -429px;}
	.main-nav ul li#mm7 a{background-position: 2px -469px;}
	.main-nav ul li#mm8 a{background-position: 2px -509px;}

	

	


/*********************************************
	Sub Level 1
*********************************************/
.main-nav ul ul{
	position:absolute;
	top:31px;
	left:-2px;
	width:158px;
	background-position:left bottom;
	padding:0 0 14px 0;
	font-weight:bold;
	text-align:center;
	display:none !important;
}


.main-nav ul ul li {
	background-position:left -850px;
	height:auto;
	margin:0;
	padding:0;
	width:100%;
}

/*********************************************
	Sub Level 2
*********************************************/
.main-nav ul ul ul{
	width:198px;
	padding:0 0 14px 0;
	background-position:-492px bottom;
	margin: -50px 0 0 178px;
}


/* styling for first item in sub sub li */
.main-nav ul ul ul li.subsub1{background-position:-760px -1000px; height:31px;}
.main-nav ul ul ul li:hover.subsub1{background-position:-760px -1100px;}

	/* all other sub sub li styling */
	.main-nav ul ul ul li {background-position:-760px -1050px;}	
	.main-nav ul ul ul li:hover {background-position:-760px -1150px;}
	
	/* left flyout ( add "left-flyout" class to sub sub ul ) */
	.main-nav ul ul ul.left-flyout{margin-left: -194px; }
	.main-nav ul ul ul.left-flyout li.subsub1 {background-position:-742px -1200px;}	
	.main-nav ul ul ul.left-flyout li.subsub1:hover {background-position:-742px -1300px;}



/*********************************************
	Shared Sub and Sub Sub Navigation styles
*********************************************/
.main-nav ul ul,
.main-nav ul li:hover ul ul{
	display:none;
}

.main-nav ul li:hover ul,
.main-nav ul li:hover ul li:hover ul{
	display:block;		
}

	/* set height and margin of sub navigation a if different from main navigation height and margin */
	.main-nav ul ul li a{ }
	
	
	/* to debug a drop down and to make it visible set it to display block ( example: li#mm1 ul{display:block;} will set first menu drop down to be visible. ) */
	

/* comment in if you want text links for all sub navigation */
	.main-nav ul ul li {text-indent:0; }
	.main-nav ul ul li a{background:none; color:#424242; text-decoration:none;}
	.main-nav ul ul li a:hover{color:#fff;	}


	/* flat top - default style comment out this block if you don't want flat top */	
	.main-nav ul ul li a  {
		padding:6px 0;
		display:block;
		margin:0 auto;

	}
	
	.main-nav ul ul ul li a{margin-left:14%; }
	.main-nav ul ul li:hover{background-position:-500px -850px;}
	
	.main-nav ul li#mm1 li.sub1 a{background-position: -1085px 10px !important;}
	.main-nav ul li#mm1 li:hover.sub1 a{background-position: -1335px  10px !important;}
	
	.main-nav ul li#mm2 li.sub1 a{background-position: -1085px -390px !important;}
	.main-nav ul li#mm2 li:hover.sub1 a{background-position: -1335px -390px !important;}
	
	.main-nav ul li#mm3 li.sub1 a{background-position: -1085px -790px !important;}
	.main-nav ul li#mm3 li:hover.sub1 a{background-position: -1335px -790px !important;}
	
	.main-nav ul li#mm4 li.sub1 a{background-position: -1590px 10px !important;}
	.main-nav ul li#mm4 li:hover.sub1 a{background-position: -1840px 10px !important;}
	
	.main-nav ul li#mm5 li.sub1 a{background-position: -1590px -390px !important;}
	.main-nav ul li#mm5 li:hover.sub1 a{background-position: -1840px -390px !important;}
	
	.main-nav ul li#mm6 li.sub1 a{background-position: -1590px -790px !important;}
	.main-nav ul li#mm6 li:hover.sub1 a{background-position: -1840px -790px !important;}
	
	.main-nav ul li#mm7 li.sub1 a{background-position: -2090px 10px !important;}
	.main-nav ul li#mm7 li:hover.sub1 a{background-position: -2340px 10px !important;}
	
	.main-nav ul li#mm8 li.sub1 a{background-position: -2090px -390px !important;}
	.main-nav ul li#mm8 li:hover.sub1 a{background-position: -2340px -390px !important;}
	 



/*********************************************
	Sub Navigation Left
*********************************************/
ul.sidebar-nav{
	margin:0;
	padding:0;
	list-style-type: none;
	position:relative;
	z-index:100;
}

/* increments of 72px */
ul.sidebar-nav li{
	background: url(https://www.sigmanufoundation.org/images/subnav.png) no-repeat left -144px;
	padding:0;
	margin:0;
	postion:relative;
	
}

ul.sidebar-nav li:hover{background-position: right -144px;}


ul.sidebar-nav li .wraptocenter{
	height:40px;
}
ul.sidebar-nav li{
	font-size:.9em;
	width:180px;
	display:table-cell;
	float:left;
	padding:0;
	margin:0;
}

ul.sidebar-nav li a{	
	color: #424242;
	text-decoration:none;
	display:block;
	padding-left:10px;
	padding-top:11px;
	height:29px;
	width:180px;
}

ul.sidebar-nav li:hover{
	color: #eae5eb;
}
ul.sidebar-nav li a:hover{
	color: #eae5eb;
}

/* if only one link */
ul.sidebar-nav li.single{height:39px; background-position: left top;}
ul.sidebar-nav li.single:hover{background-position: right top;}
ul.sidebar-nav li.single a{height:39px; line-height:16px;}

/* top navigation item */
ul.sidebar-nav li.top{background-position: left -72px;}
ul.sidebar-nav li.top:hover{background-position: right -72px;}

/* bottom navigation item */
ul.sidebar-nav li.bottom{background-position: left bottom;}
ul.sidebar-nav li.bottom:hover{background-position: right bottom;}


ul.sidebar-nav li ul{
	position:relative;
	left:170px;
	top:-30px;
	display:none;
}

.twocol-right ul.sidebar-nav li ul{
	left:-170px;
}


ul.sidebar-nav li:hover ul{
	display:block;
}