/* sub menus ----------- */	
nav#subNav { 
	margin: 0 0 20px 0; 
  	background: #1e2426;
	padding: 0; color: #FFFFFF; line-height: 200%;  }
/* controls the mobile menu main strip */
nav#subNav div#subNavToggle			{	border-bottom: 2px solid #EFEFEF; 	padding: 5px 10px; line-height: 200%; text-align: right;
	background: #1e2426;
	}
/* controls toggle icon */
nav#subNav div#subNavToggle i			{	float: right;	padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px solid rgba(255,255,255,0.25); color: #FFFFFF;  }
/* controls the menu list */
nav#subNav ul#subNavToggleOptions	{	list-style: none; margin: 0;	 padding: 0;  }
	
@media only screen 
and (max-width : 767px) {
	nav#subNav div#subNavToggle	{	display: block; }
/* controls the mobile menu drop down font */	
	nav#subNav ul#subNavToggleOptions li			{	display: block; float: none; padding: 0; text-align: left; width: auto;	}
	nav#subNav ul#subNavToggleOptions li a 		{ display: block; color: #1e2426; font-weight: bold; padding: 5px 5px 5px 20px; border-bottom: 1px solid #EFEFEF; text-decoration: none;
		background: #EAEEF1; );
	}
	nav#subNav ul#subNavToggleOptions li a:hover	{ background: #1e2426;  }
}
@media only screen 
and (min-width : 768px) {
	nav#subNav div#subNavToggle	{	display: none !important;	}
/* controls the desktop menu font */
	nav#subNav ul#subNavToggleOptions li			{	display: inline; float: left; text-align: center; width: auto;  }
	nav#subNav ul#subNavToggleOptions li a 		{ display: inline; color: #FFFFFF; font-weight: bold; padding: 5px; border-right: 2px solid #FFFFFF; text-decoration: none;
		background: transparent;  }
	nav#subNav ul#subNavToggleOptions li a:hover	{ color: #FFFFFF;  }
	nav#subNav ul#subNavToggleOptions li:last-child a	{ border-right: 0;  }
}