/* @(#)$Id: new-bc-usc.css,v 1.1 2025/01/09 17:13:51 william Exp $ */

/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
/* https://css-tricks.com/dont-overthink-it-grids/ */
/* https://stackoverflow.com/questions/36601231/flexbox-float-right */
/* my flexboxes
          +-- vert-flexbox-L1-main-container -------------------------------------------+
          | +-- hori-flexbox-L2-banner-top -------------------------------------------+ |
          | | +-- vert-flexbox-L3-banner-top-dept-name --+                            | |
          | | | Thomas Lord Department of                |                            | | 
          | | | Computer Science                         |                            | | 
          | | +------------------------------------------+                            | |
          | +-------------------------------------------------------------------------+ |
          | +-- hori-flexbox-L2-navbar -----------------------------------------------+ |
          | |                                       [ Home | ... | Projects | Forum ] | | 
          | +-------------------------------------------------------------------------+ |
          | +-- vert-flexbox-L2-page-content -----------------------------------------+ |
          | | +-- vert-flexbox-L3-top-paragraph ------------------------------------+ | |
          | | | Operating Systems - CSCI 402, Spring 2025, All Sections             | | |
          | | | ...                                                                 | | |
          | | +---------------------------------------------------------------------+ | |
          | | General Information                                                     | |
          | | +-- vert-flexbox-L3-section-content-general-information --------------+ | |
          | | | +-- vert-flexbox-L4-section-content-general-information-table ----+ | | |
          | | | | +-- hori-flexbox-L5-section-content-general-information-row --+ | | | |
          | | | | |                                                             | | | | |
          | | | | +-------------------------------------------------------------+ | | | |
          | | | |                                                                 | | | |
          | | | +-----------------------------------------------------------------+ | | |
          | | +---------------------------------------------------------------------+ | |
          | | Class Resources                                                         | |
          | | +-- vert-flexbox-L3-section-content-course-resource ------------------+ | |
          | | | +-- vert-flexbox-L4-section-content-course-resourc-table ---------+ | | |
          | | | | +-- hori-flexbox-L5-section-content-course-resourc-row -------+ | | | |
          | | | | |                                                             | | | | |
          | | | | +-------------------------------------------------------------+ | | | |
          | | | |                                                                 | | | |
          | | | +-----------------------------------------------------------------+ | | |
          | | +---------------------------------------------------------------------+ | |
          | | News                                                                    | |
          | | +-- misc-section-content ---------------------------------------------+ | |
          | | | ...                                                                 | | |
          | | +---------------------------------------------------------------------+ | |
          | | Prerequisites                                                           | |
          | | +-- misc-section-content ---------------------------------------------+ | |
          | | | ...                                                                 | | |
          | | +---------------------------------------------------------------------+ | |
          | | Important Information about Programming Assignments                     | |
          | | +-- misc-section-content ---------------------------------------------+ | |
          | | | ...                                                                 | | |
          | | +---------------------------------------------------------------------+ | |
          | +-------------------------------------------------------------------------+ |
          | +-- hori-flexbox-L2-navbar -----------------------------------------------+ |
          | | [ Last updated ... ]                  [ Home | ... | Projects | Forum ] | | 
          | +-------------------------------------------------------------------------+ |
          +-----------------------------------------------------------------------------+
 */
DIV.vert-flexbox-L1-main-container { 
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: stretch;
  align-items: flex-start;
  background: white;
  color: black;
  font-size: 100%;
  padding: 0px 0px 0px 0px;
}
DIV.hori-flexbox-L2-banner-top {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: flex-start;
  background: #991b1e;
  border: 1px solid #991b1e;
  width: 100%;
  font-size: 100%;
  padding: 2px 9px 2px 9px;
}
DIV.vert-flexbox-L3-banner-top-dept-name {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: flex-start;
  flex-grow: 0;
  background: #991b1e;
  border: 0px solid yellow;
  font-size: 100%;
}
DIV.banner-top-dept-name-first {
  flex-grow: 0;
  background: #991b1e;
  border: 0px solid yellow;
  font-weight: bold;
  font-size: 75%;
  color: white;
}
DIV.banner-top-dept-name-last {
  flex-grow: 0;
  background: #991b1e;
  border: 0px solid yellow;
  font-weight: bold;
  font-size: 100%;
  color: white;
}
DIV.banner-top-middle-space {
  flex-grow: 1;
  background: #991b1e;
  border: 0px solid green;
}
DIV.banner-top-viterbi-image {
  background: #991b1e;
  border: 0px solid black;
  flex-grow: 0;
}
DIV.banner-top-usc-image {
  background: #991b1e;
  border: 0px solid pink;
  flex-grow: 0;
}
DIV.hori-flexbox-L2-navbar {
  background: #991b1e;
  border: 0px solid #991b1e;
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  font-size: 100%;
  color: white;
  padding: 4px 10px 2px 10px;
}
DIV.navbar-paragraph {
  max-width: 50%;
  background: #991b1e;
  border: 0px solid yellow;
  font-size: 75%;
  color: white;
  flex: 0 1 auto;
  padding: 0px 0px 0px 0px;
}
DIV.hori-navbar-right-item {
  display: inline-block;
  float: right;
  background: #991b1e;
  border: 0px solid yellow;
  font-size: 75%;
  text-align: right;
  color: white;
  flex: 0 1 auto;
  padding: 2px 0px 2px 0px;
}
DIV.vert-flexbox-L2-page-content {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: stretch;
  align-items: stretch;
  background: white;
  color: black;
  width: 100%;
  font-size: 100%;
  padding: 2px 10px 2px 10px;
}
DIV.vert-flexbox-L3-top-paragraph {
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
  background: white;
  color: black;
  font-size: 100%;
  padding: 0px 0px 0px 0px;
  border: 0px solid blue;
}
DIV.page-title {
  background: white;
  color: black;
  font-weight: bold;
  font-size: 150%;
  padding: 5px 8px 20px 8px;
}
DIV.centered-page-title {
  background: white;
  color: black;
  font-size: 100%;
  text-align: center;
  padding: 5px 8px 20px 8px;
}
DIV.top-paragraph {
  background: white;
  color: black;
  font-size: 100%;
  padding: 2px 8px 2px 8px;
  border: 0px solid blue;
}
DIV.hori-flexbox-top-paragraph-right-image {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: flex-start;

  background: white;
  float: right;
  padding: 0px 0px 4px 12px;
  order: 2;
}
DIV.top-paragraph-item {
  background: white;
  color: black;
  font-size: 100%;
  padding: 0px 0px 0px 0px;
  border: 0px solid blue;
}
DIV.paragraph {
  background: white;
  color: black;
  font-size: 100%;
  padding: 0px 0px 0px 0px;
  border: 0px solid blue;
}
DIV.section-header {
  background: #939498;
  color: white;
  font-weight: bold;
  font-size: 100%;
  margin-top: 20px;
  padding: 2px 4px 2px 4px;
  border: 0px solid blue;
}
DIV.vert-flexbox-L3-section-content-general-information {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  flex-grow: 1;
  padding: 2px 40px 2px 40px;
  border: 0px solid blue;
}
DIV.vert-flexbox-L4-section-content-general-information-table {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  flex-grow: 1;
  padding: 1px 0px 1px 0px;
  border: 1px solid #888;
}
DIV.hori-flexbox-L5-section-content-general-information-row {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 1px 1px 1px 1px;
}
DIV.section-content-general-information-left-item {
  min-width: 150px;
  font-size: 100%;
  text-align: right;
  flex: 0 0 auto;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.section-content-general-information-centered-item {
  display: flex;
  justify-content: center;
  /* the above two lines are added so that the font size looks right */
  background: white;
  color: black;
  font-size: 100%;
  text-align: center;
  flex: 2 0 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.section-content-general-information-leftjustified-item {
  background: white;
  color: black;
  font-size: 100%;
  text-align: left;
  flex-grow: 2;
  flex-basis: 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.section-content-general-information-spanned-item {
  background: white;
  color: black;
  font-size: 100%;
  text-align: left;
  flex-grow: 2;
  flex-basis: 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.vert-flexbox-L3-section-content-course-resource {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  flex-grow: 1;
  padding: 2px 40px 2px 40px;
  border: 0px solid blue;
}
DIV.vert-flexbox-L4-section-content-course-resource-table {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  flex-grow: 1;
  padding: 1px 0px 1px 0px;
  border: 0px solid #888;
}
DIV.hori-flexbox-L5-section-content-course-resource-row {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 1px 1px 1px 1px;
}
DIV.section-content-course-resource-left-item {
  min-width: 150px;
  font-size: 100%;
  text-align: right;
  flex: 0 0 auto;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 0px solid #444;
}
DIV.section-content-course-resource-single-char-centered-item {
  display: flex;
  background: white;
  color: black;
  font-size: 100%;
  text-align: center;
  flex: 0 0 auto;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 0px solid #444;
}
DIV.section-content-course-resource-leftjustified-item {
  background: white;
  color: black;
  font-size: 100%;
  text-align: left;
  flex: 1 0 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 0px solid #444;
}
DIV.section-content-course-resource-spanned-item {
  background: white;
  color: black;
  font-size: 100%;
  text-align: left;
  flex: 2 0 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 0px solid #444;
}
DIV.news-section-header {
  background: #dd3333;
  color: white;
  font-weight: bold;
  font-size: 100%;
  margin-top: 20px;
  padding: 2px 4px 2px 4px;
  border: 0px solid blue;
}
DIV.misc-section-content {
  font-size: 100%;
  flex: 1 0 auto;
  padding: 2px 2px 2px 2px;
  border: 0px solid blue;
}
DIV.grid-table {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  flex-grow: 1;
  padding: 1px 0px 1px 0px;
}
DIV.grid-table-row {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 1px 1px 1px 1px;
}
DIV.grid-table-col0-item {
  width: 25%;
  font-size: 100%;
  text-align: left;
  flex: 0 0 auto;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
}
DIV.grid-table-col1of3-item {
  width: 25%;
}
DIV.grid-table-col2of3-item {
  width: 25%;
}
DIV.grid-table-col3of3-item {
}
DIV.vert-flexbox-L3-quiz-table {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 1px 0px 1px 0px;
  border: 2px solid #222;
}
DIV.hori-flexbox-L4-quiz-table-row {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 100%;
  padding: 1px 1px 1px 1px;
}
DIV.quiz-table-col1of4-item {
  min-width: 65px;
  width: 5%;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: center;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.quiz-table-col2of4-item {
  min-width: 65px;
  width: 5%;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: center;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.quiz-table-col3of4-item {
  min-width: 65px;
  width: 5%;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: center;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.quiz-table-col4of4-item {
  width: 85%;
  display: flex;
  justify-content: left;
  text-align: left;
  flex: 1 1 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.centered-paragraph-large {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
}
DIV.hori-L3 {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  margin: 0px 1px 0px 1px;
  padding: 0px 0px 0px 0px;
  border: 0px solid red;
}
DIV.vert-L4 {
  display: flex;
  overflow-x: auto;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  margin: 0px 0px 0px 0px;
  padding: 1px 1px 1px 1px;
  border: 2px solid black;
}
DIV.hori-L5 {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  margin: 0px 0px 0px 0px;
  padding: 1px 1px 1px 1px;
  border: 0px solid blue;
}
DIV.item-L6 {
  flex: 1 0 0;
  text-align: center;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid black;
}
DIV.item-L6-fixed-scale-header {
  min-width: 12ch;
  flex: 1 0 0;
  text-align: center;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid black;
}
DIV.item-L6-fixed-scale {
  min-width: 12ch;
  width: 40%;
  flex: 1 0 0;
  text-align: left;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid black;
}
DIV.vert-flexbox-L3-unix-table {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 1px 0px 1px 0px;
  border: 2px solid #222;
}
DIV.hori-flexbox-L4-unix-table-row {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 1px 1px 1px 1px;
}
DIV.unix-table-col1of4-item {
  min-width: 10ch;
  width: 5%;
  display: flex;
  justify-content: left;
  flex: 0 1 auto;
  text-align: left;
  vertical-align: middle;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.unix-table-col2of4-item {
  min-width: 8ch;
  width: 5%;
  display: flex;
  justify-content: left;
  flex: 0 1 auto;
  text-align: left;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.unix-table-col3of4-item {
  min-width: 65px;
  width: 25%;
  display: flex;
  justify-content: left;
  flex: 0 1 auto;
  text-align: left;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.unix-table-col4of4-item {
  width: 65%;
  flex: 1 1 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.unix-table-col1of4-header-item {
  min-width: 10ch;
  width: 5%;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: left;
  vertical-align: middle;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.unix-table-col2of4-header-item {
  min-width: 8ch;
  width: 5%;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: left;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.unix-table-col3of4-header-item {
  min-width: 65px;
  width: 25%;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: left;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.unix-table-col4of4-header-item {
  width: 65%;
  display: flex;
  justify-content: center;
  text-align: left;
  flex: 1 1 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.vert-flexbox-L3-video-table {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 1px 1px 1px 1px;
  border: 2px solid #222;
}
DIV.hori-flexbox-L4-video-table-row {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
}
DIV.video-table-col1of5-item {
  min-width: 6ch;
  width: 5%;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: center;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.video-table-col2of5-item {
  min-width: 8ch;
  width: 5%;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: center;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.video-table-col3of5-item {
  min-width: 4ch;
  width: 5%;
  display: flex;
  justify-content: center;
  flex: 0 1 auto;
  text-align: center;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.video-table-col4of5-item {
  min-width: 6ch;
  width: 5%;
  display: flex;
  justify-content: center;
  text-align: left;
  flex: 0 1 auto;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.video-table-col5of5-item {
  width: 80%;
  display: flex;
  justify-content: left;
  text-align: left;
  flex: 1 1 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.video-table-item-top-half {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  margin: 1px 1px 0px 1px;
  padding: 1px 4px 1px 4px;
  border-spacing: 1px;
}
DIV.video-table-item-bot-half {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  margin: 0px 1px 1px 1px;
  padding: 1px 4px 1px 4px;
  border-spacing: 1px;
}
DIV.video-table-item-whole {
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  margin: 1px 1px 1px 1px;
  padding: 1px 4px 1px 4px;
  border-spacing: 1px;
}
DIV.left-item-L6-lectures {
  min-width: 8ch;;
  font-size: 100%;
  text-align: left;
  flex: 0 0 auto;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.right-item-L6-lectures {
  background: white;
  color: black;
  font-size: 100%;
  text-align: left;
  flex-grow: 2;
  flex-basis: 0;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
  border: 1px solid #444;
}
DIV.hori-flexbox-L4-semandcourse {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  font-size: 100%;
  padding: 0px 0px 0px 0px;
}
DIV.item-L5-semandcourse {
  color: white;
  flex: 0 1 auto;
  padding: 0px 0px 0px 0px;
}
DIV.vert-flexbox-L3-form-upload {
  background: #eeeeee;
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  flex-grow: 1;
  padding: 2px 40px 2px 40px;
  border: 0px solid red;
}
DIV.vert-flexbox-L4-form-upload {
  background: #eeeeee;
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  flex: 0 1 auto;
  padding: 1px 0px 1px 0px;
  border: 0px solid blue;
}
DIV.hori-flexbox-L5-form-upload-row {
  background: #eeeeee;
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 1px 1px 1px 1px;
}
DIV.left-item-L6-form-upload {
  width: 35%;
  font-size: 100%;
  text-align: right;
  flex: 0 0 auto;
  margin: 0px 10px 0px 1px;
  padding: 1px 2px 1px 2px;
}
DIV.right-item-L6-form-upload {
  width: 65%;
  color: black;
  font-size: 100%;
  text-align: left;
  flex: 0 0 auto;
  margin: 0px 1px 0px 1px;
  padding: 1px 2px 1px 2px;
}
DIV.vert-flexbox-L4-QandA {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 0;
  border: 0px solid red;
}
DIV.hori-flexbox-L5-QandA-row {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  margin: 0px 2px 0px 2px;
  padding: 0;
}
DIV.left-item-L6-QandA {
  width: 4ch;
  font-size: 100%;
  text-align: left;
  margin: 0px 1px 0px 1px;
  padding: 0;
  flex: 0 0 auto;
}
DIV.right-item-L6-QandA {
  color: black;
  font-size: 100%;
  text-align: left;
  margin: 0px 1px 0px 1px;
  padding: 0;
  flex: 0 1 auto;
}
DIV.vert-flexbox-L4-cmdline-arg {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  padding: 0;
  border: 0px solid red;
}
DIV.hori-flexbox-L5-cmdline-arg-row {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: stretch;
  font-size: 100%;
  margin: 0px 2px 0px 2px;
  padding: 0;
}
DIV.left-item-L6-cmdline-arg {
  font-size: 100%;
  text-align: right;
  margin: 0px 1px 0px 1px;
  padding: 0;
  flex: 0 0 auto;
}
DIV.mid-item-L6-cmdline-arg {
  width: 2ch;
  font-size: 100%;
  text-align: center;
  margin: 0px 1px 0px 1px;
  padding: 0;
  flex: 0 0 auto;
}
DIV.right-item-L6-cmdline-arg {
  color: black;
  font-size: 100%;
  text-align: left;
  margin: 0px 1px 0px 1px;
  padding: 0;
  flex: 0 1 auto;
}
DIV.hori-flexbox-L4-figure {
  display: flex;
  flex-flow: row nowrap; /* grow horizontally */
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 100%;
  padding: 0;
  border: 0px solid blue;
}
DIV.vert-flexbox-L5-figure {
  display: flex;
  flex-flow: column nowrap; /* grow vertically */
  justify-content: flex-start;
  align-items: center;
  font-size: 100%;
  padding: 0;
  border: 0px solid red;
}
PRE.paragraph-code {
  overflow-x:auto;
  display: block;
  background: #F0F0FF;
  padding: 4px 4px 4px 4px;
  color: #000;
  border-style:dashed;
  border-color:#000000;
  border-width:1px;
}
DIV.img-autoscroll {
  overflow-x:auto;
  border: 0;
}
HR.half-line {
  width: 50%;
}
IMG {
  border: 0;
}
BODY {
  font-size: 100%;
  background-color: #bbbbbb;
  padding: 2px 10% 2px 10%; /* this makes the middle part of the body 80% of the total width */
}
A { color: #d02090; text-decoration: underline; }
A:link { color: #d02090; text-decoration: underline; }
A:hover { color: #991b1e; text-decoration: underline; }
A:visited { color: #996600; text-decoration: underline; }
A.name:hover { color: #ffffff; text-decoration: none; }
A.name { color: #ffffff; text-decoration: none; }
A.rv-name { color: #ffffff; text-decoration: none; }
A.nv-name { color: #000000; text-decoration: none; }
A.nav { color: #ffffff; text-decoration: none; }
A.dept-of { text-decoration: none; color: white; font-weight: bold; font-size: 100%; }
A.dept-name { text-decoration: none; color: white; font-weight: bold; font-size: 100%; }
SPAN.red { color: #ff0000; }
SPAN.update { color: #0000ff; font-weight: bold; font-style: italic; }
SPAN.boldred { color: #ff0000; font-weight: bold; }
SPAN.red { color: #ff0000; }
SPAN.boldblue { color: #0000ff; font-weight: bold; }
SPAN.boldgreen { color: #00ff00; font-weight: bold; }
SPAN.boldolive { color: #008000; font-weight: bold; }
SPAN.boldorange { color: #ff9911; font-weight: bold; }
SPAN.deleted { color: #808080; text-decoration: line-through }
SPAN.tiny { font-size: 25%; }

.boxed { border: 3px solid red; padding: 10px; background: #e0e0e0; margin-top: 1000px; }
h2.boxed { border: 3px solid red; padding: 10px; background: #e0e0e0; margin-top: 10px; }
