body {
	font-family: sans-serif;
	background-color: #92E8C6;
}

img {
/*
  width: auto;
  height: auto;
*/
  max-width: 100%;
  max-height: 90%;
}

img.sized {
  max-width: none;
  max-height: none;
}

/* For Manuf page */
img.logo {
  max-width: 75px;
  max-height: 21px;
}

/* Scroller for use e.g. in divs containing a wide table,
to avoid the whole page becoming horizontally scrollable and
the Menu link at the right of the top bar therefore being hidden.
The _bg version is to highlight divs that DON'T contain standard tables
(i.e. that don't have the grey background) - not used on those to avoid
highlighted regions around a std table that fits the viewport, i.e. is not scrollable.
These divs must NOT be followed by <p>, to avoid mis-operation of the
scrollbar due to the hidden space above <p>s (to position link targets) -
use <br> instead. Also:
- Lengthy text must be broken by <br>s, e.g. to avoid excessively wide
  table columns.
- When had width as vw, tables must be able to float to the far left, not be
  indented (e.g. not within a list - needed to end and re-start the list around the div),
  to avoid the right-hand bit of the table potentially being past the right edge of the viewport.
  Not necessary now that width is %, but still preferable for max visibility on narrow screens. */
.wide_scroller {
    width: 99%;
    overflow-x: auto;
    white-space: nowrap;
}
.wide_scroller_bg {
    width: 99%;
    overflow-x: auto;
    white-space: nowrap;
    background-color: #9EF4D2;
}

a {white-space: nowrap}
a:link {color: #000078;}
a:visited {color: #600060;}
a:hover {color: #0000F0;}
a[name]:hover {text-decoration: inherit; color: inherit; background: inherit}
a.lbreak {white-space: normal;}

/* For glossary previous name attributes */
a.term {color: #E000E0; font-size: 117%;}
a.term:hover {color: #E000E0; font-size: 117%;}

a.nodecor_mse_over:link {color: #ffffff; text-decoration: none}
a.nodecor_mse_over:visited {color: #ffffff; text-decoration: none}
a.nodecor_mse_over:hover {color: #d8d8ff; text-decoration: none}

/* For glossary */
a.lighting:link {color: #e870ff;}
a.lighting:hover {color: #0000F0;}
a.video:link {color: #e87070;}
a.video:hover {color: #0000F0;}

p.vspaced {line-height: 130%}

/* For glossary */
p.term {color: #E000E0; font-size: 117%; margin-bottom: 0; margin-top: 0.85em;}
.term_add {color: #000000; font-size: 90%;}
p.def {margin: 0; margin-top: 0;}
.lighting {color: #e870ff;}
.video {color: #e87070;}

.nobr {white-space: nowrap;}
.half_height {margin-top: 0.65em;}
.fractop {font-size: 57%; vertical-align: 57%;}
.fracsl {font-size: 70%; vertical-align: 13%;}
.fracbot {font-size: 52%; vertical-align: -15%;}
.pfractop {font-size: 57%; vertical-align: 117%;}
.pfracsl {font-size: 70%; vertical-align: 73%;}
.pfracbot {font-size: 52%; vertical-align: 45%;}

h1 { 
    font-size: 1em;
    font-weight: normal;
}

ul {
    list-style-position: outside;
}

li {margin: 7px 0 0 0;}
li.pspaced {margin: 20px 0 0 0;}
li.cl_spaced {margin: 2px 0 0 0;} /* For external links page */
p.ppspaced {margin: 12px 0 0 0;}
p.sm_after {margin: 12px 0px 2px 0px;}
p.cl_spaced {margin: 0 0 -16px 0;} /* For external links page */
p.no_marg {margin: 0 0 0 0;} /* For use with ::before, for mic details table, manufact table & other non-spaced link targets */
p.hlf_spaced {margin: 0 0 -8px 0;} /* For Training page, also Decibels */

.navTable { background-color:#30C090; border-top:1px solid #A0E0A0; border-left:1px solid #A0E0A0; border-right:1px solid #006000; border-bottom:1px solid #006000; border-collapse: separate; border-spacing: 0px;}
.navTable td { padding:2px; border-top:1px solid #006000; border-left:1px solid #006000; border-bottom:1px solid #A0E0A0; border-right:1px solid #A0E0A0; }

.stdTable { background-color:#C0C0C0; border-top:2px solid #E0E0E0; border-left:2px solid #E0E0E0; border-right:2px solid #989898; border-bottom:2px solid #989898; border-collapse: separate; border-spacing: 0px;}
.stdTable td { padding:1px; border-top:2px solid #989898; border-left:2px solid #989898; border-bottom:2px solid #E0E0E0; border-right:2px solid #E0E0E0; }
.stdTable th { padding:1px; border-top:2px solid #989898; border-left:2px solid #989898; border-bottom:2px solid #E0E0E0; border-right:2px solid #E0E0E0; }

.stdCentTable { background-color:#C0C0C0; border-top:2px solid #E0E0E0; border-left:2px solid #E0E0E0; border-right:2px solid #989898; border-bottom:2px solid #989898; border-collapse: separate; border-spacing: 0px;}
.stdCentTable td { text-align:center; padding:1px; border-top:2px solid #989898; border-left:2px solid #989898; border-bottom:2px solid #E0E0E0; border-right:2px solid #E0E0E0; }
.stdCentTable th { text-align:center; padding:1px; border-top:2px solid #989898; border-left:2px solid #989898; border-bottom:2px solid #E0E0E0; border-right:2px solid #E0E0E0; }

.pgTitleText {
  font-family: Georgia, serif;
  font-size: 30px;
  text-align: center;
  font-style: italic;
}
.pgTitleTextSub {
  font-family: Georgia, serif;
  font-size: 21px;
  font-style: italic;
}
.pgTitleNum {
  font-size: 30px;
  text-align: center;
  font-style: italic;
}

/* START topnav */
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/* https://www.w3schools.com/CSSref/css_selectors.asp */
/* .content placed immediately after .sticky */
.sticky + .content {
  padding-top: 60px;
}

/* Non-current pages */
.topnav {
  overflow: hidden;
  background-color: #30C090;
}

.vScrollable {
  max-height: 85vh;
  overflow-y: auto;
}

.horStrip {
  font-size: 1px;
}

/* a inside .topnav */
.topnav a {
  float: left;
  display: block;
  text-align: center;
  padding: 3px 18px 3px 12px; /* Top Right Bottom Left */
  text-decoration: none;
  font-size: 14px;
  color: white;
}

/* While hovering over a, inside .topnav */
.topnav a:hover {
  background-color: #48A868;
  font-weight: bold;
}

/* The current page */
.currentPage {
  background-color: #A2F8D6;
}

#homePageText {
  color: black;
  font-size: 16px;
}

.topnav .contentsLink {
  display: none;
  font-size: 16px;
  color: black;
}

/* a that is not the first child, inside .topnav */
.topnav a:not(:first-child) {display: none;}

/* a with class .contentsLink, inside .topnav */
.topnav a.contentsLink {
    float: right;
    display: block;
}

.topnav a.pageTitleLink {
    float: none;
    font-size: 16px;
    font-style: italic;
    font-family: Georgia, serif;
    display: block;
}
.pageTitleLinkNum {
    font-size: 16px;
    font-style: italic;
    font-family: Arial;
}

.topnav.responsive .contentsLink {
    position: absolute;
    right: 0;
    top: 0;
}

.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
}
/* END topnav */

/* To move link targets down to just below topbar.
    li:before now removed, as this vertically offsets li text from its bullet, in Chrome only.
    All link targets must either be in <p>s or in the prior table row (as in mics.htm).
    Also, because of the Chrome behaviour, <li>s must not start with a <p>. */
p::before { 
  display: block; 
  content: " "; 
  margin-top: -36px; 
  height: 36px; 
  visibility: hidden; 
  pointer-events: none;
}


/* 13-Jun-2019 */