:root {
  /* define global custom properties (variables) in root */
  --MJH-color: #FFF8DE;  /* my parchment color */
  --button-color: #87CEFA;  /* LightSkyBlue */
  --hover-color: #AAEFFC;  /* LighterSkyBlue */
/* can predefine the 'v's as they are fixed alternatives */
  --vheight: 100vh;
  --vwidth: 100vw;
  --vh: 1vh;
  --vw: 1vw;
  /* Do not predefine --NAV so different fallbacks are used  */
}
html {
  /* so everything within html uses the whole viewport */
  height: 100%; /* matters */
  width: 100%; /* matters */
  margin: 0; /* matters */
  padding: 0; /* matters */
}

/* NOTE: for my use all main values are for monitors!!!
   @media below makes changes for smaller devices */

body {
  /* seems necessary to avoid scrollbar */
  height: calc(97 * var(--vh, 1vh));
  /* this overrides any width setting */
  max-width: 62em;
  margin: 0;
  /* I prefer % to vw as it is a fixed amount for the device */
  padding: 0 3% 0 5%; /* standard for monitors */
  /* set scroll padding for desktop */
  --scroll-padding-top: calc(10 * var(--vh, 1vh));
  --index-padding-top: var(--NAV, 13vh);
  background-color: var(--MJH-color);
}

/* *********** bottom buttons *********** */
div.email-button, div.top-button {
  line-height: 1.3em;
  margin: 0;  
  text-align: center;
  position: fixed;
  bottom: 3px;
  z-index: 3;
}

div.email-button {
  text-decoration-line: underline;
  right: 3px;
}

div.email-button:hover {
  background-color: var(--hover-color);
  cursor: pointer;
}

div.top-button {
  left: 3px;
}

div.email-button, div.top-button a {
  background-color: var(--button-color);
  display: inline-block;
  border-radius: .4em;
  border: .2em black solid;
  padding: .2em;
  margin: .2em 0;
}

/* *********** top email link *********** */
span.email-head {
  cursor: pointer;
  color: blue;
  text-decoration-line: underline;
}

/* *************** Tables *************** */
/* **** default for all tables **** */
/* top/right/bottom/left or top/right&left/bottom */
table {
  margin: 12pt 0 12pt 0;
  padding: 6pt;
  border: thick double grey;
  border-collapse: collapse; 
}
table th {
  margin: 6pt 6pt 4pt 6pt;
  padding: 0.3vw 0.4vw 0.2vw;
  border: medium double grey;
  min-width: 5em;
  vertical-align: middle;
}
table td {
  margin: 6pt 6pt 4pt 6pt;
  padding: 0.3vw 0.4vw 0.2vw;
  border: medium double grey;
  min-width: 2em;
  vertical-align: middle;
}

/* ***** Specific Table Formats ***** */

/* ***** blank table override ***** */
table.blank, table.blank td, table.blank th {
  border: none;
  margin: 9pt 0 9pt 0;
}
table.blank td {
  vertical-align: top;
}

/* note can use nth-child(num) num = index
   index of first child is 1, also can use odd/even
   where for tr 1 may be a header row
   can use formula (an+b) to create a series of indices
   counter n starts at 0, (3n+0) is multiples of 3
   (-n+3) will apply to the first three rows
   (n+4) will apply to the fourth and all later rows
 */

/* ***** basic tables overrides ***** */
table.basicB, table.basicB th, table.basicB td, 
 table.basicM, table.basicM th, table.basicM td, 
 table.basicT, table.basicT th, table.basicT td,
 table.basicCtrB, table.basicCtrB th, table.basicCtrB td {
  border: thin solid grey;
  margin: 6pt 0 6pt 0;
}
table.basicB tr:nth-child(-n+3) th,
 table.basicM tr:nth-child(-n+3) th,
 table.basicT tr:nth-child(-n+3) th,
 table.basicCtrB tr:nth-child(-n+3) th {
  /* any <th> in the first three rows */
  border-bottom: medium solid grey;
}
table.basicB tr:nth-child(n+4) th,
 table.basicM tr:nth-child(n+4) th,
 table.basicT tr:nth-child(n+4) th,
 table.basicCtrB tr:nth-child(n+4) th {
  /* any <th> in the fourth or later rows */
  border-top: medium solid grey;
}
table.basicB td {
  vertical-align: bottom;
}
table.basicT td {
  vertical-align: top;
}
table.basicCtrB {
  /* center the table */
  margin-left: auto;
  margin-right: auto;
  /* ensure some left/right space */
  max-width: 90%;
}
table.basicCtrB td {
  vertical-align: bottom;
}

/* ****Common override settings for
  decorated Formats B, M, and T  ****  */
table.FormatB, table.FormatM, table.FormatT {
  border: medium solid black;
  /* center the table */
  margin-left: auto;
  margin-right: auto;
  /* ensure some left/right space */
  max-width: 90%;
}
table.FormatB th,
 table.FormatM th,
 table.FormatT th {
  vertical-align: middle;
  border: thin solid black;
}

table.FormatB tr:nth-child(-n+3) th,
 table.FormatM tr:nth-child(-n+3) th,
 table.FormatT tr:nth-child(-n+3) th {
  /* any <th> in the first three rows */
  border-bottom: thick double black;
}
table.FormatB tr:nth-child(n+4) th,
 table.FormatM tr:nth-child(n+4) th,
 table.FormatT tr:nth-child(n+4) th {
  /* any <th> in the fourth or later rows */
  border-top: thick double black;
}
table.FormatB td,
 table.FormatM td,
 table.FormatT td {
   border: thin solid black;
}

/* ***** separate override for tables B and T *****  */

table.FormatB td {
  vertical-align: bottom;
}
table.FormatT td {
  vertical-align: top;
}

/* ********* override for tables in the Scroll div ***** */

div.Scroll {
  overflow-y: scroll;
  overflow-x: auto;
  max-height: 90vh;
  border: medium solid black;
  margin-top: 3pt;
  display: inline-block;
  max-width: 100%;
}
 div.Scroll table {
   margin: 0 0 0 0;
   max-width: 100%;
} 
div.Scroll table tr:nth-child(-n+3) > th {
  /* force header rows to stick to the top in front of td */
  position: sticky;
  top: 0;
  z-index: 2;
  /* must have background-color to cover rows behind */
  background-color: var(--MJH-color);
  /* force th borders to be inside with box-shadow
     since outside will not show anyway */ 
  border: none 0 currentcolor;
  box-shadow: inset -.5px 0 black, inset 0.25px 0 black, 0 3px black;
}

div.Scroll a[name] {
/* move <a...> target within the table down below the headers */
  position: relative;
  padding-top: var(--scroll-padding-top);
}

div.ScrollM {
  /* make the div.Scroll centered if it should be */
  display: flex;
  justify-content: center;
}

/* **********Navigation Code************ */
/*  These defaults are for the monitors  */
div.navoutside {
  overflow-y: scroll;
  overflow-x: auto;
  max-height: 100%;
  border: medium solid black;
  margin-top: 3pt;
  display: inline-block;
  max-width: 100%;
}
div.main {
   margin: 0 0 0 0;
   padding: 0 0 0.2em 0.8em;
   max-width: 100%;
}
div.navcontainer {
  z-index: 2;
  position: sticky;
  top: 0;
  background-color: var(--MJH-color);
  border: none 0 currentcolor;
  box-shadow: inset -.5px 0 black, inset 0.25px 0 black, 0 3px black;
}
NAV.Navigate {
/* center letters in button  */
  text-align: center;
  text-decoration-line: none;
}
div.main a[name] {
/* move a target within main down somewhat */
  position: relative;
  padding-top: var(--index-padding-top);
}
SPAN.menuletter a {
  font-size: 16pt;
  padding-bottom: .2em;
  background-color: var(--button-color);
  display: inline-block;
  border-radius: .4em;
  width: 1.2em;
  height: 1em;
  border: thin solid grey;
  margin: .1em .54em;
}
/* **********END Navigation Code************ */

/* ********* */

A.footnote { /* for all footnote marker numbers */
  font-size: 8.000000pt;
  font-weight: normal;
  font-style: normal;
  /* Superscript automatic in FrameMaker, but needs this for HTML */
  vertical-align: super;
  text-transform: none;
  font-family: "Century Schoolbook";
}

/* NOTE: changed all obsolete "font-weight: medium;"
   to the new standard "font-weight: normal;"
   and "font-style: Regular;" to "font-style: normal"
   also "text-decoration:" to text-decoration-line:"
     for underline and line-through.
   WARNING!!!  If a text-decoration is set in a Paragraph
     it CANNOT be removed/overridden by a Character SPAN
 */

/* End of MJH specific entity changes and additions,
   ***** but see @media at end of file *****
   ********************************************* */
A.link {
	color: blue;
	text-decoration-line: underline;
}
A.visited {
	color: purple;
	text-decoration-line: underline;
}
A.active {
	color: red;
	text-decoration-line: underline;
}
P.Body {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 14.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Body1, P.BotLeft, P.MidLeft, P.singleline {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0; 
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.bullet {
	display: block;
	text-align: left;
	text-indent: -11.000000pt;
	line-height: 1.0;
	margin-top: 9.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 22.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.bullet1 {
	display: block;
	text-align: left;
	text-indent: -11.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 22.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.BotRight, P.MidRight, P.TopRight {
	display: block;
	text-align: right;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.computer {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 43.000000pt;
	font-size: 11.000000pt;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Courier New", monospace;
}
P.DefHead {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 14.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 12.000000pt;
	font-weight: bold;
	font-style: italic;  /* added new  */
	color: #000000;
/* WARNING!!!  A text-decoration set in a Paragraph
    CANNOT be removed/overridden by a Character SPAN
*/
	text-decoration-line: underline;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.DefHeadSee {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	margin-top: 0.000000pt;
	margin-bottom: 3.000000pt;
	margin-right: 0.000000pt;
	margin-left: 5.000000pt;
	font-size: 12.000000pt;
	font-weight: medium;
	font-style: Regular;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Definition, P.Indent1 {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 22.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.DefinitionSee {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	margin-top: 0.000000pt;
	margin-bottom: 3.000000pt;
	margin-right: 0.000000pt;
	margin-left: 27.000000pt;
	font-size: 12.000000pt;
	font-weight: medium;
	font-style: Regular;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.DefTerm {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 12.000000pt;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.DefTermSee {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	margin-top: 0.000000pt;
	margin-bottom: 3.000000pt;
	margin-right: 0.000000pt;
	margin-left: 13.000000pt;
	font-size: 12.000000pt;
	font-weight: medium;
	font-style: Regular;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.e-mail {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
        line-height: 1.05;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 11.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Courier New", monospace;
}
P.Equation {
	display: block;
	text-align: center;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 9.000000pt;
	margin-bottom: 9.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 10.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Palatino Linotype";
}
P.Footnote, P.TableFootnote {
	display: block;
	text-align: justify;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 18.000000pt;
	margin-left: 18.000000pt;
	font-size: 10.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.HeadFoot, P.BotCtr, P.MidCtr, P.TopCtr {
	display: block;
	text-align: center;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Indent {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 9.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 22.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Major {
	display: block;
	text-align: center;
	text-indent: 0.000000pt;
        line-height: 1.3;
	margin-top: 22.000000pt;
	margin-bottom: 14.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 18.000000pt;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Mapping-Table-Cell {
	display: block;
	text-align: justify;
	text-indent: 0.000000pt;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 12.000000pt;
	font-weight: medium;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Mapping-Table-Title {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
        line-height: 1.4; 
	margin-top: 0;
	margin-bottom: 2.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 14.000000pt;
	font-weight: medium;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Minor {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.1;
	margin-top: 18.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 14.000000pt;
	font-weight: bold;
	font-style: normal;
	color: #000000;
/* WARNING!!!  A text-decoration set in a Paragraph
    CANNOT be removed/overridden by a Character SPAN
*/
	text-decoration-line: underline;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.number, P.number1 {
	display: block;
	text-align: left;
	text-indent: -22.000000pt;
	line-height: 1.0;
	margin-top: 9.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 22.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.quote {
	display: block;
	text-align: left;
	text-indent: -5.350006pt;
	line-height: 1.0;
	margin-top: 9.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 43.000000pt;
	margin-left: 43.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.small {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 10.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.subbullet {
	display: block;
	text-align: left;
	text-indent: -11.000000pt;
	line-height: 1.0;
	margin-top: 6.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 43.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.subbullet1 {
	display: block;
	text-align: left;
	text-indent: -11.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 43.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.subindent1 {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 43.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.subindent {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 6.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 43.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.subnumber, P.subnumber1 {
	display: block;
	text-align: left;
	text-indent: -21.000000pt;
	line-height: 1.0;
	margin-top: 6.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 43.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Title {
	display: block;
	text-align: center;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 0.000000pt;
	margin-bottom: 3.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 14.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Topic {
	display: block;
	text-align: left;
	text-indent: 0.000000pt;
	line-height: 1.0;
	margin-top: 14.000000pt;
	margin-bottom: 0.000000pt;
	margin-right: 0.000000pt;
	margin-left: 0.000000pt;
	font-size: 12.000000pt;
	font-weight: normal;
	font-style: italic;
	color: #000000;
/* WARNING!!!  A text-decoration set in a Paragraph
    CANNOT be removed/overridden by a Character SPAN
*/
	text-decoration-line: underline;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
SPAN.Bold {
	font-weight: Bold;
}
SPAN.Caps {
	text-transform: uppercase;
}
SPAN.computer {
	font-size: 11.000000pt;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Courier New", monospace;
}
SPAN.computerfoot {
	font-size: 9.000000pt;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Courier New", monospace;
}
SPAN.Disable {
	text-decoration-line: line-through;
}
SPAN.Emphasis {
	font-style: italic;
}
PLAIN-TEXT.EqNum {
}
SPAN.Equation {
	font-size: 10.000000pt;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Palatino Linotype";
}
SPAN.EquationVariables {
	font-size: 10.000000pt;
	font-weight: normal;
	font-style: italic;
	color: #000000;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Palatino Linotype";
}
PLAIN-TEXT.HyperLink {
}
SPAN.Italic {
	font-style: italic;
}
SPAN.Large {
	font-size: 16.000000pt;
}
SPAN.menuletter {
	font-size: 16.000000pt;
	font-weight: bold;
	color: #000000;
	text-decoration-line: underline;
	vertical-align: baseline;
	font-variant: small-caps;
	font-family: "Courier New", monospace;
}
SPAN.Red {
	color: #ff0000;
}
SPAN.Small {
	font-size: 9.000000pt;
}
SPAN.SmCaps {
	font-variant: small-caps;
}
SPAN.Subscript {
	font-size: 8.000000pt;
	vertical-align: sub;
}
SPAN.Superscript {
	font-size: 8.000000pt;
	vertical-align: super;
}
SPAN.underline {
	text-decoration-line: underline;
}

/* ***** Adding @media rules for responsive ***** */
/* values are based on window.innerWidth  */
/* remember that for widths matching multiple rules  */
/* values in the last matching rule will override  */
/* default values are for monitors, below for smaller */

@media screen and (max-width: 800px) {
/* For tablets  and mobiles in landscape: */
  body {
   padding: 0 1% 0 3%;
  --scroll-padding-top: calc(14 * var(--vh, 1vh));
  --index-padding-top: var(--NAV, 18vh);
  }
  SPAN.menuletter a {
    font-size: 13pt;
    padding-bottom: 0;
    margin: .08em .18em;
    line-height: .7em;
    width: 1.6em;
    height: .8em;
  }
}

@media screen and (max-width: 630px) {
/* For mobiles in portrait */
  body {
   padding: 0 3px 0 6px;
  --scroll-padding-top: calc(23 * var(--vh, 1vh));
  --index-padding-top: var(--vh, 1vh);
  }
  table th {
   min-width: 2em;
  }
/* **********Navigation Code************ */
  div.navoutside {
    display: flex;
    overflow-y: auto;
    overflow-x: auto;
  }
  div.main {
    right: 0;
    margin: 0 0 0 0;
    padding: 0 0 0.2em 0.8em;
    display: inline-block;
    overflow-y: auto;
  }
  div.navcontainer {
    display: block;
    min-width: 2.5em;
    max-width: 34px;
    overflow-y: auto;
    float: left;  
    left: 0;
  }
  NAV.Navigate {
    line-height: 0;
  }
  div.main a[name] {
  /* move a target within main down somewhat */
    position: relative;
    padding-top: var(--index-padding-top);
  }
  SPAN.menuletter a {
    font-size: 11pt;
    margin-top: .09em;
    line-height: .8em;
    padding-bottom: .1em;
    background-color: var(--button-color);
    display: inline-block;
    border-radius: .4em;
    width: 2em;
    height: 1em;
  }
  /* **********END Navigation Code************ */
}