.navi {
  display: grid;
  grid-template-columns: auto auto;
  border: #eee solid 2px;
}
.navi nav {
  margin: 0;
  padding: 6px;
  width: 388px;
  height: 645px;
}
.navi nav.focus {
  padding: 4px;
  border: 2px solid #005a9c;
}
.navi .page {
  margin: 0.25em;
  padding: 0.25em;
  height: 30em;
}
.navi .page h1 {
  margin: 0;
  padding: 0;
}
.page .main {
  padding: 1em;
}
.treeview-navigation ul,
.treeview-navigation li {
  margin: 0;
  padding: 0;
}
.treeview-navigation li li span.label {
  padding-left: 0em;
}
.treeview-navigation li li li span.label {
  /* padding-left: 2em; */
}
.treeview-navigation[role="tree"] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.treeview-navigation[role="tree"] li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.treeview-navigation a[role="treeitem"] ul {
  margin: 0;
  padding: 0;
}
.treeview-navigation
  a[role="treeitem"][aria-expanded="false"]
  + [role="group"] {
  display: none;
}
.treeview-navigation a[role="treeitem"][aria-expanded="true"] + [role="group"] {
  display: block;
}
.treeview-navigation a[role="treeitem"] > span svg {
  transform: translate(0, 0);
}
.treeview-navigation a[role="treeitem"][aria-expanded="false"] > span svg {
  transform: rotate(270deg) translate(2px, 2px);
}
.treeview-navigation a[role="treeitem"] {
  margin: 0;
  padding: 3px 4px 3px 4px;
  padding-left: 9px;
  text-decoration: none;
  /*  color: #005a9c; */
  border: none;
  display: block;
}
.treeview-navigation a[role="treeitem"][aria-current] {
  /* border-left: 5px solid #005a9c; */
  padding-left: 9px;
  /* background-color: #ddd; */
  /* text-decoration: underline !important; */
}
.treeview-navigation a[role="treeitem"] span.icon svg polygon {
  stroke-width: 2px;
  fill: currentColor;
  stroke: transparent;
}
/* disable default keyboard focus styling for treeitems
   Keyboard focus is styled with the following CSS */
.treeview-navigation a[role="treeitem"]:focus {
  outline: 0;
  padding: 2px;
  padding-left: 7px;
  border: 2px #005a9c solid;
}
.treeview-navigation a[role="treeitem"][aria-current]:focus {
  padding-left: 4px;
  border-left-width: 5px;
}
.treeview-navigation a[role="treeitem"] span.icon:hover {
  color: #333;
}
.treeview-navigation a[role="treeitem"] span.icon svg polygon:hover {
  stroke: currentColor;
}
.num {
	border: 2px solid black;
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	vertical-align: 0px;
	border-radius: 20px;
	padding: 2px 0px 0px 0px;
	margin: 0px 10px 0px 0px;
}
.nav_bull {
	border: 2px solid black;
	width: 8px;
	height: 6px;
	display: inline-block;
	text-align: center;
	border-radius: 10px;
	padding: 2px 0px 0px 0px;
	margin: 4px 19px 10px 7px;
	float: left;
	clear: both;
}
.nav_bull_1 {
	border: 2px solid black;
	width: 4px;
	height: 4px;
	display: inline-block;
	text-align: center;
	vertical-align: 0px;
	border-radius: 10px;
	padding: 0px 0px 0px 0px;
	margin: 6px 16px 0px 33px;
	float: left;
	background-color: black;
	clear: both;
}
.nav_bull_2 {
	border: 2px solid black;
	width: 4px;
	height: 4px;
	display: inline-block;
	text-align: center;
	vertical-align: 0px;
	border-radius: 10px;
	padding: 0px 0px 0px 0px;
	margin: 7px 16px 12px 57px;
	float: left;
	background-color: black;
}
/*
nav > ul > li > a[aria-expanded="true"] {
	background-color: red;
}
*/
nav > ul > li > a[aria-expanded="true"] > .label > .icon > .num {
	background-color: black;
	color: white;
}
a[aria-current="page"] > .label > .nav_bull {
	background-color: black;
}
a[aria-current="page"] > .label > .icon > .nav_bull {
	background-color: black;
}
a[role="treeitem"].a[aria-expanded="true"] > .label > .icon > .nav_bull {
	background-color: black;
}

a[role="none"] > a[aria-expanded="true"] {
	background-color: black;
}

.homepage_link {
	position: absolute;
	top: 2px;
	left: 5px;
	border: 2px solid transparent;
	width: 185px;
	height: 25px;
}

u {border-bottom: 1px solid; text-decoration: none;line-height: 100%;}
u:hover {border-bottom: 1px solid transparent; text-decoration: none;}


/*
.label:hover {border-bottom: 1px solid; text-decoration: none;}

.label .nav_bull_1:hover {border-bottom: 2px solid black; text-decoration: none;}
.label .nav_bull:hover {border-bottom: 2px solid black; text-decoration: none;}
.label .icon:hover {border-bottom: 1px solid transparent; text-decoration: none;}
.label .num:hover {border-bottom: 1px solid transparent; text-decoration: none;}
.label b:hover {border-bottom: 1px solid; text-decoration: none;}

u.line01 { border-bottom: 1px solid; text-decoration: none; display: inline-block; line-height: 14px;}
*/