/* *****      COPY THIS FILE TO MY_WAY/Common       ***** */
/* *****   Needed for testing when in that folder   ***** */
/* ***** Remove special background colors then
         copy to MJH-NM Public => MJH-NM.NET\public ***** */
: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;
/* set basic rem value to the browser default
   typically this is 16px=12pt */
  font-size: 100%; 
}

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 at the end makes changes for smaller devices */

/* Font size "should" be expressed twice: first as pt for a default,
   then if the browser does recognize rem override with those units.
   However, rem is now sufficiently recognized that I don't bother.  */

/* CSS Syntax Reminder:
   4 entries: top right bottom left; 3: top right&left bottom;
   2: top&bottom right&left; 1: all_four_equal  */

body {
  /* These are the overall default settings.
     rem & vh/vw can be used since font-size is set in html above */

  /* this seems necessary to avoid scrollbar */
  height: calc(97 * var(--vh, 1vh));
  /* this overrides any width setting */
  max-width: 52rem;
  /* set based on em, thus font family specific
     need a calc only if font is full but line-height is different */
  --base-line-height: 1.3em;
  line-height: var(--base-line-height);
  margin: 0;
  /* I prefer % to vw as it is a fixed amount for the device */
  padding: 0 3% 0 5%; /* top/right/bottom/left standard for monitors */

  --scroll-padding-top: 6.6rem; /* exposes ~two rows above */
  /* this is changed in @media
     only used for "padding-top" of "div.Scroll a[name]"
     to bring hyperlink target within a scrolled table
     down below the heading of the table 
  */

  --index-padding-top: 3.8rem;
  /* this is changed in @media
     only used for "padding-top" of "div.main a[name]"
     to bring index target just below a two row heading of letters
     which only exists in the index, except for mobiles
  */

  background-color: var(--MJH-color);
}

/* Horizontal Rule classes */
hr.Thin {
  margin: 0.0625rem auto 0 0;
  max-width: 21rem;
  border: none;
  color: black;
  background-color: black;
  height: 0.0625rem;
  line-height: 0.0625rem;

}

hr.Thick {
  margin: 0.1875rem auto 0 auto;
  max-width: calc(0.3 * var(--vwidth));
  border: none;
  color: black;
  background-color: black;
  height: 0.1875rem;
  line-height: 0.1875rem;
}

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

div.email-button {
  text-decoration-line: underline;
  right: 0.1825rem;
}

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

div.top-button {
  left: 0.1825rem;
}

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

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

/* This produces a responsive one-column list */
/* resulting from contiguous "List" paragraphs */
/* If a different column width is needed, */
/* define new paragraph and section styles */
/* and set its widths for their HTML output */

SECTION.ListSec {
  -webkit-column-width: 12rem;
  -moz-column-width: 12rem;
  column-width: 12rem;
}
P.List {
	display: block;
	text-align: left;
	text-indent: -1.5833rem;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 1.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}

/* **************** Tables *************** */
/* **** set no default for all tables ****
   ** this allows a true browser default * */

/* ** Only set Specific Table Formats ** */

/* Perl script adds the elements to bracket
   all the beginning rows containing th with thead
   and all the ending rows containing th with tfoot
   to allow a unique border separator from body  */

/* NOTE: can use nth-child(num) num = index
   index of first child is 1, also can use odd/even
   because thead/tfoot has been added
    can use just "thead" for all heading rows
    or more specifically "thead tr:last-child th"
   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
 */

/* ***** class=blank tables ***** */
table.blank {
  margin: 1.0rem 0;
  padding: 0.5rem;
  border: none;
  border-collapse: collapse;
  margin: 0.75rem 0;
}
table.blank th {
  /* margin: not valid for th */
  padding: 0.18rem 0.24rem 0.12rem;
  min-width: 2rem;  /* less due to no borders */
  border: none;
}
table.blank td {
  /* margin: not valid for td */
  padding: 0;
  min-width: 1.5rem;  /* less due to no borders */
  border: none;
  vertical-align: top;
}
table.blank td p {
  /* Make the line height smaller due to no separators
     max(default Paragraph font, font override size) */
  line-height: 1.2em;
}

/* ***** class=basic tables ***** */
table.basicB, table.basicM, table.basicT,
 table.basicCtrB, table.basicCtrM,table.basicCtrT {
  margin: 0.5rem 0;
  padding: 0.5rem;
  border-collapse: collapse; 
  border: thin solid grey;
}
table.basicCtrB, table.basicCtrM, table.basicCtrT {
  /* center the table */
  margin-left: auto;
  margin-right: auto;
  /* ensure some left/right space */
  max-width: 90%;
}
table.basicB th, table.basicCtrB th,
 table.basicM th, table.basicCtrM th,
 table.basicT th, table.basicCtrT th {
  /* margin: not valid for th */
  vertical-align: middle;
  padding: 0.18rem 0.24rem 0.12rem;
  min-width: 3rem;  /* modify this for @media */
  border: thin solid grey;
}
  /* margin: not valid for td */
table.basicB td, table.basicCtrB td {
  vertical-align: bottom;
  padding: 0.18rem 0.24rem 0.12rem;
  min-width: 2rem;  /* modify this for @media */
  border: thin solid grey;
}
table.basicM td, table.basicCtrM td {
  vertical-align: middle;
  padding: 0.18rem 0.24rem 0.12rem;
  min-width: 2rem;  /* modify this for @media */
  border: thin solid grey;;
}
table.basicT td, table.basicCtrT td {
  vertical-align: top;
  padding: 0.18rem 0.24rem 0.12rem;
  min-width: 2rem;  /* modify this for @media */
  border: thin solid grey;
}
table.basicB thead tr:last-child th,
 table.basicM thead tr:last-child th,
 table.basicT thead tr:last-child th,
 table.basicCtrB thead tr:last-child th,
 table.basicCtrM thead tr:last-child th,
 table.basicCtrT thead tr:last-child th {
  /* the last header row */
  border-bottom: 0.1825rem solid grey;
}
table.basicB tfoot tr:first-child th,
 table.basicM tfoot tr:first-child th,
 table.basicT tfoot tr:first-child th,
 table.basicCtrB tfoot tr:first-child th,
 table.basicCtrM tfoot tr:first-child th,
 table.basicCtrT tfoot tr:first-child th {
  /* the first footer row */
  border-top: 0.1825rem solid grey;
}
div.Scroll table.basicB thead th,
 div.Scroll table.basicM thead th, 
 div.Scroll table.basicT thead th, 
 div.Scroll table.basicCtrB thead th, 
 div.Scroll table.basicCtrM thead th, 
 div.Scroll table.basicCtrT thead th {
  box-shadow:
   inset -0.03rem 0 grey,   /* inside left */
   inset 0.015rem 0 grey,   /* inside right */
   inset 0 0.03rem grey;    /* inside top */
}
/* ****** only the last th stays with scroll
   but any Title/Caption is pushed up  ****** */
div.Scroll table.basicB thead tr:last-child th,
 div.Scroll table.basicM thead tr:last-child th, 
 div.Scroll table.basicT thead tr:last-child th, 
 div.Scroll table.basicCtrB thead tr:last-child th, 
 div.Scroll table.basicCtrM thead tr:last-child th, 
 div.Scroll table.basicCtrT thead tr:last-child th {
  /* force last header row to stick to the top in front of td */
  position: sticky;
  top: 0;
  /* be sure it is visually in front of the table cells */
  z-index: 2;
  /* row must have a 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;
  padding-bottom: 0.1825rem;
  box-shadow:
   inset -0.03rem 0 grey,   /* inside left */
   inset 0.015rem 0 grey,   /* inside right */
   inset 0 0.03rem grey,    /* inside top */
   inset 0 -0.1825rem grey; /* inside bottom */
}

/* **** Common settings for the three decorated
   classes of Formats B, M, and T  ****  */

table.FormatB, table.FormatM, table.FormatT {
  /* center the table */
  margin: 1.0rem auto;
  /* ensure some left/right space */
  max-width: 90%;
  padding: 0.5rem;
  border: 0.1825rem solid black;
  border-collapse: collapse; 
}
table.FormatB th, table.FormatM th, table.FormatT th {
  /* margin: not valid for th */
  padding: 0.18rem 0.24rem 0.12rem;
  min-width: 3rem;  /* modify this for @media */
  vertical-align: middle;
  border: thin solid black;
}
table.FormatB td {
  /* margin: not valid for td */
  border: thin solid black;
  vertical-align: bottom;
}
table.FormatM td {
  /* margin: not valid for td */
  border: thin solid black;
  vertical-align: middle;
}
table.FormatT td {
  /* margin: not valid for td */
  border: thin solid black;
  vertical-align: top;
}
table.FormatB thead tr:last-child th,
 table.FormatM thead tr:last-child th,
 table.FormatT thead tr:last-child th {
  /* the last header row */
  border-bottom: thick double black;
}
table.FormatB tfoot tr:first-child th,
 table.FormatM tfoot tr:first-child th,
 table.FormatT tfoot tr:first-child th {
  /* the first footer row */
  border-top: thick double black;
}
/* ****** entire thead stays with scroll
   but any Title/Caption is pushed up  ****** */
div.Scroll table.FormatB thead,
 div.Scroll table.FormatM thead, 
 div.Scroll table.FormatT thead {
  /* force heading to stick to the top in front of td's */
  position: sticky;
  top: 0;
  /* be sure it is visually in front of the table cells */
  z-index: 2;
  /* must have a background-color to cover rows behind */
  background-color: var(--MJH-color);
  /* force a line at the bottom with outline
     since outside "border" will not show
     due to sticky it only shows at the bottom */ 
  outline: 0.1rem solid black;
}
div.Scroll table.FormatB thead th,
 div.Scroll table.FormatM thead th, 
 div.Scroll table.FormatT thead th {
  box-shadow:
   inset -0.03rem 0 black,   /* inside left */
   inset 0.015rem 0 black,   /* inside right */
   inset 0 0.03rem black;    /* inside top */
}
div.Scroll table.FormatB thead tr:last-child th,
 div.Scroll table.FormatM thead tr:last-child th,
 div.Scroll table.FormatT thead tr:last-child th {
  /* the last header row */
  padding-bottom: 0.1825rem;
  box-shadow:
   inset -0.03rem 0 black,   /* inside left */
   inset 0.015rem 0 black,   /* inside right */
   inset 0 0.03rem black,    /* inside top */
   inset 0 -0.1rem black;    /* inside bottom */
}
/* **** settings for all Scrolled tables **** */
/* scrolling table HTML structure
    div ScrollM (only if a table in the middle)
      div Scroll
        table TableName
        /table
      /div Scroll
    /div ScrollM (only if necessary)
*/

div.Scroll {
  overflow-y: scroll;
  overflow-x: auto;
  max-height: 90vh;
  border-top: 0.1825rem solid grey;
  border-bottom: 0.1825rem solid grey;
  margin-top: 0.25rem;
  /* inline-block required in case
     containing div.ScrollM centers */
  display: inline-block;
  max-width: 100%;
}
div.Scroll table {
   margin: 0 0 0 0;
   max-width: 100%;
} 
div.ScrollM {
  /* make the div.Scroll centered if it should be */
  display: flex;
  justify-content: center;
}
div.Scroll a[name] {
/* move <a...> target within the table down below the headers */
  position: relative;
  padding-top: var(--scroll-padding-top);
}

/* **********Index Navigation Code************
   div navoutside
    div navcontainer
      NAV Navigate
        SPAN menuletter
        SPAN menuletter
        SPAN menuletter
        SPAN menuletter </NAV>
    /div navcontainer
    div main
      contents of the scrolled index
    /div main
   /div navoutside
  ********* */

/*  These defaults are for the monitors  */
div.navoutside {
  overflow-y: scroll;
  overflow-x: auto;
  max-height: 100%;
  border: solid black;
  border-width: 0 0.1825rem 0.1825rem;
  display: inline-block;
  max-width: 100%;
}
div.main {
   margin: 0 0 0 0;
   padding: 0 0 0.2rem 0.8rem;
   max-width: 100%;
}
div.navcontainer {
  z-index: 2;
  position: sticky;
  top: 0;
  background-color: var(--MJH-color);
  border: none 0 currentcolor;
  box-shadow:
   inset -0.1875rem 0 black,
   inset 0.015625rem 0 black,
   inset 0 0.1875rem black,
   0 0.1875rem black;
}
NAV.Navigate {
/* center letters in button  */
  text-align: center;
  text-decoration-line: none;
  padding: .2rem 0;
}
div.main a[name] {
/* move a target within main below index heading rows */
  position: relative;
  padding-top: var(--index-padding-top);
}
SPAN.menuletter a { 
  font-size: 1.2rem;  /* the letters themselves */
  /* the rest affects the "button" around the letter */
  padding-bottom: .2rem;
  background-color: var(--button-color);
  display: inline-block;
  border-radius: .4rem;
  width: 1.4rem;
  height: 1rem;
  border: thin solid grey;
  /* margins around the buttons: top right/left bottom */
  margin: 0.3rem 0.1rem 0.1rem;
}
/* **********END Navigation Code************ */

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

A.footnote { /* for all footnote marker numbers */
  font-size: 0.75em;
  font-weight: normal;
  font-style: normal;
  /* Superscript automatic in FrameMaker, but needs this for HTML */
  /* Avoid added space above caused by vertical-align: super; */
  vertical-align: baseline;
  position: relative;
  top: -0.6em;
  line-height: 100%;
  /*  *********************** */
  font-family: Consolas, monospace;
}

SPAN.footnoteNumber {  /* for all the endnote numbers */
  font-family: Consolas, monospace;
}

a[name|=FNum] {
  /* when the target is a footnote/endnote, move down somewhat
     so the context/sentence before this footnote is visible */
    position: relative;
    padding-top: 5vh;
}

/* NOTE: changed all obsolete "font-weight: normal;"
   to the new standard "font-weight: normal;"
   and "font-style: normal;" 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 *****

   All FrameMaker non-zero pt values changed to rem
   line-height: var(--base-line-height); is now default
 
   paragraph/P class name should begin with uppercase
   character/SPAN class name should begin with lowercase
   Note that *both* upper and lowercase names exist for
   some paragraph/P and char/SPAN styles to handle
   legacy names before I imposed a naming convention
   ************************************************* */
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;
	margin-top: 1.1667rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Body1 {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.BotLeft, P.MidLeft, P.TopLeft, P.Singleline, P.singleline {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	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;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}

P.Bullet, P.bullet {
	display: block;
	text-align: left;
	text-indent: -0.9167rem;
	margin-top: 0.5833rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 1.8333rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Bullet1, P.bullet1 {
	display: block;
	text-align: left;
	text-indent: -0.9167rem;
	margin-top: 0;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 1.8333rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.BulletL {
	display: block;
	text-align: left;
	text-indent: -0.9167rem;
	margin-top: 1.1667rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 1.8333rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Computer, P.computer {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 0.9167rem;
	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;
	margin-top: 1.1667rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	font-weight: bold;
	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";
}
P.DefHeadSee {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0.25rem;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0.4167rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	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;
	margin-top: 0;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 1.8333rem;
	font-size: 1.0rem;
	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;
	margin-top: 0;
	margin-bottom: 0.25rem;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 2.25rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	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;
	margin-top: 0;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	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;
	margin-top: 0;
	margin-bottom: 0.25rem;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0.9167rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.E-mail, P.e-mail {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 0;
	font-size: 0.9167rem;
	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;
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 0;
	font-size: 0.8333rem;
	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: left;
	text-indent: -1.56rem;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 2.6875rem;
	margin-left: 1.56rem;
	font-size: 0.8333rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Halfline, P.halfline {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0.4rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.HeadFoot {
	display: block;
	text-align: center;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.BotCtr, P.MidCtr, P.TopCtr {
	display: block;
	text-align: center;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	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;
	margin-top: 0.5833rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 1.8333rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.MidIndent {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 1.8333rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.IndentL {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 1.1667rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 1.8333rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.IndentSm {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 2.6875rem;
	margin-left: 1.56rem;
	font-size: 0.8333rem;
	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;
	margin-top: 1.8333rem;
	margin-bottom: 1.1667rem;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 0;
	font-size: 1.50rem;
	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;
	margin-top: 0;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	font-weight: normal;
	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;
	margin-top: 0.1667rem;
	margin-bottom: 0.1667rem;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.1667rem;
	font-weight: normal;
	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;
	margin-top: 1.50rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.1667rem;
	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.Mono {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	/* this font-family has large x-height characters */
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 0;
        font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: Consolas, monospace;
}
P.Number, P.number {
	display: block;
	text-align: left;
	text-indent: -1.8333rem;
	margin-top: 0.5833rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 1.8333rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Number1, P.number1, P.NumberL {
	display: block;
	text-align: left;
	text-indent: -1.8333rem;
	margin-top: 1.1667rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 1.8333rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Quotation, P.Quote, P.quote {
	display: block;
	text-align: left;
	text-indent: -0.445833rem;
	margin-top: 0.75rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 3.5833rem;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Small, P.small {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: calc(0.9 * var(--base-line-height));
	margin-right: 0;
	margin-left: 0;
	font-size: 0.8333rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Subbullet, P.subbullet {
	display: block;
	text-align: left;
	text-indent: -0.9167rem;
	margin-top: 0.50rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Subbullet1, P.subbullet1 {
	display: block;
	text-align: left;
	text-indent: -0.9167rem;
	margin-top: 0;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.SubbulletL, P.subbulletL {
	display: block;
	text-align: left;
	text-indent: -0.9167rem;
	margin-top: 0.75rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Subindent1, P.subindent1 {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Subindent, P.subindent {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0.50rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.SubindentL, P.subindentL {
	display: block;
	text-align: left;
	text-indent: 0;
	margin-top: 0.75rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Subnumber, P.subnumber {
	display: block;
	text-align: left;
	text-indent: -1.75rem;
	margin-top: 0.5rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.Subnumber1, P.subnumber1 {
	display: block;
	text-align: left;
	text-indent: -1.75rem;
	margin-top: 0.75rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	text-decoration: none;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Century Schoolbook";
}
P.SubnumberL {
	display: block;
	text-align: left;
	text-indent: -1.75rem;
	margin-top: 0.75rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 3.5833rem;
	font-size: 1.0rem;
	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;
	margin-top: 0;
	margin-bottom: 0.25rem;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.1667rem;
	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;
	margin-top: 1.1667rem;
	margin-bottom: 0;
	line-height: var(--base-line-height);
	margin-right: 0;
	margin-left: 0;
	font-size: 1.0rem;
	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";
}
/* NOTE: This format is referenced in the PERL script
   to replace the special FM non-breaking hyphen */
SPAN.noWrap, SPAN.NoWrap {
	white-space: nowrap;
}
SPAN.bold, SPAN.Bold {
	font-weight: Bold;
}
SPAN.caps, SPAN.Caps {
	text-transform: uppercase;
}
SPAN.computer {
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Courier New", monospace;
}
SPAN.computerfoot {
	font-size: 0.75rem;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Courier New", monospace;
}
SPAN.disable, SPAN.Disable {
	text-decoration-line: line-through;
}
SPAN.emphasis, SPAN.Emphasis {
	font-style: italic;
}
/* FM sets equation classes to begin uppercase
   so these violate my naming convention */
/* The character format EqNum converts to PLAIN TEXT
   so thare is no SPAN declaration for it */
SPAN.Equation {
	font-size: 0.8333rem;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Palatino Linotype";
}
SPAN.EquationVariables {
	font-size: 0.8333rem;
	font-weight: normal;
	font-style: italic;
	color: #000000;
	vertical-align: baseline;
	text-transform: none;
	font-family: "Palatino Linotype";
}
/* PLAIN-TEXT.hyperLink, PLAIN-TEXT.HyperLink */
SPAN.italic, SPAN.Italic {
	font-style: italic;
}
SPAN.large, SPAN.Large {
	font-size: 1.25em;
}
SPAN.menuletter {
	font-size: 1.3333rem; /* only? affects line size */
	font-weight: bold;
	color: #000000;
	text-decoration-line: underline;
	vertical-align: baseline;
	font-variant: small-caps;
	font-family: "Courier New", monospace;
}
SPAN.mono {
	font-family: Consolas, monospace;
}
SPAN.red, SPAN.Red {
	color: #ff0000;
}
SPAN.small, SPAN.Small {
	font-size: 0.75em;
}
SPAN.smCaps, SPAN.SmCaps {
	font-size: 0.8em;
	font-variant: small-caps;
}
SPAN.subscript, SPAN.Subscript {
	font-size: 0.75em;
	vertical-align: baseline;
	position: relative;
	top: 0.3em;
	line-height: 100%;
}
SPAN.superscript, SPAN.Superscript {
	font-size: 0.75em;
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
	line-height: 100%;
}
SPAN.underline {
	text-decoration-line: underline;
}

/* ***** Adding @media rules for responsive ***** */
/* Values are based on rem, browser's default font size  */
/* Remember that for widths matching multiple rules  */
/* values in the LAST matching rule will override  */
/* Thus these rules should always be last, since above  */
/* values are for default monitors, below for smaller */
/* or for super-large monitors */

@media screen and (max-width: 50rem) {
/* 800px = 50rem */
/* For tablets and mobiles in landscape: */
  body {
   padding: 0 1% 0 3%;
  --scroll-padding-top: 5.5rem; /* exposes one+ rows above */
  --index-padding-top: 3.8rem;
  --base-line-height: 1.2em;
  }
  SPAN.menuletter a {
    /* letters will always be two rows at top */
    font-size: 1.5rem;  /* the letters themselves */
    padding-bottom: 0.1rem;
    line-height: .7rem;
    width: 1.6rem;
    height: 1.0rem;
    /* margins around the buttons: top right/left bottom */
    margin: 0.2rem 0.3rem 0.1rem;
  }
  table.blank th {
    min-width: 2rem;
  }
  table.blank td {
    min-width: 1.2rem;
  }
  table.basicB th, table.basicCtrB th,
   table.basicM th, table.basicCtrM th,
   table.basicT th, table.basicCtrT th,
   table.FormatB th, table.FormatM th, table.FormatT th {
    min-width: 2.5rem;
  }
  table.basicB td, table.basicCtrB td,
   table.basicM td, table.basicCtrM td,
   table.basicT td, table.basicCtrT td,
   table.FormatB td, table.FormatM td, table.FormatT td {
    min-width: 1.5rem;
  }
}

@media screen and (max-width: 39.375rem) {
/* 630px = 39.375rem */
/* For mobiles in portrait */
  body {
   padding: 0 0.1875rem 0 0.375rem;
  --scroll-padding-top: 4.0rem; /* exposes ~one rows above */
  --index-padding-top: .3rem; /* index letters are at the side */
  --base-line-height: 1.1em;
  }
  table.blank th {
    min-width: 1.1rem;
  }
  table.blank td {
    min-width: 1.0rem;
  }
  table.basicB th, table.basicCtrB th,
   table.basicM th, table.basicCtrM th,
   table.basicT th, table.basicCtrT th,
   table.FormatB th, table.FormatM th, table.FormatT th {
    min-width: 1.4rem;
  }
  table.basicB td, table.basicCtrB td,
   table.basicM td, table.basicCtrM td,
   table.basicT td, table.basicCtrT td,
   table.FormatB td, table.FormatM td, table.FormatT td {
    min-width: 1.2rem;
  }
/* **********Navigation Code************ */
  div.navoutside {
    display: flex;
    overflow-y: auto;
    overflow-x: auto;
  border: solid black;
  border-width: 0 0.1825rem 0.1825rem;
  }
  div.main {
    right: 0;
    margin: 0 0 0 0;
    padding: 0 0.2rem 0 0.6rem;
    display: inline-block;
    overflow-y: auto;
    box-shadow: 
     inset 0 0.1875rem black;
  }
  div.navcontainer {
    display: block;
    min-width: 2.8rem;
    max-width: 3rem;
    overflow-y: auto;
    float: left;  
    left: 0;
  }
  NAV.Navigate {
    line-height: 0;
  }
  div.main a[name] {
  /* move an index target within main down somewhat */
    position: relative;
    padding-top: var(--index-padding-top);
  }
  SPAN.menuletter a {
    font-size: 1.2rem;
    margin-top: .3rem;
    line-height: .9rem;
    padding-bottom: 0rem;
    padding-top: 0.1rem;
    background-color: var(--button-color);
    display: inline-block;
    border-radius: .4rem;
    width: 2rem;
    height: 0.9rem;
  }
  /* **********END Navigation Code************ */
}

@media screen and (min-width: 59rem) {
/* html is body's container, so use it to center body
   once width exceeds body's max-width=52rem plus 7rem */
  html {
    display: flex;
    justify-content: center;
  }
  body {
   /* reset display to body's default to avoid inherit */
   display: block;
  }
}

@media screen and (min-width: 75rem) {
/* 1200px = 75rem, 1440px = 90rem */
/* Increase line-height for extra-large monitors,
   recommended at 1200px */
  body {
   --base-line-height: 1.5em;
  }
}