/***** COLORS *****

608AC7 dk blue
A93E23 lt blue
d1d1d1 border grey
f4f4f4 background lt grey
85d223 green
fc6500 orange

/*******************/

#nav_container_mobile.main-navigation-mobile ul.nav-menu-mobile,
#nav_container_mobile.main-navigation-mobile div.nav-menu-mobile > ul {		
	display: inline-block !important;		
	width: auto;
	border-bottom: 0px solid #EDEDED;
	border-top: 0px solid #EDEDED;

}

#nav_container_mobile .nav-menu-mobile ul
{
border: 0px solid yellow;	
margin: 0 auto;
/*display: none;*/
}

#nav_container_mobile.main-navigation-mobile ul 
{
border: 2px solid #fff !important;	
border-left: 0px !important;	
margin: 0 auto;
list-style: none;	
background-color: #A93E23;
padding-top: 10px !important;	
padding-bottom: 10px !important;	
padding: 10px;
-moz-border-radius-topright: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-top-right-radius: 15px;
-webkit-border-bottom-right-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
-webkit-box-shadow: 1px 2px 3px #4a4a4a;
-moz-box-shadow: 1px 2px 3px #4a4a4a;
box-shadow: 1px 2px 3px #4a4a4a;
/*display: inline-block;*/ /* turn off for vertical menu */
}

	#nav_container_mobile.main-navigation-mobile li a,
	#nav_container_mobile.main-navigation-mobile li {
		/*display: inline-block;*/		 
		text-decoration: none;
	}
	
	
	#nav_container_mobile.main-navigation-mobile li {		
	/*float: left; */ /* turn off for vertical menu */
	border: 0px solid green;		
	/*padding: 0px 15px 0px 15px;*/
	list-style: none;	
	margin-bottom: 0px;	
	margin-top: 0px !important;
	display: block !important;
	margin-right: 0px; !important;
	margin-bottom: 4px;	
	
	}

		#nav_container_mobile.main-navigation-mobile li a {
		/*width: 200px;	*/
		position: relative;							
		top: 0px;
		left: 0px;		
		text-align: left;
		vertical-align: middle;
		font: 20px/32px arial, verdana, helvetica, geneva, sans-serif !important;
		color: #fff;
		text-decoration: none;
		text-transform: none !important;
		border: 0px solid yellow;								
		padding: 2px 15px 2px 15px !important;
		display: block;	
		border-bottom: 1px solid #fff;			
		text-shadow: 0px 1px 1px #000;
		}
		
		/* first level hover */
		#nav_container_mobile.main-navigation-mobile li a:hover, #nav_container_mobile.main-navigation-mobile li.current_page_item > a, #nav_container_mobile.main-navigation-mobile li.current_page_ancestor > a
		{ 	
		color: #fff !important;				
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		/*line-height: 63px; this sets the link to move up slightly when hovered over */
		/*color: #A93E23;*/		
		}
	
		/* active link color */
		#nav_container_mobile.main-navigation-mobile .current-menu-item > a,
		#nav_container_mobile.main-navigation-mobile .current-menu-ancestor > a,
		#nav_container_mobile.main-navigation-mobile .current_page_item > a,
		#nav_container_mobile.main-navigation-mobile .current_page_ancestor > a {
			/*color: #E2E0D4;*/
		}
		
		.menu-toggle {
			display: none;
		}

		
		/* SECOND LEVEL */
		
		/* second level ul */
		#nav_container_mobile.main-navigation-mobile li ul {
			display: none !important; /* make sure mouseovers don't work */
			/*display: block;*/ /* uncomment this to make all levels visible at the same time */
			border-left: 1px solid #fff !important;
			border-right: 1px solid #fff !important;
			border-bottom: 1px solid #fff !important;
			border: 2px solid #d1d1d1 !important;	
			/*background-color: #2B66B6;*/
			margin: 0;
			padding: 10px;
			position: absolute;
			top: 0px;  /* move second level nav up or down */
			left: 100px;
			/*right: 0px;*/
			z-index: 1;
			transition: all .5s ease-in-out;				
		}
		
			/* second level li */
			#nav_container_mobile.main-navigation-mobile li ul li{
				/*background-image: none;*/
				display: block;
				height: auto;
				
				/*width: auto;*/
			}
			
				/* second level a */
				#nav_container_mobile.main-navigation-mobile li ul li a 
				{
				border-bottom: 0px solid #ededed;
				display: block;
				position: relative;
				font-size: 16px !important;		
				line-height: 14px;						
				width: 180px;	
				width: inherit;	
				border: 0px solid black;
				padding: 5px 15px 5px 15px;
				white-space: nowrap; /* stops long nav items from wrapping to the next line */
				
				background-color: #aaa;	 /* use the background-color on the 'a' attribute below if getting a mystery padding on the right */
				/*background-color: #f0eee6;*/
				background-image: -webkit-linear-gradient(top, #aaa, #2083d2) !important;; /* For Chrome and Safari */
				background-image:    -moz-linear-gradient(top, #aaa, #2083d2) !important;; /* For old Fx (3.6 to 15) */
				background-image:     -ms-linear-gradient(top, #aaa, #2083d2) !important;; /* For pre-releases of IE 10*/
				background-image:      -o-linear-gradient(top, #aaa, #2083d2) !important;; /* For old Opera (11.1 to 12.0) */
				background-image:         linear-gradient(to bottom, #96BFE0, #4D6FB6) !important; /* Standard syntax; must be last */
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaa', endColorstr='#2083d2') !important;; /* for post 5.5 IE */		
				
				border: 1px solid #d1d1d1;
				-moz-border-radius: 8px;  
				-webkit-border-radius: 8px;  
				border-radius: 8px;  		
				
				-moz-border-radius-topleft: 0;
				-webkit-border-top-left-radius: 0;
				border-top-left-radius: 0; 
			
				-webkit-box-shadow: 0 8px 6px -6px #444444;
				-moz-box-shadow: 0 8px 6px -6px #444444;
				box-shadow: 0 8px 6px -6px #444444;
				
				text-shadow: 0px 1px 1px #000;		
				}
				
				/* second level a hover */
				#nav_container_mobile.main-navigation-mobile li ul li a:hover {
					background: transparent;
					/*color: #444;*/
				}
		
		
		/* THIRD LEVEL */
		
		#nav_container_mobile.main-navigation-mobile li ul ul {
			top: 0;
			left: 100%;
			border-top: 1px solid #fff;
			top: -1px;  /* move third level nav up or down */
		}
		
		/* second level ul */
		#nav_container_mobile.main-navigation-mobile li ul ul li{
			
			
		}
		
		#nav_container_mobile.main-navigation-mobile ul li:hover > ul {
			border-left: 1px solid #fff; /* only set this if you want a border around the second level ul....it is set to 0 in the default css page */
			display: block;
		}
		