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

940202 title red
3c62c7 lt blue

#c4c3ae bg beige
e1e0d5 column beige
f9f9f7 column box beige

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


	.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_divider.jpg') left top no-repeat;
			/*height: 68px !important;		*/
		}

			.main-navigation li a {
				border-bottom: 0;
				color: #fff;
				font-size: 16px;
				line-height: 68px;
				text-transform: none;
				white-space: nowrap;
				text-shadow: 0px 1px 0px #000;
				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 20px 0px 20px;
			}
			
			/* first level hover */
			.main-navigation li a:hover { 
				color: #c4c3ae;
				color: #fff;
				text-shadow: 0 0 6px #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 */
			}
		
			
			/* 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-left: 1px solid #fff;
				border-right: 1px solid #fff;
				border-bottom: 1px solid #fff;
				background-color: #9F1B33;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 100%;
				z-index: 1;
				transition: all .5s ease-in-out;		
				padding-top: 10px;	
				padding-bottom: 10px;		
			}
			
				/* 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: 16px;		
						line-height: 20px;						
						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 */
					}
					
					/* 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: 1px solid #fff;
			}
			
			/* 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;
			}
			

			
			/* 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: #c4c3ae; 
				color: #fff;
				font-weight: normal;
				text-shadow: 0 0 6px #fff;	;
			}
			
			.menu-toggle {
				display: none;
			}


		
