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

608AC7 logo blue
9F1B33 logo red
242424 logo black
f3eddd cream
fefaf0 lt cream

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

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

.nav-menu ul
{
border: 0px solid #000;	
margin: 0 auto;

}

.main-navigation ul {
	margin: 0;
	text-indent: 0;
}

	.main-navigation li a,
	.main-navigation li {
		/*display: inline-block;*/		
		text-decoration: none;
	}
	
	
	.main-navigation li {
		padding: 0 0px 0 0px;	
		margin: 0;		
		position: relative;
		float: left;
		float: none; /* this makes the 'a' fill the full width of the ul */
		border-left: 0px solid #000;
		
		/*background:transparent url('images/nav_bullet_3.png') left 21px no-repeat;*/
		/*height: 68px;	*/
	}

		.main-navigation li a {
			border-bottom: 0;					
			color: #fff;	
			color: #242424;	
			color: #9F1B33;
			color: #242424;		
			font-family: open sans, 'Montserrat', sans-serif;
			font-size: 14px;
			/*font-weight: bold;*/
			line-height: 48px;			
			text-transform: none;
			white-space: nowrap;
			/*text-shadow: 3px 3px 1px #ccc;*//
			transition: all 0.5s ease; /* transition property must be set on BOTH elements involved in the transition i.e. the 'a' AND the 'a:hover' */
			-webkit-transition: all 0.5s ease;
			padding: 0px 16px 0px 16px; 
			text-transform: uppercase;
		}
		
			.smaller .main-navigation li a
			{
			/*line-height: 30px;*/
			}
	
		
		/* first level hover & active */
		.main-navigation li a:hover { 
			color: #9F1B33;			
			/*text-shadow: 1px 1px 2px #fff;*/
			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 */
		}

		/* active link color */
		.main-navigation .current-menu-item > a,
		.main-navigation .current-menu-ancestor > a,
		.main-navigation .current_page_item > a,
		.main-navigation .current_page_ancestor > a {
			color: #9F1B33; 			
			font-weight: normal;
			/*text-shadow: 1px 1px 2px #fff;*/
		}
		
		.menu-toggle {
			display: none;
		}
		
		.main-navigation li.page-item-5 a
		{
		/*border: 2px solid #9F1B33;	
		font-weight: bold;*/
		}
		
			
		
		/* SECOND LEVEL */
		
		/* second level ul */
		.main-navigation li ul {
			display: none;
			/*display: block;*/ /* uncomment this to make all levels visible at the same time */
			border: 2px solid #9F1B33 !important;
			border: 2px solid #9F1B33 !important;
			border-top: 0px !important;				
			/*background:	url('images/nav_bg.gif') repeat-y;*/
			background-color: #fefaf0; /* use the background-color on the 'a' attribute below if getting a mystery padding on the right */			
			margin: 0;
			padding-top: 10px;
			padding-bottom: 10px;
			position: absolute;
			top: 48px;  /* move second level nav up or down */
			left: 22px;
			left: 0px;
			z-index: 1;
			transition: all .5s ease-in-out;				
		}
		
			/* second level li */
			.main-navigation li ul li{
				background-image: none;
				display: block;
				height: auto;				
				/*width: auto;*/
			}
			
				/* second level a */
				.main-navigation li ul li a {	
					background: none;			
					border-bottom: 0px solid #ededed;
					display: block;
					position: relative;
					font-size: 14px;		
					line-height: 14px;						
					width: 180px;	
					width: inherit;	
					border: 0px solid black;
					padding: 7px 25px 7px 25px;
					white-space: nowrap; /* stops long nav items from wrapping to the next line */
					text-shadow: none;
				}
				
				/* second level a hover */
				.main-navigation li ul li a:hover {
					background-color: #9F1B33;
					color: #fff;					
					/*color: #444;*/
				}
		
		
		/* THIRD LEVEL */
		
		.main-navigation li ul ul {
			top: 0;
			left: 100%;
			border-top: 2px solid #e5e5e5 !important;
			top: 0px;  /* move third level nav up or down */			
			
		}
		
		/* second level ul */
		.main-navigation li ul ul li{
			
			
		}
		
		.main-navigation 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;
		}
		

		
		
		