@import 'webfonts.css';
@import 'mathfonts.css';
:root {
	--shd-bkg: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.03) 25%, rgba(0,0,0,0) 85%);
	--shd-bk2: linear-gradient(to right, #f5f5f5, #f5f5f5 33%, #fff);
	}
html {
	min-height:100%; margin:0; padding:0; min-width:360px;
	background:#eee linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0)) fixed; color:#333;
	font:400 1em/1.6 opensans,sans-serif;
	}
body {max-width:1800px; min-height:100vh; display:grid; grid-template-rows:auto 1fr auto; grid-template-columns:100%; margin:0 auto; padding:0; background:#f5f5f5;}


/*** fonts */
article {font:400 1em/1.9 merriweather,serif}
h1, h2, h3, h4, h5, figure, aside, table.data, caption, #jumpTo, #repop, .warn11, .login11, .info11, .hist11, .author, .inote, .inote2, .cnote, .loc, p.date, .hihead {font-family:opensans,sans-serif;}
code, pre {font:normal 0.9em consolas,"courier new",monospace !important;}

h1 {font-size:2.0em; font-weight:600; line-height:1.4;}
h2 {font-size:1.5em; font-weight:600; line-height:1.4; margin:1.5em 0 0.5rem;}
h3 {font-size:1.3em; font-weight:600; line-height:1.4; margin:1.5em 0 0.5rem;}
h4 {font-size:1.1em; font-weight:600; line-height:1.4; margin:1.5em 0 0.5rem;}

small, .small {font-size:0.8em; line-height:1.4;}

p {margin:1em 0;}
h2+h3, h3+h4, h2+p, h3+p, h4+p {margin-top:0;}

table {border-collapse:collapse; border:none;}
td {vertical-align:top; border:none;}

ul, ol {margin-top:1em; margin-bottom:1.75em; padding-left:4vw;}
li, li p, li ul, li ol {margin-top:0.5em; margin-bottom:0.5em;}
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.plain {margin-left:0; padding-left:0;} 
ul.plain>li {list-style-type:none;}
ul.plain ul>li {list-style-type:disc;}
ul.plain ul ul>li {list-style-type:circle;}
ul.plain ul ul ul>li {list-style-type:square;}
sup, sub {vertical-align:baseline; position:relative;}
sup {top:-0.4em;} sub {top:0.4em;}
ol.alpha li {list-style-type:lower-alpha;}
ol.roman li {list-style-type:lower-roman;}
blockquote {margin:1em 4em;}
abbr {cursor:help;}

/*** links */
a {text-decoration:none; transition:color 1s;}
p:hover a, li:hover a, table:hover a {text-decoration:underline;}
a:link {color:#369;} a:visited {color:#699;}
a:hover, a:active, a:focus {color:#c33; text-decoration:underline;}

/*** images */
img, a img {border:none;}
td img, th img {vertical-align:middle;}
img.mailicon {width:12px; height:8px;}
img.sBtn {margin:0; width:90px; height:30px;}
img.r {float:right; margin:0 0 5px 20px;}

/*** flexboxes */
.fxcon {display:flex; flex-direction:row; justify-content:center; align-items:stretch; flex-wrap:wrap;}
.flex {flex:1 400px}
.flex2 {flex:1 100px;}

/*** widths */
.w100 {min-width:100%;} .w90 {min-width:90%;} .w80 {min-width:80%;} .w70 {min-width:70%;} .w60 {min-width:60%;} .w50 {min-width:50%;}

/*** misc */
.hilight {font-size:1.1em; margin:1em 0; border:solid #999; border-width:1px 0; padding:0.5em 4vw;}
.xwrap {max-width:100%; overflow-x:auto;} 
.xwrap .data, .xwrap .data caption {margin-top:0;}
.holdy {overflow:auto;}
ul.marx li {list-style: square url(img/ul_bul.gif);}
.red {color:#c00 !important;}
.fad {color:#999 !important;}
.indt {margin-left:40px;}
.spc {margin-top:2em;}
.str {text-decoration:line-through;}
.lft {text-align:left !important;}
.ctr {text-align:center !important;}
.rt {text-align:right !important;}
.nwrp {white-space:nowrap;}
.hide {display:none;}

/*** summary */
details > summary {cursor:pointer; margin:1em 0;}
details > summary:has(h2,h3,h4) {margin:1.5em 0 0.5rem;}
details > summary > * {display:inline;}
details > summary:hover::marker, details > summary:hover > *, details > summary:hover {color:#c33; transition:color 1s;}
details[open] > summary:hover > * {color:inherit;}

/*** forms */
form {margin:0; padding:0;}
fieldset {display:block; position:relative; margin:0 0 50px; padding:30px 4vw; border:solid 1px #ddd; border-radius:4px;}
legend {
	position:absolute; top:-24px; left:50px; margin:5px 0 5px; padding:4px 4vw 4px 2vw;
	background-color:#399; border-radius:3px; 
	color:#fff; font-size:1.15em; line-height:1.5; font-weight:400;
	}
legend + * {margin-top:1em;}
fieldset:hover {border-color:#bbb;}
fieldset:hover input[type=submit], fieldset:hover input[type=button], fieldset:hover button, section:hover input[type=submit] {background-color:#ffd;}
fieldset .inote {margin-left:-4vw; margin-right:-4vw; padding-left:4vw; padding-right:4vw;}
input, select, textarea, button {
	margin:4px 2px; padding:4px; border:solid 1px #ddd; color:#000; background:#f5f5f5; 
	font:400 1em/normal consolas,"courier new",monospace;
	transition:background-color 1s;
	}
input:focus, select:focus, textarea:focus, input:hover, select:hover, textarea:hover {background:#ffd; border-color:#bbb;}
input[type=submit], input[type=button], button {
	padding:6px 4rem; background-color:#fff; box-shadow:inset 0 0 4px #eee;
	font-weight:600; font-family:inherit; cursor:pointer;
 	}
input[type=submit]:hover, input[type=button]:hover, button:hover {background-color:#ffd; color:#600;}
input[type=radio], input[type=checkbox] {margin:0 4px; padding:0; border:none; background:transparent; vertical-align:middle;}

div.form20 {display:grid; grid-template-columns:auto 1fr; align-items:center; gap:0.5em;}
div.form20 .col2 {grid-column:2/3;}
.form20 *, .form10 * {box-sizing:border-box;}
.form20 input, .form20 select {width:100%; max-width:28em; min-width:12em;}
.form10 input[type=text], .form10 input[type=password] {width:100%; max-width:12em;}
.form20 input[type=submit], .form20 input[type=button], .form20 button, .form10 input[type=submit] {width:auto;}
.form20 input[type=checkbox], .form20 input[type=radio], .form10 input[type=checkbox], .form10 input[type=radio] {width:auto; min-width:0;}
.form20 label, .form10 label {display:block; width:auto; padding:0 4px; text-align:right;}
.form20 input[type=checkbox]+label {display:inline; text-align:left; cursor:pointer}
.form10 td, .form20 td {vertical-align:middle;}
#frm_sub {padding:20px 0;}

/*** notes */
.inote, .inote2, .loc, p.date, .warn11, .info11, .login11 {color:#666; font-size:0.9rem; line-height:1.4;}
.inote, .warn11, .info11, .login11 {border:solid #ccc; border-width:1px 0;}
.inote {padding:1.5em; background:var(--shd-bkg);}
.warn11 {padding:1.5em 30px 1.5em 95px; background:url(img/11warn.png) no-repeat 20px 50%, var(--shd-bkg);}
.info11 {padding:1.5em 30px 1.5em 95px; background:url(img/11info.png) no-repeat 25px 50%, var(--shd-bkg);}
.login11 {position:relative; padding:1.5em 30px 1.5em 80px; background:url(img/login.svg) no-repeat 20px 50%/32px auto, var(--shd-bkg);}
a.i-login {display:block; position:absolute; width:75px; left:0; top:0; bottom:0;}
.author {line-height:1.4;}
.loc {margin:0; padding:1.5em 45px;}
p.date::before {content:"Posted on ";}
span.date {color:#333; font-size:0.9em; font-weight:600;}
.hist11 {min-height:40px; margin:0; padding:25px 80px 25px 170px; 
	background-image:url(img/history.svg), var(--shd-bk2);
	background-size:50px 50px, auto;
	background-repeat:no-repeat, no-repeat;
	background-position:80px 50%, left;}
article .hist11 {margin-left:-4vw; margin-right:-4vw;}

/**** header */
header {margin:0; padding:0; color:#fff; background:#399;}
header #hpanel {background-image:url(img/h_100.svg), url(img/h_104.jpg); background-repeat:no-repeat, no-repeat; background-position:left 50%, left 50%; background-size:221px auto, 221px auto;}
#news header #hpanel {background-image:url(img/h_100.svg), url(img/h_news.jpg);}
#dir header #hpanel {background-image:url(img/h_100.svg), url(img/h_dir.jpg);}
#std header #hpanel {background-image:url(img/h_100.svg), url(img/h_stds.avif);}
#links header #hpanel {background-image:url(img/h_100.svg), url(img/h_links.jpg);}
#tech header #hpanel {background-image:url(img/h_100.svg), url(img/h_tech.jpg);}
#tg header #hpanel {background-image:url(img/h_100.svg), url(img/h_tg100.jpg);}
#home header #hpanel {background:transparent url(photo/head14.avif) no-repeat 0 70%; background-size:cover;}
#tMenu {margin:0; padding:0 2vw; background:rgba(0,0,0,0.66); font-weight:400; font-size:1rem; line-height:1;}
#tMenu ul {display:flex; flex-direction:row; justify-content:start; align-items:center; flex-wrap:wrap; margin:0; padding:0.4rem 0;}
#tMenu li {display:inline-block; flex:0 auto; list-style:none; margin:0; padding:0.5rem calc(0.3rem + 1vw);}
#tMenu li.searchli {flex:1 auto; margin:0; padding-top:0; padding-bottom:0;}
form.searchbox {width:100%;}
form.searchbox #query {display:inline-block; height:1rem; width:calc(100% - 3rem); margin:0; padding:0.5rem 2.5rem 0.5rem 0.5rem; border:none; background:transparent url(img/search4.svg) calc(100% - 0.5rem) 61% no-repeat; background-size:1.2rem; text-align:right; color:#888; font-family:inherit; line-height:1; cursor:pointer; transition: color 1s;}
form.searchbox #query:hover {color:#fff;}
form.searchbox #query:focus {color:#fff; background-color:#666; border-radius:4px; outline:none; text-align:left; cursor:auto;}
#tMenu a {text-decoration:none;}
#tMenu a:link, #tMenu a:visited {color:#fff; text-decoration:none;}
#tMenu a:hover, #tMenu a:active {color:red;}
#tMenu a.here:link, #tMenu a.here:visited {color:#fc0;}
#tMenu a.here:hover, #tMenu a.here:active {color:#ffc;}
#hpanel #hMenu, #hpanel #tagLine {margin:0; min-height:1.2rem; line-height:1.2rem; padding:0.4rem 20px 0.4rem 8vw;}
#hpanel #tagLine {display:flex; flex-direction:row; column-gap:2rem; justify-content:space-between; align-items:center; flex-wrap:wrap; color:#eee;}
#hpanel p[id^="hMenu"] {text-align:right; font-size:0.9rem;}
#hpanel img.netLogo {margin:0 5px; vertical-align:middle; height:33px; width:auto;}
#tagLine p.tag {margin:0; min-height:1.2rem; font-size:0.8rem; text-shadow:0 0 1px #399;}
#tagLine #hMenu2 {margin:0 0 0 auto;}
p[id^="hMenu"] a:link, p[id^="hMenu"] a:visited {color:#fc0;}
p[id^="hMenu"] a:hover, p[id^="hMenu"] a:active {color:#ffc;}
#hpanel h1, #hpanel #crumb2 {margin:0; padding:3rem 8vw; text-shadow:-1px -1px 0 #399, 1px -1px 0 #399, -1px 1px 0 #399, 1px 1px 0 #399;}
#hpanel #hMenu+h1, #hpanel #hMenu+#crumb2 {padding-top:1rem;}
#hpanel h1:has(+ #tagLine), #hpanel #crumb2:has(+ #tagLine) {padding-bottom:1rem;}
#home #hpanel h1 {min-height:8rem; max-width:400px; margin:0 8vw; padding:0; background:transparent url(img/dnlogo_hb.svg) no-repeat 0 50%; background-size:contain;}
#home #hpanel h1 span {display:none;}
#hpanel #crumb2 {color:#eee; font-size:2rem; line-height:1.4; font-weight:600;}
#hpanel h1 a {color:#fff; text-decoration:none;} header h1 a:hover {color:#ffc; text-decoration:none;}
#crumb2 a, #crumb2 a:link, #crumb2 a:visited {color:#ddd; text-decoration:none;}
#crumb2 a:hover, #crumb2 a:active {color:#ffc; text-decoration:none;}
#conMenu {margin:-2rem 0 0; padding-left:8vw;}
#conMenu ul {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; gap:2vw; margin:0; padding:0; color:#fff; line-height:1;}
#conMenu li {flex:0 max-content; margin:0; padding:8px 2vw 8px 0; list-style-type:none;}
#conMenu li.here2 {padding-bottom:2px; border-bottom: solid 4px red;}
#conMenu li a {color:#fc0;}
#conMenu li.here2 a {color:#ddd;}
#conMenu li:hover a {color:#ffc; text-decoration:none;}

/**** main */
main {margin:0; padding:0;}
main:not(.fxcon) {background-color:#fff;}
main b {color:#000; font-weight:600;}
main h1, main h2, main h3, main h4, main h5 {color:#000;}
main fieldset {margin-top:40px; margin-bottom:40px;}

div.ad {width:100%; padding:0; vertical-align:middle; --ad-margin:25px;}
@media (max-width:840px) {div.ad {--ad-margin:3vw;}}
main div.ad {border-style:solid; border-color:#ccc; border-width:0 0 1px;}
main div.ad:last-child {border-width:1px 0 0;}
div.ad a, div.ad img {display:block; margin-left:auto; margin-right:auto; width:840px; height:auto; max-width:100%;}
div.ad a {margin:var(--ad-margin) auto;}

article, #mpanel, .abox {overflow:hidden;} /* no margin collapse (breaks position sticky) */
aside, .abox {margin:0; background:#eee; color:#444; font-size:0.9rem;}
aside {padding:0 4vw 4rem;}
.abox {padding:0 4vw 1rem;} .abox h2 {margin-top:1em; border:none;}
article, #mpanel {margin:0; padding:0 4vw 4rem; background:#fff;}
#mpanel>*:first-child {margin-top:2.5rem;}
#mpanel h1, article h1 {margin-top:2.4em;}
#mpanel p:target {background:#ffd;}

div.sharx {width:81px; height:41px; margin:-10px 0 0.5rem 1rem; float:right;}
div.sharx a {display:inline-block; width:38px; height:38px; border: 1px solid #ddd; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat;}
div.sharx a+a {border-left-width:0;}
div.sharx a.twit {background-image: url(img/x.svg); background-size:45%;}
div.sharx a.lnkn {background-image: url(img/linkedin.svg); background-size:35%;}
div.sharx a:hover {background-color:#f5f5f5;}

section {margin-bottom:4rem; padding:0;}
section.notitle {padding-top:25px}
section h2 {margin-bottom:1rem; margin-left:-4vw; padding-left:4vw; padding-top:2px; padding-bottom:2px; border-bottom:solid 1px #ccc;}
section h2 a:hover {text-decoration:none;}
section.shd {margin:0 -4vw 25px; padding:25px 4vw 25px;}
section.shd h2:first-child {margin-top:0;}
section h2:target, section h3:target {margin-left:-4vw; margin-right:-4vw; padding-left:4vw; padding-right:4vw; background:#ffd;}
section dt:target {background:#ffd;}
section summary > *:target {background:none;}
section .abox, section aside {margin:0 0 0 -4vw;}
#mpanel>dl, section>dl {margin:0 0 40px -4vw;}
.shd, div.ad, .navbox {background:var(--shd-bk2);}

article blockquote {margin:1.5em 4%; padding:0 0 0 4%; border-left:solid 1px #999; box-shadow:0 0 0 13px #f5f5f5; clip-path:inset(0 0 0 -13px); line-height:1.7;}

dt {margin:1em 0 0; padding:10px 2vw 10px 4vw; background:#f5f5f5; font-size:1.2rem; font-weight:400;}
dd {margin:0.5em 2vw 0 7vw;}
dd p {margin-top:0.5em;}

#jumpTo {
	display:block; margin:40px 0 10px; padding:0 0 0 25px; line-height:normal; clear:both;
	background-image:url(img/arrow_jt.svg), var(--shd-bkg);
	background-size: 1.4em auto, auto;
	background-repeat:no-repeat, no-repeat;
	background-position:0 7px, left;
}
#jumpTo li {list-style-type:none; margin:0; padding:0; border-top:solid 1px #ddd;}
#jumpTo > li:last-child {border-bottom:solid 1px #ddd;}
#jumpTo li ul {margin:0; padding-left:40px;}
#jumpTo li a {display:block; padding:9px 12px; text-decoration:none;}
#jumpTo li a:hover {color:#000; background-color:#ffd;}

ul.lnbox {margin:2em 0; padding:0; font-size:1rem;}
ul.lnbox li {margin:2px 0; padding:0; list-style-type:none;}
ul.lnbox a {display:block; padding:1.5em 4vh; background:#ddd linear-gradient(to right, rgba(255,255,255,0.1), rgba(255,255,255,0.7) 85%); text-decoration:none;}

p.initial {margin-top:1.5em;}
p.initial::first-letter {float:left; padding:8px 3px 0 0; font-size:3.6em; font-weight:400; line-height:1;}
p.initial::first-line {font-weight:600;}

/* nav panels */
.navbox {margin:0; padding:0 calc(4vw - 10px); font-size:0.9em; line-height:1.5;}
.navtab {min-width:240px; margin:10px; padding:5px 10px; background:#f5f5f5; border:solid 1px #ddd;}
.navtab h2 {margin:0; padding:5px 0; color:#666; font-size:1.3em;}
ul.flist {margin:0; padding:0;}
ul.flist li {display:inline-block; float:left; margin:0 10px 0 0; padding:0; list-style-type:none; line-height:normal;}

/* side bars */
#rightflx {flex:0 0; margin:0; padding:0 2vw 40px;}
#sideflx {flex:0 240px;  background:var(--shd-bk2); border-right:solid 1px #ccc;}
#rightbar {width:220px; margin:20px auto;}
#sidebar {margin:20px 0 40px;}
.sticky, #sidebar, #rightbar {position:sticky; top:0;}

.sbox, .s2box {margin:0 0 15px; overflow:hidden; font-size:0.85em; line-height:1.6;}
#rightbar .sbox {padding:0 20px 25px; background:#eee;}
#sidebar .sbox {padding:0 30px 25px; color:#999;}
.sbox h2, .s2box h2, .sbox h3 {color:#666; font-weight:400;}
.sbox h2:first-child, .s2box h2:first-child {margin-top:0.5em;}

.sbox ul {margin-left:20px; padding-left:0;}
.sbox ul.plain {margin-left:0;}
.sbox ul.plain ul {margin-left:20px; padding-left:0;} /* sub-menu */
.sbox input {width:145px; margin:7px auto; border:solid 2px #ddd; border-radius:4px; color:#999; font-size:0.9em;}
.sbox input:focus {color:#000;}
.s2box {padding:0 0 15px; text-align:center;}
.s2box select {display:block; width:150px; margin:auto; border:none; color:#666; font-family:inherit; cursor:pointer;}

#sidebar ul.link {margin:0 -30px; padding-left:0; border-top:solid 1px #ddd; font-size:1.17em; line-height:normal;}
#sidebar ul.link li {list-style:none; margin:0; padding:0;}
#sidebar ul.link li a {display:block; margin:0; padding:10px 30px; border-bottom:solid 1px #ddd; text-decoration:none;}
#sidebar ul.link li a.here {color:#369; background:#ffd;}
#sidebar ul.link li a:hover {background:#fff;}

.vb600, .btn180, .btn125 {display:inline-block; margin:10px 0 20px;}
.vb600 {width:160px; height:600px;}
.btn180 {width:180px; height:150px;}
.btn125 {width:125px; height:125px;}
.logo1 {margin:10px 0 15px; padding:5px; text-align:center; font-size:0.94em;}
.logo1 img {width:100px; height:33px;}

/* directory */
div.bpage {min-height:33px; margin:0 0 15px; padding:0 0 15px; border-bottom:solid 1px #ccc;}
div.bpage p {margin:0 0 0 120px;}
div.bpage img {width:100px; height:33px; float:left;}
div.bpage p a {font-weight:700;}
#blist {min-height:250px; margin-top:6em; padding-bottom:0;}
#blist p.cnote {margin:0 -20px; padding:15px 20px; background-color:#ffd; border-bottom:solid 1px #ddd; box-shadow:0 0 6px #eee; font-size:0.9em;
 line-height:1.4;}
#blist p.cnote b {color:#900;}
#blist h2:first-child {margin:0 -20px; padding:10px 20px; border:solid #ddd; border-width:1px 0; color:#666; font-weight:600;}
#blist h2:first-child, #bcrumbs {
	box-shadow:0 0 6px #eee; background-color:#eee;
	background-image: linear-gradient(to right, rgba(255,255,255,0.3), rgba(255,255,255,1) 20%, rgba(255,255,255,0) 80%);
}
#bcrumbs {margin:3em -20px; padding:0 20px; border:solid #ddd; border-width:1px 0;} 
#bcrumbs p {margin:0; padding:17px 0;}
#bcrumbs .info2 {font-size:1.1em;}
#bcrumbs .info13 {margin:0 -20px; padding-left:70px; border-bottom:solid 1px #ddd; background:transparent url(img/login.svg) no-repeat 20px 50%/32px auto; position:relative;}
#bcrumbs a {text-decoration:none;}
#bcrumbs a:hover, #bcrumbs a:active {color:#900;}
table#blist, #blist table {width:100%; margin-top:1em;}
#blist tr {border-bottom:solid 1px #eee;}
#blist tr:last-child {border-bottom:none;}
#blist th, #blist td {padding:12px; vertical-align:top;}
#blist th {color:#666; text-align:right;}
#blist tr td:first-child {padding-left:20px;}

/* figures */
figure {margin:2em 0; color:#033; text-align:center; line-height:normal;}
figure img {display:inline-block; margin:0 10px 10px 0; max-width:100%; height:auto; vertical-align:top;} 
figure object {display:inline-block; margin:0 0 10px 0; max-width:100%;} 
@media screen {figure object {height:auto;}} /* breaks svg printing in ff */
figcaption {margin:0.5em 8vw 0;}
.fNote {margin:0.2em min(5em,5vw) 0; font-style:italic; font-size:0.9em;}
.photo {border:solid 1px #000;}
a[href*=".hires."] {display:inline-block; position:relative;}
a[href*=".hires."]:after {content:url(img/11large.png); position:absolute; right:20px; bottom:10px;}

/* videos */
iframe[src*="youtube.com"] {max-width:100%; border:solid 1px #000;}

/* data tables */
table.data {margin:1em auto 1.5em; border:solid 1px #399; line-height:normal;}
table.data th, table.data td {border:solid 1px #ddd; padding:4px 6px;}
table.data th {color:#fff; background:#399; font-weight:600;}
table.data th a:link, table.data th a:visited {color:#fc0;}
table.data th a:hover, table.data th a:active {color:#ffc;}
table.data td {color:#000; background:#f5f5f5;}
table.data td.hi, table.data *.hi td {background-color:#eee; text-align:left;} /* obsolete */
table.data td.shd, table.data *.shd td {background-color:#eee;} /* highlight */
table.data td.tUnit, table.data *.tUnit td {color:#fff; background:#399; font-style:italic; text-align:center;}
table.data td.vmid, table.data *.vmid td {vertical-align:middle;}
table.data tr.uline td {border-bottom-width:2px;} /* underline */
table.data td>ul, table.data td>ol {margin-top:0; margin-bottom:0;}
table.data td li {margin:0 0 0.15em 0;}
table.data td.tNote {background:#eee; text-align:left; font-size:0.85rem;}
table.data caption {margin:1em auto;}
table.data td.ind2 {padding-left:2em;}
/* centering */
.s1 td:first-child,
.c1 td, .c2 td+td, .c3 td:not(:nth-child(-n+2)), .c4 td:not(:nth-child(-n+3)),
.e1 td:last-child, .e2 td:nth-last-child(-n+2), .e3 td:nth-last-child(-n+3), .e4 td:nth-last-child(-n+4), .e5 td:nth-last-child(-n+5), .e6 td:nth-last-child(-n+6), .e7 td:nth-last-child(-n+7), .e8 td:nth-last-child(-n+8), .e9 td:nth-last-child(-n+9) {text-align:center;}
.t1 td:last-child, .t2 td:nth-last-child(-n+2) {text-align:left;}

/* equations */
p.eq1 {
	display:grid; grid-template-columns:auto auto; column-gap:2vw; grid-auto-rows:auto; align-items:center; 
	margin:1em 4vw; font-size:1.12em; font-style:italic; font-family:Cambria,XITS,serif; overflow-x:auto; /* mobile scroll */
}
p.eq1 span.p {grid-column:1; margin:5px 0;} /* MS Egde + FF Mac */
p.eq1 span.n {grid-column:2; text-align:right; margin-left:20px; font-weight:normal;}
p.eq1 span.info {margin-left:4em; font-size:0.9em; font-weight:normal;}
p.eqn {margin-left:4vw; text-indent:-4vw; font-size:0.9em;} /* note after */

/* literature references */
cite {color:#666; font-size:0.9em; font-style:normal; line-height:normal; vertical-align:top;}
cite.ref-num {color:#999; font-size:0.85em;}
cite a {text-decoration:none; vertical-align:top;}
div.references p {margin:0 0 1em; padding-left:33px; text-indent:-33px; font-size:0.95em; line-height:1.4;}
div.references {overflow:auto;}

#repop {
	position:fixed; top:45px; left:15px; width:360px; background-color:#fff; padding:15px; 
	border:solid 1px #999; box-shadow:3px 3px 12px #888;
	font-size:0.9em; line-height:1.5; overflow:hidden;
}
#repop h1 {margin:-15px -15px 10px; padding:7px 15px; background:#ddd; font-size:1.1em; font-weight:600;}
#repop h1 a {color:#600; text-decoration:none;}
#repop h1 span {float:right;}
#repop h1:hover, #repop h1:hover a {color:#00a; cursor:pointer;}

/**** footer */
footer {position:relative; padding:0; color:#ddd; background-color:#000; overflow:hidden;}
footer a:link, footer a:visited {color:#fc0;}
footer a:hover, footer a:active  {color:#ffc;}
#loco {margin:0; color:#fff; background:#399; font-size:0.85rem; line-height:normal;}
#loco p::before {content:"Location: "; font-weight:600;}
#loco p {margin:0; padding:0.5rem 1rem;}
#loco a {text-decoration:none;}
#footNote {display:flex; flex-direction:row; justify-content:space-evenly; align-items:start; flex-wrap:wrap; margin:0; padding:24px 2vw; background:#555; font-size:0.9em;}
#footNote > ul {flex:0 15%; min-width:200px; margin:0; padding:0 4vw;}
#footNote li {margin-top:1em; margin-bottom:1em;}
#footNote > ul > li:first-child {margin-top:0;}
#footNote ul ul {padding-left:33px;}
#footNote b {font-weight:600;}
#footBar {display:grid; grid-template-columns:auto; column-gap:2vw; align-items:center; margin:0; padding:20px 4vw;}
#footBar #dnlogo {grid-column:1; display:block; width:121px; max-width:100%; height:22px; background:transparent url(img/dnlogo_hb.svg) no-repeat 0 0; background-size:contain;}
#footBar #copy {grid-column:2; margin:1em 0; padding:0; font-size:0.9rem;
 text-align:center;}

@media print {
	html {min-height:auto; background:#fff; line-height:1.2;}
	body {max-width:none; min-height:auto; display:block; color:#000; background:#fff none !important; border:none;}
	header, header #hpanel {border:none; background:transparent none !important; box-shadow:none;}
	header {margin-bottom:4em;}
	header h1 {margin-left:0; padding-left:0; background:#fff none !important; color:#000; font-size:1.6em;}
	header #crumb2 {margin:0 0 1.5em; padding:0 0 0.1em !important; border-bottom:solid 1pt #000; background:#fff none !important; font-size:1.6em; text-shadow:none !important;}
	header #crumb2::before {content:"DieselNet: "; font-weight:700; color:#999;}
	header #crumb2, header #crumb2 a:link, header #crumb2 a:visited {color:#000;}
	#home header h1 span {display:inline;}
	.fxcon {display:block;}
	main {max-width:none; display:block; margin-left:0; margin-right:0 !important; padding:0; border:none;}
	main h2 {border:none; padding:0; font-weight:700;}
	main h3 {font-weight:700;}
	main h4 {font-weight:700;}
	main #jumpTo {border:none; background:transparent none;}
	main section {padding:0; border:none; box-shadow:none;}
	main section > h2:first-child {margin-top:1em;}
	main section h2 {margin-left:0; padding-left:0;}
	article {display:block; margin:0; padding:0;}
	article *:first-child {margin-top:0;}
	#blist, #blist h2:first-child {background:transparent none;}
	ul.lnbox a {box-shadow:none;}
	.inote {margin-left:0; margin-right:0; padding:1em; background:none; border:solid #ccc; border-width:1px 0;}
	figure {break-inside:avoid;}
	table.data tr {break-inside:avoid;}
	table.data, table.data th, table.data td, table.data td.tUnit, table.data tr.tUnit td {color:black; border-color:black;}
	table.data th, table.data td.tUnit, table.data tr.tUnit td, table.data td.hi, table.data td.tNote {background-color:#f0f0f0;}
	table.data td {background:#fff;}
	#tMenu, #hMenu, #conMenu, .tag, .searchli, nav.navbox, div.ad, div.sharx, #rightbar, #repop, .login11, .hist11, footer, .noprt {display:none;}
	}