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

:root {
  --leftwidthpct: 0.2;
  --leftminwidth: 100;
  --bodymaxwidth: 1000;
  --bodywidthpct: .95;
	
  --rightwidth: 0; /* Used only by queryChina */
    }
    
body {width: 95%; max-width: 1000px; margin-right:auto; margin-left:auto;}

div.columnleft {box-sizing: border-box; overflow-y:scroll;
    -webkit-: sticky; /* Safari */ position: sticky; float: left; 
    top: 0; font-family:arial, helvetica, sans-serif; font-size:1rem; text-align:left; line-height:1.5em; 
    padding: 22px 0.3em 2em 0.3em; background-color: rgba(237,237,237,.5);  
    margin-top: 2em; margin-right: 0; width: 200px; /*temporary - until js sets correct width*/}
    
.columnleft a {color:blue}
    
.columnleft p {margin:0; word-wrap: break-word; width: 85% }
    
.columnleft p.sm1 {
    font-weight: 500;
	margin-bottom: .5em;
    line-height: 1em;
	}
.columnleft p.sm2 {
    font-weight: 500;
    padding-left:0;
    margin-top: .2em;
    margin-bottom: .3em
    }
.columnleft p.sm3 {
	padding-left:.55em;
    }
.columnleft p.sm4 {
	padding-left:1.05em
	}
.columnleft p.sm5 {
	padding-left:1.45em;
    }
.columnleft p.sm6 {
	padding-left:2.05em;
    }

.columnleft p .sm3,.sm4,.sm5,.sm6 {font-weight: 350}

.columnleft h1 {font-size: 1rem; line-height: 2.5em; margin-bottom:0; font-weight: 500}

.columnright {margin-left: 220px; /*temporary - until js sets the correct left margin of the right column.*/}