@charset "UTF-8";
/* CSS Document */

/* The container wrapping ul.dropdown */
#navwrap {
	float:left;
	width:100%;
}
 
/* Top level Unordered list */
.menu-main-navigation-container ul {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	list-style-type: none;
	float: right;
	margin: 18px 10px 0px 0px;
}
 
.menu-main-navigation-container ul li{
	float:left; /* makes horiz list */
	position:relative; /* hey Submenu-main-navigation-container ULs, appear below! */
}

.menu-main-navigation-container ul li.current_page_item a {
	background-color: #16416a;
}
 
.menu-main-navigation-container ul a {
	padding: 18px 16px 18px 16px; /*space the items, occupy entire height too.*/
	color: #FFF;
	text-decoration:none;
}
 
/* Style the link hover */
.menu-main-navigation-container ul li:hover a {
	background-color: #a34518;
}
 
/* Displays the link as blocks. */
.menu-main-navigation-container ul li ul a {
	display:block;
}
 
/* sub menu-main-navigation-containers!!  */
 
.menu-main-navigation-container ul ul {
	list-style: none;
	margin:0; /* Appear just below the hovering list */
	padding:0;
	width:200px; /* specify the width. */
	position:absolute; /* needed */
	z-index:500; /* specify the order */
}
 
.menu-main-navigation-container ul li ul {
	top:27px; /* Positioning:Calc with top level horz list height */
}
 
.menu-main-navigation-container ul ul ul {
	top:0;
	left:100%; /* Position the sub menu-main-navigation-containers to right. */
}
 
.menu-main-navigation-container ul ul li {
	float:none; /* umm.. Appear below the previous one. mmkay? */
}
 
/* Drop Down! */
 
/* Hide all the dropdowns (submenu-main-navigation-containers) */
	.menu-main-navigation-container ul ul,
	.menu-main-navigation-container ul li:hover ul ul,
	.menu-main-navigation-container ul ul li:hover ul ul
	{ display: none; }
 
/* Display the submenu-main-navigation-containers only when li are hovered */
	.menu-main-navigation-container ul li:hover ul,
	.menu-main-navigation-container ul ul li:hover ul ,
	.menu-main-navigation-container ul ul li ul li:hover ul
	{ display: block;}
 
.menu-main-navigation-container ul li * a:hover {
/* Change color of links when hovered */
	background-color: #6a34f9;
}