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

#navigation { display: block; width:100%; }
	
	#navigation li:hover ul { display:block; }
	#navigation ul { list-style: none; }
	
	/* tier 1 */
	
	#navigation > ul { display: flex; flex-wrap: wrap; justify-content: space-between; z-index:501;}
	#navigation > ul > li { float: left; overflow: visible;  padding: 0; position: relative; }
	#navigation > ul > li:hover, #navigation > ul > li:hover.selected { cursor:pointer; }
	#navigation > ul > li.selected { }
	#navigation > ul > li > a { display: block; color: #89A1B3; font-size: 1.05vw; line-height: 100%; text-decoration: none;}
	#navigation > ul > li:last-child > a,
	#navigation a.selected,
	#navigation > ul > li.no-border > a { border:none; }
	#navigation > ul > li > a:hover { color: #496880; }
	
	/* tier 2 */
	
	#navigation > ul > li > ul { background-color: #f9f9f9; position: absolute; top:100%; left:0; display:none; width:350px; margin: 0; padding:0; border: none; z-index:550;}
	#navigation > ul > li > ul > li {float:none; text-align:left; padding:2px 10px; margin:5px 10px; border:none; border-radius: 5px; }
	#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: #89A1B3; font-size: 1.05vw; line-height: 100%; 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;}
	#navigation > ul > li:last-child > ul { background-color: #f9f9f9; right:0; left:auto; }
	
	/* tier 3 */

	#navigation > ul > li > ul > li > ul { margin: 0 0 0 5px; padding:0; z-index:600;}
	#navigation > ul > li > ul > li > ul > li {float:none; text-align:left; padding:2px 5px; margin:5px 10px; }
	#navigation > ul > li > ul > li > ul > li:hover {  }
	#navigation > ul > li > ul > li > ul > li > a {display:block; color: #89A1B3; 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:650; }
	#navigation > ul > li > ul > li > ul > li > ul > li {float:none; text-align:left; padding:2px 5px; margin:5px 10px; }
	#navigation > ul > li > ul > li > ul > li > ul > li > a {display:block; color: #89A1B3; 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; }