/*
Coors Foundation
Board Book and Grant Application System

Karl Glasgow
code@keg4.com

Copyright 2013, All Rights Reserved
*/

div#Navigation {
	position: relative;
	width: 100%; 
	background: #286339;
}
div#Navigation div#NavContainer {
	margin: 0 auto;
	padding: 0 5.8%;
	max-width: 1000px;
}
div#Navigation .CurrentOrganizationContext {
	display: block;
	float: left;
	max-width: 275px;
	padding: 0 1.5em 0 1em;
	color: #FFFFFF;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 35px;
	line-height: 3.5rem;
}

div#Navigation ul.MainNav {
	display: flex;
	align-items: flex-start;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: 1rem 0 0 0;
	padding: 0;
	list-style: none;
	z-index: 5;
}
ul.MainNav li {
}
ul.MainNav a {
	display: block;
	margin: 0;	
	min-width: 6%;
	padding: 0.5rem 1rem;
	text-align: center;
	color: #F9F9FA;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.25em;
	text-decoration: none;
	text-transform: none;
}
ul.MainNav a:hover, 
ul.MainNav a.Selected {
	color: #FFFFFF;
	text-decoration: underline;
}

/*
Path Context dropdown (rendered within the main admin navigation) */
#PathContextSelector,
.PathContext {
	display: inline-block !important;
	margin: 6px 0 0 20px;
	margin: 0.6rem 0 0 2.0rem;	
	width: auto;
	border: solid 1px #666666;
	border-radius: 4px 0 0 5px;
	border-radius: 0.5rem 0 0 0.5rem;
	background: #231F20;
	padding: 0 0 0 5px;
	padding: 0 0 0 0.5rem;
	text-align: center;
	color: #F1EBB6;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 35px;
	line-height: 3.5rem;
	text-decoration: none;
	text-transform: 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: 15px;
	font-size: 1.5rem;
	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) */
body.Dashboard ul.MainNav a.Dashboard, 
body.Dashboard ul.OrgNav a.Dashboard, 
body.Dashboard ul.AppNav a.Dashboard { 
	/*color: #F1EBB6;*/
	color: #F5C453;
	text-decoration: none;
}
body.Profile ul.MainNav a.Profile, 
body.Profile ul.OrgNav a.Profile, 
body.Profile ul.AppNav a.Profile { 
	color: #F5C453;
	text-decoration: none;
}
body.FaceSheet ul.MainNav a.FaceSheet, 
body.FaceSheet ul.OrgNav a.FaceSheet, 
body.FaceSheet ul.AppNav a.FaceSheet,
body.Correspondence ul.MainNav a.FaceSheet,
body.Correspondence ul.OrgNav a.FaceSheet,
body.Correspondence ul.AppNav a.FaceSheet {
	color: #F5C453;
	text-decoration: none;
}
body.ChangePassword ul.MainNav a.ChangePassword, 
body.ChangePassword ul.OrgNav a.ChangePassword, 
body.ChangePassword ul.AppNav a.ChangePassword { 
	color: #F5C453;
	text-decoration: none;
}
body.Search ul.MainNav a.Search, 
body.Search ul.OrgNav a.Search, 
body.Search ul.AppNav a.Search { 
	color: #F5C453;
	text-decoration: none;
}
body.WebsiteAccount ul.MainNav a.WebsiteAccount, 
body.WebsiteAccount ul.OrgNav a.WebsiteAccount, 
body.WebsiteAccount ul.AppNav a.WebsiteAccount { 
	color: #F5C453;
	text-decoration: none;
}
body.ContactInfo ul.MainNav a.ContactInfo, 
body.ContactInfo ul.OrgNav a.ContactInfo, 
body.ContactInfo ul.AppNav a.ContactInfo { 
	color: #F5C453;
	text-decoration: none;
}
body.Application ul.MainNav a.Application, 
body.Application ul.OrgNav a.Application, 
body.Application ul.AppNav a.Application { 
	color: #F5C453;
	text-decoration: none;
}
body.Manage ul.MainNav a.Manage, 
body.Manage ul.OrgNav a.Manage, 
body.Manage ul.AppNav a.Manage { 
	color: #F5C453;
	text-decoration: none;
}


/*
Selected status (sub-level pages) */
/*
#divPage.<top level> ul.SubNav a.<sub nav link> {
	color: #F1EBB6;
	text-decoration: none;
}
*/


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

div#OrgNavigation ul.OrgNav {
	position: relative;
	display: inline-table;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 5;
}
div#OrgNavigation ul.OrgNav {
	position: relative;
	display: inline-table;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 5;
}
ul.OrgNav:after {
	content: ""; 
	clear: both; 
	display: block;
}
ul.OrgNav li {
	float: left;
}
ul.OrgNav a {
	display: block;
	margin: 0;	
	min-width: 6%;
	padding: 0 1.5em 0 1em;
	text-align: center;
	color: #F9F9FA;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 35px;
	line-height: 3.5rem;
	text-decoration: none;
	text-transform: none;
}
ul.OrgNav a:hover, 
ul.OrgNav a.Selected {
	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;
}

.PathContextWrapper {
	margin: 0 0 1.5rem 0;
	text-align: right;
}

#ContextNavigation {

}

div#AltNavigation {
	display: block;
	float: right;
	clear: right;
}
div#AltNavigation div.NavContainer {
	margin: 0;
	padding: 0;
	text-align: right;
}

div#AltNavigation ul.AltNav {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 5;
}
ul.AltNav:after {
	content: ""; 
	clear: both; 
	display: block;
}
ul.AltNav li {
	float: left;
}
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;
}
ul.AltNav a:hover, 
ul.AltNav a.Selected {
	color: #367A62;
	text-decoration: underline;
}