/* Menu */

nav {
	position: absolute;
	z-index: 10;
	width: 100%;
	top:-20px;
	font-size: 16px;
}

nav ul.main-nav  {
	width: 84%;
	float: right;
	padding: 10px 0px 0px 0px;
	margin: 0;
	list-style: none;
	line-height: normal;
	display: table;
}

nav a:hover, nav .current_page_item a {
	color: #092d57;
}


/*Top level list items*/
nav ul.main-nav li{
	position: relative;
	display: inline-block;
	float: left;
	width: 20%;
	
	vertical-align: middle;
}


/*Top level menu link items style*/
nav ul.main-nav li a {
	text-transform: lowercase;
	display: block;
	
	padding: 12px;
	margin-left: 8px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #fff;

	background: #ee154b;
	
	/*-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;*/

	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}



* html nav ul.main-nav li a{ /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

nav ul.main-nav li.current_page_item a, 
nav ul.main-nav li a.active, 
nav ul.main-nav li a:hover, 
nav ul.main-nav li:hover a, 
nav ul.main-nav li.current_page_parent a, 
nav ul.main-nav li.current-page-ancestor a,
nav ul.main-nav li.current-menu-ancestor a {
	color: #fff;
	
	background: #b31a40;
	/*text-shadow: 0px 0px 10px #fff, 0px 0px 20px #fff, 0px 0px 30px #eee, 0px 0px 40px #eee, 0px 0px 50px #ddd, 0px 0px 60px #ddd;
	
	-moz-transform: rotate(15deg);
	-webkit-transform:rotate(15deg);
	-o-transform: rotate(15deg);
	transform: rotate(15deg);*/
}


nav ul.main-nav li.home  a,
nav ul.main-nav li.plan-hour-visit  a,
nav ul.main-nav li.explore-the-museum  a,
nav ul.main-nav li.school-resources  a,
nav ul.main-nav li.parent-resources  a,
nav ul.main-nav li.get-involved  a,
nav ul.main-nav li.make-the-museum-yours  a,
nav ul.main-nav li.about  a {
	background-repeat: no-repeat;
    background-position: center; 
}

/*1st sub level menu*/
nav ul.main-nav li ul.sub-menu {
	z-index: 20;
	position: absolute;
	width: calc(100% - 8px);
	left: 8px;
	
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background: #ee154b;
	list-style-type: none;
	padding-left: 0px;
	border-bottom: 0 none;
	border-top: 1px solid #fff;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}


/*Sub level menu list items (undo style from Top level List Items)*/
nav ul.main-nav li ul li{
	display: list-item;
	float: none;
	width: 100%;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
nav ul.main-nav li ul li ul{
	position: absolute;
	top: 0 !important;
	margin-left:185px;
}

/* Sub level menu links style */
nav ul.main-nav li ul li a, nav ul.main-nav li ul.sub-menu li ul.sub-menu li a {
	position: relative;
	font-weight: 400;
	display: block;
	height: auto;
	text-align: center;
	padding: 8px 20px;
	margin: 0;
	font-size: 14px;
	background: none;
	color: #fff !important;
	border-bottom: 1px solid #fff;
	overflow: hidden;
	text-shadow: none;
}

nav ul.main-nav li ul li.last a, nav ul.main-nav li ul.sub-menu li ul.sub-menu li.last a,  ul.sub-menu li:last-child a  {
	border-bottom: none;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}

nav ul.main-nav li ul li a.selected, 
nav ul.main-nav li ul li a:hover, 
nav ul.main-nav li ul li.current_page_item a, 
nav ul.main-nav li ul.sub-menu li ul.sub-menu li a:hover,
nav ul.main-nav li ul.sub-menu li.current-menu-ancestor a,
nav ul.main-nav li ul.sub-menu li ul.sub-menu li.current-menu-ancestor a,
nav ul.main-nav li ul.sub-menu li ul.sub-menu li.current-menu-item a
 {
	color: #fff !important;
}



 ul.footer-nav li {
	position: relative;
	display: inline;
	float: left;
}

ul.footer-nav li a {
	padding: 3px 8px;
	margin: 0px 2px;
	color: #fff;
	border-right: 1px solid #fff;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	text-shadow: 1px 1px 1px #bbb;
}

ul.footer-nav li.last a {
	border-right: none;
}

ul.footer-nav li a:hover {
	color: #007bc3;
	text-shadow: 1px 1px 1px #bbb;
}