* {
	font-family: Arial, Helvetica, sans-serif;
	--bu_color : #014634 ; /* too dark: #173617; */
	--bu_color_alt : #005A43 /* Lighter version */
}

.outline {
	border: 3px solid red;
}

.toptitle {
	border: none;
	width: 100%;
	color: white;
	table-layout: fixed;
	background-color: var(--bu_color);
	font-size: 1.8em;
	font-weight: 700;
	margin-bottom: 10px;
	top: 0;
	left: 0;
	right: 0;
	position: fixed;
	z-index: 10; /* Higher numbers are OVER lower numbers */
	height: 65px;
}

.ranchor {
	position: absolute;
	margin: -70px; /* Enough to move below the header */
	/* To create an xyz anchor: <div class=ranchor id=xyz></div> */
}

a { position: relative; }

.toptitle td {
	border: none;
	height: 65px;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 0px;
	margin-right: 0px;
}

.toptitle tbody {
	height: 65px;
}

.stickyHeader th { /* Position doesn't apply to <thead> or <tr>... must be on <th> tag */
	position: fixed;
}

.flexdiv {
	display: flex;
	justify-content: space-around;
	margin: 1%;
}

.center {
	margin-left: auto;
    margin-right:auto;
}

h1 {
	background-color: var(--bu_color);
	color: white;
	padding-left: 1%;
}

h2 {
	background-color: var(--bu_color_alt);
	color: white;
	margin-left: 3%;
	padding-left: 1%;
}

h3 {
	background-color: var(--bu_color_alt);
	color: white;
	margin-left: 6%;
	padding-left: 1%;
}

nav h1 {
	background-color: transparent;
	color: blue;
	margin: 0px;
	padding: 2px;
	/* border: 3px solid black; */
}

nav h2 {
	background-color: transparent;
	margin: 0px;
	padding-left: 4%;
}

table, th, td {
  border: 2px solid black;
}
table {
  border-collapse:collapse;
  border-style:ridge;
}
td {
  padding:3px;
}
th {
    background-color: var(--bu_color_alt);
    color: white;
    text-align: left;
    padding:4px;
}

.cc { /* centered cell ... add class="cc" to the <td> or <th> tag of cells you want centered */
	text-align: center;
}

caption {
	background-color: var(--bu_color);
	color: white;
	text-align: center;
	font-size: 1.3em;
	border: 2px solid black;
	border-collapse:collapse;
  	border-style:ridge;
}

.align_table {
	border: hidden ;
	border-style: hidden;
	padding: 10px;
}

.scroll_table {
		/* display: block; */
		max-width: -moz-fit-content; 
		max-width: fit-content;
		margin: 0 auto; 
		overflow-x: auto;
		white-space: nowrap; 
}

.scroll_table tr th:first-child {
	position: sticky;
	/* min-width: -moz-fit-content; 
	min-width: fit-content(110%); */
	min-width: 5em;
	left: 0;
	z-index: 2;
	background-color: rgb(112, 233, 148);
	color:black
  }

samp {
	color:blue;
	font-family: "Lucida Console", Monaco, monospace;
	font-weight:bold;
}

kbd  {
	color:green;
	font-family: "Lucida Console", Monaco, monospace;
	font-weight:bold;
}

code {
	background-color: lightGrey;
	color:blue;
	font-family: 'Courier New', monospace;
	font-weight:bold;
	white-space: pre;
}

dt {
    float: left;
    clear: left;
    font-weight: bold;
    color: green;
	margin-left: 3%;
	margin-right: 5px;
}

dt::after {
  content: ":";
}

dd {
  margin: 0 0 0 55px;
  padding: 0 0 0.5em 20px;
}

ol.wide_list li {
	/* Use as <ol class=wide_list> to get extra spacing between items */
	margin-bottom: 1em;
}

ol.wide_list li li {
	/* Don't propagate wide list to nested lists */
	margin-bottom: 0;
}

ul.wide_list li {
	/* Use as <ul class=wide_list> to get extra spacing between items */
	margin-bottom: 1em;
}

ul.wide_list li li {
	/* Don't propagate wide list to nested lists */
	margin-bottom: 0;
}

ul.nav {
	list-style-type: none; /* Remove bullets */
	margin: 0;
	padding: 0 0 0.5em 10px;
}

img.spec_right {
	margin: 5px;
	border: 3px solid var(--bu_color);
	width:60vw;
	float: right;
	/* opacity : 0.6; */
}

img.spec_left {
	margin: 5px 30px 5px 5px;
	border: 3px solid var(--bu_color);
	width:60vw;
	float: left;
	/* opacity : 0.6; */
}

img:hover { opacity: 1.0; }

div {
	display: block;
}

.tsep {
	border-bottom:5px solid black;
}

.updates {
	background-color: lightGrey;
	color: darkRed;
}

.contents_table th {
        background-color: lightGrey;
		color: black;
        padding-left: 3vw;
        padding-right: 3vw;
        font-size: 1.4em;
    }
.contents_table td {
	padding-left: 3vw;
	padding-right: 3vw;
	border-top: none;
	border-bottom: none;
	font-size: 1.2em;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 240px;
  background-color: var(--bu_color);
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;

  bottom: 100%;
  left: 50%;
  margin-left: -120px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}