/*
Coors Foundation
Board Book and Grant Application System

Karl Glasgow
code@keg4.com

Copyright 2013, All Rights Reserved
*/

div#Navigation {
	position: relative;
	width: 100%; 
	min-height: 35px;
	min-height: 3.5rem;
	background: #231F20;
	box-shadow: 0 5px 8px #333333; /*#B4B5B7;*/
}
div#Navigation div.NavContainer {
	margin: 0 auto;
	max-width: 1000px;
	padding: 0 5.8%;
}

div#Navigation ul.MainNav {
	position: relative;
	display: inline-table;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 5;
}
ul.MainNav:after {
	content: ""; 
	clear: both; 
	display: block;
}
ul.MainNav li {
	float: left;
}
ul.MainNav a {
	display: block;
	margin: 0;	
	min-width: 6%;
	padding: 0 1.5em 0 1em;
	text-align: center;
	color: #F9F9FA;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 35px;
	line-height: 3.5rem;
	text-decoration: none;
	text-transform: none;
}
ul.MainNav a:hover, 
ul.MainNav a.Selected {
	color: #F1EBB6;
	text-decoration: none;
}

ul.SubNav {
	position: absolute;
	top: 100%;
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 10;
	overflow: hidden;
}
ul.MainNav li:hover ul.SubNav {
	display: block;
}
ul.SubNav li {
	float: none;
	min-width: 5%;
}
ul.SubNav a {
	display: block;
	width: 100%;
	border-right: solid 1px #565759;
	border-bottom: solid 1px #565759;
	border-left: solid 1px #565759;
	background: #333333;
	/*box-shadow: 0 5px 5px #B4B5B7;*/
	padding: 0 1.5em 0 1.20em;
	text-align: left;
	color: #F9F9FA;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	line-height: 3.0rem;
	text-decoration: none;
	text-transform: none;
}
ul.SubNav a:hover, 
ul.SubNav a.Selected {
	color: #F1EBB6;
	text-decoration: none;
}

/* 
Even if the menu is configured to convert options to lower/upper-case, 
the <strong> tag will retain the original case of its innards. */
ul.MainNav a strong, 
ul.MainNav ul.SubNav a strong {
	text-transform: none;
}


/*
Selected status (top-level pages) */
#divPage.Ballot ul.MainNav a.Ballot { 
	color: #F1EBB6;
	text-decoration: none;
}
#divPage.Agenda ul.MainNav a.Agenda { 
	color: #F1EBB6;
	text-decoration: none;
}
#divPage.Contents ul.MainNav a.Contents { 
	color: #F1EBB6;
	text-decoration: none;
}
#divPage.Requests ul.MainNav a.Requests { 
	color: #F1EBB6;
	text-decoration: none;
}
#divPage.Projects ul.MainNav a.Projects { 
	color: #F1EBB6;
	text-decoration: none;
}
#divPage.Archives ul.MainNav a.Archives { 
	color: #F1EBB6;
	text-decoration: none;
}
#divPage.Search ul.MainNav a.Search { 
	color: #F1EBB6;
	text-decoration: none;
}

/*
Selected status (sub-level pages) */
/*
#divPage.<top level> ul.SubNav a.<sub nav link> {
	color: #F1EBB6;
	text-decoration: none;
}
*/
#AdminNavigation {
	flex-basis: 100%;
	justify-content: flex-end;
}
#AdminNavigation ul.AltNav {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 5;
}
#AdminNavigation ul.AltNav:after {
	content: "";
	clear: both;
	display: block;
}
#AdminNavigation ul.AltNav li {
	float: left;
}
#AdminNavigation ul.AltNav a {
	display: block;
	margin: 0;
	padding: 0 0 0 15px;
	padding: 0 0 0 1.5rem;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
	line-height: 2.0rem;
	text-decoration: none;
	text-transform: none;
}
#AdminNavigation ul.AltNav a:hover,
#AdminNavigation ul.AltNav a.Selected {
	color: #F5C453;
	text-decoration: underline;
}