/* Frederick National Lab Page Navigation */
#FnlPageNavigation {
  position: relative;
  background: #ededed none;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

/*********** Top Navigation ***********/
#FnlPageNavigation .TopNavigation
{
  position: relative;
  height: 30px;
}

#FnlPageNavigation .TopNavigation .Menu
{
  height: 30px; /* The height of the menu. */
  position: relative; /* Contain the internal elements and allow for horizontal positioning. */
}

#FnlPageNavigation .TopNavigation .Menu ul
{
  padding: 0; /* Remove any padding. */
  margin: 0 0 0 130px;
  font-weight: bold; /* Bold text. */
  list-style: none;
}

.PublicAudience #FnlPageNavigation .TopNavigation .Menu ul {
  margin: 0 0 0 180px;
}

#FnlPageNavigation .TopNavigation .Menu ul li {
  float: left; /* Float the list items onto a single line. */
  height: 30px; /* Set the height of the list item to be the height of the tab minus the top and bottom lines (31 - 1 - 2). */
  padding: 0; /* Remove default padding. */
  margin: 0; /* Remove default margin and move the item down 1 pixel, off of the top border line from the background image. */
  list-style-type: none; /* Get rid of the bullets. */
  border-right: 1px solid #dadada; /* Right border. */
  
}

#FnlPageNavigation .TopNavigation .Menu ul li:first-child {
  border-left: 1px solid #dadada; /* Left border. */
}

/* The link is equivalent to the tab and is only positioned by the list item. */
#FnlPageNavigation .TopNavigation .Menu ul li a {
  display: block; /* Allows the link item to be fully clickable. */
  font-size: 12px;
  line-height: 12px; /* Height of the text. */
  text-decoration: none; /* Removes the underline. */
  letter-spacing: 0.5px;
  padding: 9px 25px; /* Moves the text down to the middle of the tab. */
  text-align: center; /* Centers the text in the tab.*/
  color: #595C6F; /* Color of the text. */
  -webkit-transition: background-color 200ms ease-out;
  -moz-transition: background-color 200ms ease-out;
  -o-transition: background-color 200ms ease-out;
  transition: background-color 200ms ease-out;
}

#FnlPageNavigation > .TopNavigation > .Menu > ul > li a:hover {
  background-color: #ffffff;
}

#FnlPageNavigation > .TopNavigation > .Menu > ul > li.Selected a,
#FnlPageNavigation > .TopNavigation > .Menu > ul > li.Selected a:hover {
  background-color: #fff4d6;
}

*#FnlPage.PublicAudience #FnlPageNavigation > .TopNavigation > .Menu > ul > li a:hover {
  background-color: #ffffff;
}

#FnlPage.PublicAudience #FnlPageNavigation > .TopNavigation > .Menu > ul > li.Selected a,
#FnlPage.PublicAudience #FnlPageNavigation > .TopNavigation > .Menu > ul > li.Selected a:hover {
  background-color: #c5edfb;
}

/* Home link */
#FnlPageNavigation .TopNavigation a.StaffLink {
  color: Black;
  font-size: .85em;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  right: 28px;
  top: 8px;
}

#FnlPageNavigation .TopNavigation a.StaffLink:hover
{
  text-decoration: underline;
}

#FnlPage.PublicAudience > nav .TopNavigation a.StaffLink
{
  color: #A90101;
}

/*********** Sub Navigation ***********/
#FnlPageNavigation .SubNavigation
{
  font-size: .88em; /* Font size. */
  color: #575C70; /* Font color. */
  overflow: hidden; /* Hide overflow so layout can't be compromised. */
}

#FnlPageNavigation .SubNavigation .Menu
{
  width: 668px; /* Set width to correspond with the top navigation. */
  height: 118px; /* Height of the sub navigation area. */
  margin-left: 194px; /* Move the inner menu left to be inside of the tab corners. */
  border: solid 1px #EAC366; /* Border. */
  background-image: url('WebResource.axd?d=vFuNpB7OdQ8gAlySOlganzX_hu3X0up4-O9lAzmxoz6yMTs1xwvWbADCnIkvnGBpa9tMQ1eOqt4veDv8-ohYQmU1Zje8imxsMsLvwqxps5HyqCX-NjQb4rEiOkNnYkmCiQSy1vd3g5r2jPQ5-L49g348DRxoyxxm7DTcPZO18ond-UbNSyExO9fjG6TuD-JDhk0i1u_lCfy-LMn7RDZ87xvKEZM1&t=639077148952698254'); /* Background gradient. */
  overflow: hidden; /* Hide overflow so layout can't be compromised. */
}

#FnlPageNavigation .SubNavigation .Menu .MenuItems
{
  float: left; /* Float the sets of menu items on a single line. */
  border-left: 1px solid #FCE5A1; /* Left border to separate from other menu items. */
}

#FnlPageNavigation .SubNavigation .Menu .MenuItems:first-child
{
  border-left-style: none; /* Remove border from the first set of menu items. */
}

#FnlPage.PublicAudience > nav .SubNavigation .Menu
{
  border: solid 1px #6BB1C9; /* Border. */
  background-image: url('WebResource.axd?d=zpSayRdsKwgyzVwf5JFlCNEAUPUrOQvagXtK1HW8cUQH4x-lGnDLfPG92MrZakZakGUrWxma5piE28Peakxn2lUmsHIUr76HVhzbT-7ISOnX8IQjW4zAmL0ez1jkDehWXiCTMqAXWA8N-yQKjpZlCYHIhDFrY2KlkqrL620hubSKl6WtCdRTgtBnLLMHnnR_BBNmuoxFVTVq2rBI4kJvq8oCHv01&t=639077148952698254'); /* Background gradient. */
}

#FnlPage.PublicAudience > nav .SubNavigation .Menu .MenuItems
{
  border-left: 1px solid #BBCBFF;
}

#FnlPage.PublicAudience > nav .SubNavigation .Menu .MenuItems:first-child
{
  border-left-style: none; /* Remove border from the first set of menu items. */
}


/*
  The following styles set the default widths for the inner menu items.
*/
#FnlPageNavigation.FourItems .SubNavigation .Menu .MenuItems
{
  width: 166px;
}

#FnlPageNavigation.FiveItems .SubNavigation .Menu .MenuItems
{
  width: 133px;
}

#FnlPageNavigation.SixItems .SubNavigation .Menu .MenuItems
{
  width: 110px;
}

/*
  The following styles account for rounding and borders.
*/
#FnlPageNavigation.FourItems .SubNavigation .Menu .MenuItems:first-child
{
  width: 167px;
}

#FnlPageNavigation.SixItems .SubNavigation .Menu .MenuItems:first-child
{
  width: 112px;
}

#FnlPageNavigation.FiveItems .SubNavigation .Menu .MenuItems.LastChild
{
  width: 132px;
}

#FnlPageNavigation.SixItems .SubNavigation .Menu .MenuItems.LastChild
{
  width: 111px;
}

#FnlPageNavigation .SubNavigation .Menu .MenuItems ul
{
  padding: 0px; /* Remove any padding. */
  margin: 0px; /* Remove any margins. */
  height: 118px; /* Set maximum height of the list to prevent overflow. */
  overflow: hidden; /* Hide overflow so layout can't be compromised. */
}

#FnlPageNavigation .SubNavigation .Menu .MenuItems ul li
{
  height: 19px; /* Set maximum height of the list item to prevent overflow. */
  padding: 0px; /* Remove any padding. */
  margin: 0px; /* Remove any margins. */
  overflow: hidden; /* Hide overflow so layout can't be compromised. */
}

#FnlPageNavigation .SubNavigation .Menu .MenuItems ul li a
{
  display: block; /* Links displayed block so that the entire line is clickable. */
  padding: 3px 0px 0px 10px; /* Set padding to position text within the list item. */
  color: #595C6F; /* Font color. */
  text-decoration: none; /* Remove underline. */
}

/*********** Empty Navigation ***********/
#FnlPageNavigation .EmptyNavigation
{
  height: 31px;
}