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

body { min-width: 1024px; }

#admins-nav { position:absolute; top: 0; left:0;
    border:solid 2px #000; border-radius: 5px;
	padding: 20px; z-index:1000; cursor:move;
}

#navigation { width:100%; height:49px; padding-bottom:25px; }
	
	#navigation li:hover ul {display:block;}
	#navigation ul {list-style: none; }
	
	/* tier 1 */
	
	#navigation > ul {list-style: none;padding: 0 20px 0 20px; margin: 0; height:49px; background: transparent; z-index:501;}
	#navigation > ul > li {float: left;padding: 0; height:49px; z-index:503;}
	#navigation > ul > li:hover, #navigation > ul > li:hover.selected { cursor:pointer; }
	#navigation > ul > li.selected {  }
	#navigation > ul > li > a { display: block; font-weight: bold; padding: 0.5rem 1rem; color: #fff; text-decoration: none; text-transform:uppercase; font-size:0.98vw; line-height:100%; }
	#navigation > ul > li:last-child > a,
	#navigation a.selected,
	#navigation > ul > li.no-border > a { border:none; }
	#navigation > ul > li > a:hover { color: #fff; }
	
	/* tier 2 */
	
	#navigation > ul > li > ul { position: absolute; display:none; width:25%; background: #212121;margin: 0; padding:0; z-index:504;}
	#navigation > ul > li > ul > li {float:none; text-align:left; padding:2px 10px; margin:5px 10px; border-radius: 5px; z-index:505; }
	#navigation > ul > li > ul > li:last-child { margin-bottom:20px;}
	#navigation > ul > li > ul > li:hover {	}
	#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.expandable > a { display:block; }
	#navigation > ul > li > ul > li.expandable > a:after { display:block; height: 1px; background: #4c4d4f; content: ''; }
	#navigation > ul > li > ul > li > a.selected { font-weight:bold;}
	
	/* 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 {float:none; text-align:left; padding:2px 5px; margin:5px 10px; z-index:507;}
	#navigation > ul > li > ul > li > ul > li:hover {  }
	#navigation > ul > li > ul > li > ul > li > a {display:block; color: #fff; text-decoration:none; 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 {float:none; text-align:left; padding:2px 5px; margin:5px 10px; z-index:509;}
	#navigation > ul > li > ul > li > ul > li > ul > li > a {display:block; color: #fff; text-decoration:none; padding:2px 10px; }
	#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: 1199.99px) {
	#navigation > ul > li > a { font-size:1.25vw; }
}