html {
}
body {
  margin: 0;
   /* display: flex; */
   /* justify-content: center; */
   /* align-items: center; */
   /* height: 100vh; */
  font-family: Times New Roman, Times, serif;
  font-size: 17px; 												/*  font-size: 0.9rem; 0.8rem;	 */
  color: black;
  background-color: white;
  /* text-align:left; */
  
}
.box {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px solid white;
  width: max-content;
  padding: 0em 0em;    											/* 1em 2em;  */
  height: auto;
  margin-left: auto; 
  margin-right: auto;
}
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div{
  margin-left: auto; 
  margin-right: auto;
  padding: 0px;
  outline: solid 0px white;
  display: flex;
  justify-content: left;
  align-items: left;
  /*   
  justify-content: center;
  vertical-align: top;
  vertical-align: 100%; 
   */
}
div.div1200 {width: 1206px; height: 1006px;}
div.div1020 {width: 1020px; height: 1006px;}
div.div1006 {width: 1006px; height: 1006px;}
div.div1000 {width: 1000px; height: 1000px;}
div.div860 {width: 820px; height: 860px;}
div.div820 {width: 820px; height: 806px;}
div.div806 {width: 806px; height: 806px;}

div.vh50 {width: 1px; height: 1px; margin-top: 50px;}
div.vh40 {width: 1px; height: 1px; margin-top: 40px;}
div.vh30 {width: 1px; height: 1px; margin-top: 30px;}
div.vh20 {width: 1px; height: 1px; margin-top: 20px;}
div.vh10 {width: 1px; height: 1px; margin-top: 10px;}
div.vh5  {width: 1px; height: 1px; margin-top: 5px;}
div.vh3  {width: 1px; height: 1px; margin-top: 3px;}
div.vh0  {width: 1px; height: 1px; margin-top: 0px;}
div.vh_navBarTop {width: 1px; height: 10px;}
div.vl {
  border-left: 1px solid #808080;
  height: 500px;
  width: 1px;
}

.violinBox {
  border: 0px solid white;
  width: 700px;
  padding: 0em 0em;    											/* 1em 2em;  */
  height: auto;
}
.violinContent {
  display: inline;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.center{
  justify-content: center;
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
}
.centerKids{
  justify-content: center;
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
  font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 17px;
}
h1 { 
  display: block;
  font-size: 1.1em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}
h1.kids { 
  font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  }
p.p_main {
  color: black;
  font-family: Times New Roman, Times, serif;
  font-size: 100%;
  text-indent: 1.0em;											/*  text-indent: 2.2em;	 */
  text-align=left;
}
p.footnote{
  align: center;
  text-align:center;
  font-family:  Times New Roman, Times, serif;
  font-size: 13px;
}
table {
  table-layout: fixed;									
  margin-left: auto; 
  margin-right: auto;
  border-collapse: collapse;
  border: 0px solid rgb(200,200,200);
  padding: 0;	
}
#centered {
  margin-left: auto; 
  margin-right: auto;
}
td, th {
  border: 0px solid rgb(190,190,190);
  background-color: rgb(255,255,255);
  padding: 0px 0px;   								
}
table.navBar { 
  width: 1000px; 
  text-align: center;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9rem;											/*  0.8rem;	 */
  color: black;
}
table.navBar1100 { 
  width: 1100px; 
  text-align: center;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9rem;											/*  0.8rem;	 */
  color: black;
}
table.lists {
  width: 1000px; 												/* 100%;	 */
  border: 0px solid rgb(200,200,200); 
}
table.about {
  width: 800px; 												/* 100%;	 */
  border: 0px solid rgb(200,200,200); 
}
tr.lists{
  text-align: left;
  padding: 0;
}
td.lists {
  text-align: left;
  vertical-align: top;
  letter-spacing: normal;
  font-size:  1.0rem;											/*  0.8rem;	 */
}
table.fig2col {width: 1712px;}
table.fig3col {width: 1712px;}
table.fig4col {width: 1712px;}
table.w1600 {width: 1600px; }
table.w1200 {width: 1200px; }
table.w1010 {width: 1010px; }
table.w1006 {width: 1006px; }
table.w1000 {width: 1000px; }
table.w900 {width: 900px; }
table.w850 {width: 850px;}
table.w810 {width: 810px;}
table.w800 {width: 800px;}

td.vr {
  vertical-align: middle
}
td.hr {
	height: 80px;
    vertical-align: middle;
    justify-content: center;
    text-align: center;
}
td.hr80 {height: 80px; vertical-align: middle; justify-content: center; text-align: center;}
td.hr60 {height: 60px; vertical-align: middle; justify-content: center; text-align: center;}
td.hr40 {height: 40px; vertical-align: middle; justify-content: center; text-align: center;}

caption {
  padding: 0px; 								
}
.normal {
  letter-spacing: normal;
}

A:link {color:#0000CC; text-decoration:none} 
A:visited {color:#0000CC; text-decoration:none} 
A:hover {color:#9900FF; text-decoration:none} 



li { 
    margin: 0;
    margin-top:  0.0em;
    margin-left:0em;
    margin-bottom:  0.3em;
    padding: 0;
    padding-top: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    vertical-align: baseline;
}

li.li2 { 
    margin: 0;
    margin-top:  0.0em;
    margin-left:0em;
    margin-bottom:  0.5em;
    padding: 0;
    padding-top: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    vertical-align: baseline;
}
li.dash { 

}
li.kids { 
	font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
}

ul.subListUL { 
    margin: 0;
    margin-left: 2.2em;
    margin-top: 0.5em;  			
    margin-bottom: 0.0em;
    vertical-align: baseline;
    list-style-type: circle;
    padding-left: 0px; 
    padding: 0;
    padding-bottom: 0px; 
}
ul.subListUL_V { 
    margin: 0;
    margin-left: 2.2em;
    margin-top: 0.1em;  			/*  0.5em;   */
    margin-bottom: 0.0em;
    vertical-align: baseline;
    list-style-type: circle;
    padding-left: 0px; 
    padding: 0;
    padding-bottom: 0px; 
}
li.subListLI { 
    margin: 0;
    margin-top:  0.0em;
    margin-left:0em;
    margin-bottom:  0.2em;
    padding: 0;
    padding-top: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    vertical-align: baseline;
}
li.subListLI2 { 
    margin: 0;
    margin-top:  0.0em;
    margin-left: -1em;
    margin-bottom:  0.2em;
    padding: 0;
    padding-top: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    vertical-align: baseline;
    list-style-type: '– ';
}
li.subListLI3 { 
    margin: 0;
    margin-top:  0.0em;
    margin-left: 0.1em;
    margin-bottom:  0.2em;
    padding: 0;
    padding-top: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    vertical-align: baseline;
    list-style-type: '• ';
}
li.subListLI_kids { 
    margin: 0;
    margin-top:  0.0em;
    margin-left:0em;
    margin-bottom:  0.2em;
    padding: 0;
    padding-top: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    vertical-align: baseline;
    font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
}




/*   
      li.subListLI2:before {
        content: '\2014';
        position: absolute;
      }


      
      ul.dashed {
        list-style-type: none;
      }

      ul.dashed > li {
        text-indent: -10px;
      }
      ul.dashed > li:before {
        content: '\2014';
        text-indent: -10px;
        position: absolute;
      }
 */


/* 
-webkit-transform:rotate(90deg);

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

hr. {
  border: 0px solid black;
  border-radius: 0px;
}

tr:nth-child(even) td {
  background-color: rgb(255,255,255);

tr:nth-child(odd) td {
  background-color: rgb(255,255,255);

td.lists {
  max-width: 800px;
  
  td {
  text-align: center;
  letter-spacing: normal;
}

tr.lists:nth-child(1) td  {
  width: 100px;
}

tr.lists:nth-child(2) td  {
  width: 900px;
}

.px1 {
   width: 1em;
}

*/


/*   


ul.sub-menu {
  position: relative;
  padding: 0;
  margin-left: 30px;
  margin-top: 10px;
}

li.item span {
  position: relative;
}


ul.sub-menu li.item span::before {
  content: '\2014';
  height: 100%;
  width: 10px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  position: absolute;
  bottom: 10px;
  left: -10px;
  z-index: -1;
}


https://stackoverflow.com/questions/63707144/css-html-sub-list-items-lines-connected-to-parent

 */