html
 {
   display:          block;
   margin:           0.2rem;
   font-family:      "Times New Roman", Times, ui-serif, serif;
   font-size:        1.0rem;
   font-weight:      normal;
   background-color: #F0FAFF;
   color:            #000000;
   border:           none;
   text-align:       left;
   font-size: 62.5%;   /* essentially makes default of 1 rem to be 10 point */ 
   font-size: 125%;   /* essentially makes default of 1 rem to be 20 point */ 
 }

body
 {
   display:          block;
   margin:           0.2rem;
   font-family:      "Times New Roman", Times, ui-serif, serif;
   font-size:        1.0rem;
   font-weight:      normal;
   background-color: #F0FAFF;
   color:            #000000;
   border:           none;
   text-align:       left;
   font-size: 62.5%;   /* essentially makes default of 1 rem to be 10 point */ 
   font-size: 125%;   /* essentially makes default of 1 rem to be 20 point */ 
 }

/* lists ul, ol */
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }
ul ul ul li { list-style-type: square; }
ul ul ul ul li { list-style-type: disc; }
ul ul ul ul ul li { list-style-type: circle; }
ul ul ul ul ul ul li { list-style-type: square; }
ol li { list-style-type: disc; }
ol ol li { list-style-type: upper-latin; }
ol ol ol li { list-style-type: lower-latin; }
ol ol ol ol li { list-style-type: upper-roman; }
ol ol ol ol ol li { list-style-type: lower-roman; }
ol ol ol ol ol ol li { list-style-type: lower-greek; }

/* special case definition */
.note { font-size: 0.9rem; border-style: double; font-style: italic; width: 100%; }
.footer { font-size: 0.8rem; font-style: italic; text-align: center; width: 100%; }
.boxed { border-style: double; padding: 0.5rem; }
.flex-two-column-container { display: flex; }
.flex-child { flex: 1; border: none; }
.flex-child:first-child { flex: 0.6; margin-right: 20px; border: none; }
.flex-child-split { flex: 1; border: none; }
a:link { color: #000000; }
a:visited { color: #000000; }

/* table stuff for altenating rows */
table, th, td {
  border: 1px solid #000000;
  border-collapse: collapse;
  vertical-align: top;
}

table tr:nth-child(even) { background-color: #D0E4F5; border: 1px solid;}

/* nav bar */
/* nav a, nav ul { color: #FFFFFF; } */
nav a, nav ul { color: #000000; }
nav ul { background-color: #ACD6FF; padding: 0rem; float: left; }
nav > ul { width: 98%; position: absolute; }
nav li:hover { background-color: #95B4CA; padding: 0; }
nav li:hover > ul { display: block; position: absolute;}
nav li.nav_menu_parent_right:hover > ul { right: 0; }
nav ul li { list-style: none !important; background-color: #ACD6FF; line-height: 2rem; padding: 0rem; }
nav ul li ul { position: absolute; }
nav ul ul ul { left: 100%; top: 0; width: 100%; padding: 0; }
nav ul li ul li { min-width: 15rem !important; }
nav span.expand { float: right; margin-right:0.5rem; }
nav div.clear { clear: both; }
.nav_menu_parent { display: inline-block; position: relative; min-width: 6rem; }
.nav_menu_parent a { margin: 0.2rem; text-decoration: none; }
.nav_menu_child { display: none; padding: 0.1rem; min-width: 5rem; list-style: none; text-align: left; }
.nav_menu_child li { border: #FFFFFF 1px solid; }

.nav_menu_parent_right { display: inline-block; position: relative; float: right; text-align: right; min-width: 5rem; padding: 0rem; }
.nav_menu_parent_sub_right { display: inline-block; position: relative; float: right; text-align: left; min-width: 5rem; padding: 0rem; }
.nav_menu_parent_right a { margin: 0.2rem; text-decoration: none; }
/* nav li.nav_menu_parent_right ul ul { left: unset; right: 100%; } */
nav li.nav_menu_parent_right ul ul { left: auto !important; right: 100% !important; }
nav span.expand_left { float: left; margin-right:0.5rem; }
.nav_menu_child_right { display: none; padding: 0.1rem; min-width: 5rem; list-style: none; text-align: left; }
.nav_menu_child_right li { border: #FFFFFF 1px solid; }


// imitate a table with divs

/* background             
 * 1C6EA4 is dark blue
 * EEEEEE is light gray
 * D0E4F5 is light blue
 * borders: AAAAAA, 444444
 * Isaac: blue: ADD6FF gray: FOFAFF
 *              1C6EA4       FOFAFF
 */

div.blueTable {
  border: 2px solid #000000;
  background-color: #F0FAFF;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.divTable.blueTable .divTableCell, .divTableCell-r, .divTable.blueTable .divTableHead {
  border: 1px solid #000000;
  min-width: 1.5rem;
  padding: 0.3rem 0.2rem;
}

div.emptyCell {
  border: 0 !important;
  background-color: #F0FAFF !important;
}

.divTableCell-r { text-align: right; }
.divTable.blueTable .divTableRow:nth-child(even) { background: #D0E4F5; }
.divTable.blueTable .divTableHeading {
  font-weight: bold;
  border-bottom: 2px solid #000000;
}
.divTable.blueTable .divTableHeading .divTableHead {
  font-weight: bold;
  color: #000000;
  border-left: 2px solid #000000;
}
.divTable.blueTable .divTableHeading .divTableHead:first-child { border-left: none; }

.blueTable .tableFootStyle {
  color: #000000;
  background: #F0FAFF;
  border: 2px solid #000000;
}

.blueTable .tableFootStyle .links { text-align: right; }
.blueTable .tableFootStyle .links a{
  display: inline-block;
  color: #000000;
  padding: 0.3rem 0.2rem;
}
.blueTable.outerTableFooter { border-top: none; }

.blueTable.outerTableFooter .tableFootStyle { padding: 0.3rem 0.2rem; }

/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableCell-r, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}

