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

#admins-nav { color: #fff; background: #000; padding: 10px; text-align: center;}
#admins-nav a {color: #fff;}

#navigation { width:100%; }
	
	#navigation > ul > li:hover > ul {display:block;}
	#navigation ul {list-style: none; }
	
	/* tier 1 */
	#navigation > ul {display: flex; justify-content: center; list-style: none; margin: 0; background: #000; }
	#navigation > ul > li { padding: 0; }
	#navigation > ul > li.selected {  }
	#navigation > ul > li > a { display: block; padding: 0 1em; height: 50px; 
        color: #fff; font-size:1rem; line-height:3rem; text-decoration: none; text-transform:uppercase;
    }
    #navigation > ul > li > a:hover { color: #000; background: #fff; }
    #navigation > ul > li.selected > a { border-bottom: solid 2px #fff; background: #3B3B3B;}
    #navigation > ul > li.selected > a:hover { color: #F1F0F0;background: #585858;}
	
	/* tier 2 */
	#navigation > ul > li > ul { position: absolute; display:none; width:25%; margin: 0; padding:0; border-top: none; z-index:504;}
	#navigation > ul > li > ul > li { text-align:left; border:solid 1px #000; border-radius: 5px; z-index:505;
	background: #45484d; padding-left: 5px;
	}
	#navigation > ul > li > ul > li:last-child { margin-bottom:20px;}
	#navigation > ul > li > ul > li:hover {
	background: #7d7e7d;
	}
	#navigation > ul > li > ul > li.selected {  }
	#navigation > ul > li > ul > li > a {color: #fff; text-decoration:none; display:block; width:100%; }
	#navigation > ul > li > ul > li > a:hover {font-weight:bold;}
    #navigation > ul > li > ul > li.selected > a { background: #DFDFDF; color:#000;}
	#navigation > ul > li > ul > li.expandable > a { display:block; border-bottom:solid 1px #1b1b1d; }
	#navigation > ul > li > ul > li.expandable > a:after { display:block; height: 1px; background: #4c4d4f; content: ''; }
	
	/* tier 3 */
	#navigation > ul > li > ul > li > ul { margin: 0 0 0 5px; padding:0; z-index:506;}
	#navigation > ul > li > ul > li > ul > li { text-align:left;z-index:507; padding-left: 5px;}
	#navigation > ul > li > ul > li > ul > li:hover {  }
	#navigation > ul > li > ul > li > ul > li > a {display:block; color: #fff; text-decoration:none; border-bottom:solid 1px #1b1b1d; width:100%;}
	#navigation > ul > li > ul > li > ul > li > a:hover {font-weight:bold; }
	#navigation > ul > li > ul > li > ul > li > a:after { display:block; height: 1px; background: #4c4d4f; content: ''; }
	#navigation > ul > li > ul > li > ul > li > a.selected { font-weight:bold; }
	#navigation > ul > li > ul > li > ul > li.selected {  }

	/* tier 4 */
	#navigation > ul > li > ul > li > ul > li > ul { margin: 0 0 0 5px; padding:0; z-index:508;}
	#navigation > ul > li > ul > li > ul > li > ul > li { text-align:left;  z-index:509; padding-left: 5px; }
	#navigation > ul > li > ul > li > ul > li > ul > li > a {display:block; color: #fff; text-decoration:none;  }
	#navigation > ul > li > ul > li > ul > li > ul > li > a:hover {font-weight:bold; }
	#navigation > ul > li > ul > li > ul > li > ul > li > a:after { display:block; height: 1px; background: #4c4d4f; content: ''; }
	#navigation > ul > li > ul > li > ul > li > ul > li > a.selected { font-weight:bold; }

/* 960px */
@media screen and (max-width: 1199px) {
	
}