.slicknav_menu {
	display:none;
}

#menu > ul {
	/*width: 960px;*/ /* taken out and replaced with > ul > li widths of 100px*/
	margin: 0 auto; 
	/*padding: 0;*/
	padding: 0 0 0 160px; 
	list-style: none; 
	display: table;
	}
	
#menu > ul > li > ul{
	list-style: none;
	}
	
#menu > ul > li {
	display: table-cell; 
	margin: 0; 
	/*padding: 0;*/ 
	padding: 0 5px; /* mine added to make the menu not go over two lines but spread them out instead of the width:100% style below */	 
	color: #000; 
	position: relative;
	/*width:100px;*/
	width:auto; /* mine added to make the menu not go over two lines*/
	list-style: none; 	  
	}
	  
#menu ul > li a {
  color: #7f7f7f;
  display: block;
 font-family: 'Lato', sans-serif;
  font-size: 11.5px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
 padding: 0 5px;
 list-style: none;  
}

 #menu ul > li a:hover {
	-webkit-transition: all 0.8s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 0.8s ease-out;  /* Firefox 4-15 */
	-o-transition: all 0.8s ease-out;  /* Opera 10.50–12.00 */
	transition: all 0.8s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	color: #FFF;
	background-color: #157caf;
}

		
 #menu ul > li a:hover {
	-webkit-transition: all 0.8s ease-out;  /* Chrome 1-25, Safari 3.2+ */
	-moz-transition: all 0.8s ease-out;  /* Firefox 4-15 */
	-o-transition: all 0.8s ease-out;  /* Opera 10.50–12.00 */
	transition: all 0.8s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
	color: #FFF;
	background-color: #157caf;
}



#menu ul > li ul {
  background: #fff none repeat scroll 0 0;
  display: none;
  left: 0;
  margin: 0 0 0 -50px;
  min-width: 220px;
  padding: 0;
  position: absolute;
  top: 40px;
  width: 100%;
  z-index: 999999 !important;
}

#menu ul > li:hover ul {
	display: block;
	}
	

/*added menu styles for level 3 dropdown*/

/* Level 3 */
	
#menu ul > li > ul > li > ul > li{
  display: none;   
}

#menu ul > li > ul > li:hover ul > li {
	display: block;
	}
	
#menu ul > li > ul > li > ul  {
	text-align: left;
	display: none;	
	position: absolute;		
	top: 0; /* this aligns the 3rd dropdown to its parent */
	z-index: 9999999;
	width: 100%;
	left: 270px;
	list-style: none; 
}

#menu li {
	position: relative; /* this is what is pulling everything into alignment for the level 3 dropdown and the ul not needing a top value*/
}

	
/* end of added menu styles for level 3 dropdown*/



/* changed it from 40em to 736px to cover 6+ iPhone is 736px*/
@media screen and (max-width: 736px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}