/* for indenting sub menus */
.nobullets {
  list-style-type: none;
  margin-left: 1.8em; padding-left: 0;
}


.nobulletsOld {
  list-style-type: none;
  margin-left: 2.8em; padding-left: 0;
}
/* for keeping first UL without indent */

#rootUL {
  margin: 0;
  padding: 0;
}


.hiddenUL {
  display: none;
}

.displayUL {
  display: block;
 }

.placeholder{
   height: auto;
}

/* for elements that have a nested UL for sub menus */

.kidBut{
 background-color: rgb(255, 255, 170);
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  cursor: pointer;
  font-weight: 600;
  /* font-size: large; */
}

/* When clicked, this LI element will jump to another page */
.noKidBut{
  background-color: rgb(255, 255, 214);
   -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  cursor: pointer;
  text-decoration:none;
  display:block;
}

.topButa{
  background-color: rgb(255, 255, 214);
   -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  cursor: pointer;
  text-decoration:none;
  display:block;
  color: black;
   border: 1px solid grey;
   padding: 5px;
   text-align: left;
   width: 50px;
   margin: 0px;
}
.topBut{
  /* background-color: rgb(255, 255, 214); */
   -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
  cursor: pointer;
  text-decoration:none;
  display:block;
  color: black;
   border: 1px  solid lightgrey;
   padding: 5px;
   text-align: left;
   /* width: 50px; */
   margin: 0px;
}

.topBut::before {
   content: "\25B2 ";
   color: green;
   /* 25B2	 	BLACK UP-POINTING TRIANGLE */
}
.topButa:hover {
   background-color: rgb(221, 255, 255); /* pale Blue */
  color: black;
}


/* When clicked, this LI element will open a child menu */
.kidBut::before {
   content: "\25BC ";
   color: green;
}



.noKidBut::before {
   content: "\25B6"; /* 25B6  BLACK RIGHT-POINTING TRIANGLE */
   color: green;
  
   
}

.paleYellowBut {
   
   color: black;
   border: 1px solid grey;
   padding: 5px;
   text-align: left;
   width: 200px;
   margin: 0px;

}

/* first element in a submenu (child 1 of parent: c1), 
   element is shifted up into the face of the parent */

.c1 {
   margin-top: -8px;
}

.paleYellowBut:hover {
   background-color: rgb(221, 255, 255); /* pale Blue */
  color: black;
}

.isDownBut::before {
  content: "\25B2";  /* 25BC BLACK DOWN-POINTING TRIANGLE 2611	BALLOT BOX WITH CHECK 25B2	BLACK UP-POINTING TRIANGLE */
  color: green;
  
   /* alternate:  content: "\2611";  2611	BALLOT BOX WITH CHECK */
	
}

/* clicked highlight */

.clickedHighlightX{
  /* background-color: rgb(192, 255, 192);  */
  color: black;
}