:root {

/* 4th char k=dark l=light o=opposite of 3-char */
--bgdk: #222220;    --bgdl: #FDFDE6;    --bgd: var(--bgdk);    --bgdo: var(--bgdl);    /*background page*/
--bkgk: #222220;    --bkgl: #FDFDE6;    --bgd: var(--bgdk);    --bgdo: var(--bgdl);    /*background page*/
--txtk: #D1D1BE;    --txtl: #010101;    --txt: var(--txtk);    --txto: var(--txtl);    /*default text of page*/

--seak: #039DE0;    --seal: #0276A8;    --sea: var(--seak);    --seao: var(--seal);    /*sea blue*/
--mudk: #BC8D3D;    --mudl: #8D6A2D;    --mud: var(--mudk);    --mudo: var(--mudl);    /*tower mud*/

--brik: #FEFEFE;    --bril: #010101;    --bri: var(--brik);    --brio: var(--bril);    /*bright text*/
--dimk: #959595;    --diml: #6A6A6A;    --dim: var(--dimk);    --dimo: var(--diml);    /*dim text*/

--yelk: #010101;    --yell: #FDFD00;    --yel: var(--yelk);    --yelo: var(--yell);    /*yellow mark BA8E23*/
--ytxk: #FDFD00;    --ytxl: #010101;    --ytx: var(--ytxk);    --ytxo: var(--ytxl);    /*yellow mark text*/

--rpuk: #A00000;    --rpul: #FF8080;    --rpu: var(--rpuk);    --rpuo: var(--rpul);    /*red popup*/
--gpuk: #008000;    --gpul: #80FF80;    --gpu: var(--gpuk);    --gpuo: var(--gpul);    /*green popup*/

--npuk: #AA4646;    --npul: #FFA5A5;    --npu: var(--npuk);    --npuo: var(--npul);    /*red note*/    /*maybe was AA0000*/
--mpuk: #3D803D;    --mpul: #BCFFBC;    --mpu: var(--mpuk);    --mpuo: var(--mpul);    /*green note*/

--apuk: #5E471F;    --apul: #EBB24E;    --apu: var(--apuk);    --apuo: var(--apul);    /*brown ascend popup*/
--dpuk: #014A70;    --dpul: #03B9FF;    --dpu: var(--dpuk);    --dpuo: var(--dpul);    /*blue descend popup*/

--ppuk: #880088;    --ppul: #FF77FF;    --ppu: var(--ppuk);    --ppuo: var(--ppul);    /*purple popup*/
--capk: #E060E0;    --capl: #A848A8;    --cap: var(--capk);    --capo: var(--capl);    /*purple default caption & acronym cap*/

--bork: #FEFEFE;    --borl: #010101;    --bor: var(--bork);    --boro: var(--borl);    /*default border*/
--shdk: #010101;    --shdl: #606060;    --shd: var(--shdk);    --shdo: var(--shdl);    /*default shadow*/

--medk: #888880;    --medl: #AAAAA0;    --med: var(--medk);    --medo: var(--medl);    /*default medium box*/
--simk: #555550;    --siml: #DDDDD0;    --sim: var(--simk);    --simo: sim(--siml);    /*default similar-to-background box*/
--difk: #BBBBAA;    --difl: #777770;    --dif: var(--difk);    --difo: var(--difl);    /*default different-from-background box*/
--addk: #333330;    --addl: #FEFEF6;    --add: var(--addk);    --addo: var(--addl);    /*default barely-brighter-than-background box*/
--subk: #111110;    --subl: #ECECD6;    --sub: var(--subk);    --subo: var(--subl);    /*default barely-darker-than-background box*/

--truk: #A0A0FF;    --trul: #505080;    --tru: var(--truk);    --truo: var(--trul);    /*truth blue*/
--resk: #F4A460;    --resl: #A36D40;    --res: var(--resk);    --reso: var(--resl);    /*resilience sandybrown k*/
--effk: #A0FFA0;    --effl: #508050;    --eff: var(--effk);    --effo: var(--effl);    /*efficiency green*/
--prgk: #FFA0A0;    --prgl: #805050;    --prg: var(--prgk);    --prgo: var(--prgl);    /*pragmatic hotpink*/

--shrk: #FFC83D;    --shrl: #FFC83D;    --shr: var(--shrk);    --shro: var(--shrl);    /*default shruggie yellow*/

--bmxk:100%;   --bmxl:100%;    --bmx: var(--bmxk);    --bmxo: var(--bmxl);    /*dim don't graphic in dark mode*/
--b90k:90%;    --b90l:100%;    --b90: var(--b90k);    --b90o: var(--b90l);    /*dim graphic in dark mode*/
--b85k:85%;    --b85l:100%;    --b85: var(--b85k);    --b85o: var(--b85l);    /*dim graphic in dark mode*/
--b80k:80%;    --b80l:100%;    --b80: var(--b80k);    --b80o: var(--b80l);    /*dim graphic in dark mode*/
--b75k:75%;    --b75l:100%;    --b75: var(--b75k);    --b75o: var(--b75l);    /*dim graphic in dark mode*/

/* must add any new to lightmode*/

--sans: Arial, Helvetica, sans-serif;    --serif: Georgia, Times New Roman, Times, serif;    --impact: Arial, Helvetica, sans-serif;    --mono: "Lucida Console", Monaco, "Courier New", Courier, monospace;
/* --dash &#8212; */
--ruins: false;    --work: false;    --light: false;
--origw: 0;    --query: x;    --file: x;

--nbhy: &#8209;
}



body {background-color:var(--bgd); padding:0; margin:0px; text-align:left; font-size:12px; color:var(--txt); width:100%; top:0; right:0; line-height:1.2;}

h1 {margin:6px 0px 24px 0px; font-size:15pt; color:var(--bri); font-weight:bold; font-style:italic; font-family:var(--sans); text-align:center;} 
h2 {margin:6px 0px 24px 0px; font-size:14pt; color:var(--bri); font-weight:bold; font-style:italic; font-family:var(--sans); text-align:center;} 
hi {margin:6px 0px 24px 0px; text-align:left; font-size:14pt; font-weight:bold; font-style:italic; font-family:var(--sans); color:var(--bri);}
h3 {margin:6px 0px 24px 0px; font-size:14pt; color:var(--bri); font-weight:bold; font-style:italic; font-family:var(--sans);} 
h4 {margin:6px 0px 24px 0px; font-size:13pt; color:var(--bri); font-weight:bold; font-style:italic; font-family:var(--sans);} 
h5 {margin:6px 0px 24px 0px; font-size:13pt; color:var(--bri); font-weight:bold; font-style:italic; font-family:var(--sans);} 
h6 {margin:6px 0px 24px 0px; font-size:13pt; color:var(--bri); font-weight:bold; font-style:italic; font-family:var(--sans);} 
hh {margin:6px 0px 24px 0px; text-align:left; font-size:13pt; font-weight:bold; font-style:italic; font-family:var(--sans); color:var(--bri);}

p {margin:0 0 24px 0; font-family:var(--serif); font-size:12pt; color:var(--txt); line-height:1.2;} 
    b {margin:0px 0px 0px 0px; font-family:var(--serif); font-size:14pt; color:var(--bri); line-height:1.0;}
	mark {background-color:var(--yel); color:var(--ytx); font-weight:bold;}
/*    y {margin:0px 0px 0px 0px; font-family:var(--serif); font-size:14pt; color:var(--bri); line-height:1.0; background-color:var(--yel); font-weight:strong;}*/
.bold {margin:0px 0px 0px 0px; font-family:var(--serif); font-size:14pt; color:var(--bri); line-height:1.0; font-weight:bold;}

table {margin:0px 0px 0px 0px; border:1px var(--bor); border-style:none; border-collapse:collapse; border-spacing:20px; vertical-align:top;}
th {border:1px var(--bor); border-style:none; border-collapse:collapse; padding:0px 0px 0px 0px; font-family:var(--sans); font-size:14pt; color:var(--bri); text-align:center; vertical-align:top;}
td {border:1px var(--bor);	border-style:none;	border-collapse:collapse; padding:0px 0px 0px 0px; font-family:var(--serif); font-size:12pt; color:var(--txt); text-align:left; vertical-align:top;}

ul.circle {list-style-type:circle; list-style-position:inside; font-family:var(--serif); font-size:12pt;}
ul.square {list-style-type:square; list-style-position:inside; font-family:var(--serif); font-size:12pt;}
ul li  {font-family:var(--serif); font-size:12pt;}
ol, ul {list-style:none; padding-left:40px; text-indent:-40px; text-align:left; font-size:12pt;}

blockquote, q {quotes:none; background:transparent; font-family:var(--serif); font-size:12pt; font-size:12pt; line-height:1.2;}
/*blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}*/
blockquote b {font-family:var(--serif); font-size:14pt; color:var(--bri); line-height:1.0;}
blockquote mark {background-color:var(--yel); color:var(--ytx); font-weight:bold;}
/*blockquote y {font-family:var(--serif); font-size:14pt; color:var(--bri); line-height:1.0; background-color:var(--yel); font-weight:strong;}*/

a:link {color:#039DE0; font-weight:bold;} 
a:active {color:#FFFF00;} 
a:visited {color:#BC8D3D;} 
a:hover {color:#FFFF00;} 

button {background:transparent; color:var(--txt); border:none; margin:0; padding:0; font-size:12pt;}
btnhi {background:transparent; color:var(--mud); border:none; margin:0; padding:0; font-family:var(--serif); font-size:12pt; line-height:1.2; text-decoration-line:underline; text-decoration-style:dashed; text-decoration-color:var(--mud);}
btnlo {background:transparent; color:var(--sea); border:none; margin:0; padding:0; font-family:var(--serif); font-size:12pt; line-height:1.2; text-decoration-line:underline; text-decoration-style:wavy; text-decoration-color:var(--sea);}
button:hover {filter:brightness(1.1); cursor:pointer;}


.comedy {margin: 0px 0px 24px 0px}


.npopupref {background-color:var(--npu); color:var(--dim); cursor:url('../cursors/hardishnote.cur'), pointer;}
.npopup {position:relative; display:inline; cursor:pointer;}
.npopup .npopuptext {display:none; border-radius:0px 0px 0px 0px; background-color:var(--npu); box-shadow:0px 0px 0px var(--shd); position:relative; z-index:1; padding:0px 0px 0px 0px; cursor:url('../cursors/hidenote.cur'), pointer;}
.npopup .show {display:block;}

.mpopupref {background-color:var(--mpu); color:var(--bri); font-weight:strong; cursor:url('../cursors/easyishnote.cur'), pointer;}
.mpopup {position:relative; display:inline; cursor:pointer;}
.mpopup .mpopuptext {display:none; border-radius:0px 0px 0px 0px; background-color:var(--mpu); box-shadow:0px 0px 0px var(--shd); position:relative; z-index:1; padding:0px 0px 0px 0px; cursor:url('../cursors/hidenote.cur'), pointer;}
.mpopup .show {display:block;}



.rpopupref {background-color:var(--rpu); color:var(--dim); cursor:url('../cursors/hardishpopup.cur'), pointer;}
.rpopup {margin:6px 0px 24px 0px; position:relative; display:block;}
.rpopup .rpopuptext {display:none; width:100%; border-radius:30px 30px 30px 30px; background-color:var(--rpu); box-shadow:10px 10px 10px var(--txt1); color:var(--txt); position:absolute; top:-23px; left:-09px; z-index:1; padding:24px 10px 0px 10px; cursor:url('../cursors/hidepopup.cur'), pointer;}
.rpopup .show {display:block;}

.gpopupref {background-color:var(--gpu); color:var(--bri); cursor:url('../cursors/easyishpopup.cur'), pointer}
.gpopup {margin:6px 0px 24px 0px; position:relative; display:block;}
.gpopup .gpopuptext {display:none; width:100%; border-radius:30px 30px 30px 30px; background-color:var(--gpu); box-shadow:10px 10px 10px var(--txt1); color:var(--txt); position:absolute; top:-23px; left:-09px; z-index:1; padding:24px 10px 0px 10px; cursor:url('../cursors/hidepopup.cur'), pointer;}
.gpopup .show {display:block;}

.apopup {position:relative; display:block; cursor:pointer;}
.apopup .apopuptext {display:none; width:100%; border-radius:30px 30px 30px 30px; background-color:var(--apu); box-shadow:10px 10px 10px var(--shd); color:var(--bri); position:absolute; top:-6px; left:-7px; z-index:1; padding:10px 10px 0px 10px;}
.apopup .show {display:block;}

.dpopup {position:relative; display:block; cursor:pointer;}
.dpopup .dpopuptext {display:none; width:100%; border-radius:30px 30px 30px 30px; background-color:var(--dpu); box-shadow:10px 10px 10px var(--shd); color:var(--bri); position:absolute; top:-6px; left:-7px; z-index:1; padding:10px 10px 0px 10px;}
.dpopup .show {display:block;}

.ppopupref {background-color:var(--ppu); color:var(--bri);}
.ppopup {position:relative; display:block; cursor:pointer;}
.ppopup .ppopuptext {display:none; width:100%; border-radius:0px 0px 0px 0px; background-color:var(--ppu); box-shadow:10px 10px 10px var(--shd); color:var(--bri); position:absolute; top:-23px; left:-09px; z-index:1; padding:0px 10px 0px 10px;}
.ppopup .show {display:block;}



/* remember to define focus styles! */
:focus {outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
.enclosure {border:1px dashed black;} 



<!-- for columns -->

.page {width:100%; height:730px; border-bottom:1px solid var(--bor); margin-right:20px; position:relative;}
.page .content .column {text-align:justify; font-size:12pt;} 
.page .content .column body {background-color:var(--bgd); line-height:1.2;} 

.page .content .column h1 {margin:6px 0px 24px 0px; text-align:center; font-size:15pt; font-weight:bold; font-style:italic; font-family:var(--sans);} 
.page .content .column h2 {margin:6px 0px 24px 0px; text-align:center; font-size:14pt; font-weight:bold; font-style:italic; font-family:var(--sans);} 
.page .content .column hi {margin:6px 0px 24px 0px; text-align:left; font-size:14pt; font-weight:bold; font-style:italic; font-family:var(--sans); color:var(--bri);}
.page .content .column h3 {margin:6px 0px 24px 0px; font-size:14pt; font-weight:bold; font-style:italic; font-family:var(--sans);} 
.page .content .column h4 {margin:6px 0px 24px 0px; font-size:13pt; font-weight:bold; font-style:italic; font-family:var(--sans);} 
.page .content .column h5 {margin:6px 0px 24px 0px; font-size:13pt; font-weight:bold; font-style:italic; font-family:var(--sans);} 
.page .content .column h6 {margin:6px 0px 24px 0px; font-size:13pt; font-weight:bold; font-style:italic; font-family:var(--sans);} 
.page .content .column hh {margin:6px 0px 24px 0px; text-align:left; font-size:13pt; font-weight:bold; font-style:italic; font-family:var(--sans); color:var(--bri);}

.page .content .column p {margin:0 0 24px 0; font-family:var(--serif); font-size:12pt; color:var(--txt); line-height:1.2;}
    .page .content .column b {font-size:14pt; color:var(--bri); line-height:1.0;} 
    .page .content .column y {font-size:14pt; color:var(--bri); line-height:1.0; background-color:var(--yel); font-weight:strong;} 
.page .content .column .bold {font-size:14pt; color:var(--bri); line-height:1.0; font-weight:bold;}



.page .content .column table {margin:0px 0px 0px 0px; border:1px var(--bor); border-style:none; border-collapse:collapse; border-spacing:20px; vertical-align:top;}
.page .content .column th {border:1px var(--bor); border-style:none; border-collapse:collapse; padding:0px 0px 0px 0px; font-family:var(--sans); font-size:14pt; color:var(--bri); text-align:center; vertical-align:top;}
.page .content .column td {border:1px var(--bor);	border-style:none;	border-collapse:collapse; padding:0px 0px 0px 0px; font-family:var(--serif); font-size:12pt; color:var(--txt); text-align:left; vertical-align:top;}

.page .content .column ul {list-style:none; padding-left:40px; text-indent:-40px; text-align:left; font-size:12pt;}
.page .content .column ul li  {font-family:var(--serif); font-size:12pt; color:var(--txt); line-height:1.2;}

.page .content .column blockquote {background:transparent; margin:0px 40px; font-family:var(--serif); font-size:12pt; color:var(--txt); line-height:1.2;}
.page .content .column blockquote b {font-size:14pt; color:var(--bri); line-height:1.0;}
.page .content .column blockquote mark {background-color:var(--yel); color:var(--ytx); font-weight:bold;}
/*.page .content .column blockquote y {font-size:14pt; color:var(--bri); line-height:1.0; background-color:var(--yel); font-weight:strong;*/
 
.page .content .column a:link {color:#039DE0; font-weight:bold;} 
.page .content .column a:active {color:#FFFF00;} 
.page .content .column a:visited {color:#BC8D3D;} 
.page .content .column a:hover {color:#FFFF00;} 
		
.page .content .column .button {background:transparent; color:var(--txt); border:none; margin:0; padding:0; font-size:12pt; text-decoration: underline;}
.page .content .column .btnhi {background:transparent; color:var(--mud); border:none; margin:0; padding:0; font-family:var(--serif); font-size:12pt; line-height:1.2; text-decoration-line:underline; text-decoration-style:dashed; text-decoration-color:var(--mud);}
.page .content .column .btnlo {background:transparent; color:var(--sea); border:none; margin:0; padding:0; font-family:var(--serif); font-size:12pt; line-height:1.2; text-decoration-line:underline; text-decoration-style:wavy; text-decoration-color:var(--sea);}
.page .content .column .button:hover {filter:brightness(1.1); cursor:pointer;}
.page .content .column img {float:none; font-family:var(--sans);} 



.page .header { text-align: center; font-size: 18pt; font-family: var(--sans); padding:20px 0 0; } 
.page .header hr, .page .footer hr { width:400px; } 
.page .footer { text-align:center; } 
.page .footer span { position: absolute; bottom:0px; right:10px;} 
.page_template {display:none;} 



.page .content .column .comedy {margin: 0px 0px 24px 0px}



.page .content .column .npopupref {background-color:var(--npu); color:var(--dim); cursor:url('../cursors/hardishnote.cur'), pointer;}
.page .content .column .npopup {position:relative; display:inline;}
.page .content .column .npopup .npopuptext {display:none; border-radius:0px 0px 0px 0px; background-color:var(--npu); box-shadow:0px 0px 0px var(--shd); position:relative; z-index:1; padding:0px 0px 0px 0px; cursor:url('../cursors/hidenote.cur'), pointer;}
.page .content .column .npopup .show {display:block;}

.page .content .column .mpopupref {background-color:var(--mpu); color:var(--bri); font-weight:strong; cursor:url('../cursors/easyishnote.cur'), pointer;}
.page .content .column .mpopup {position:relative; display:inline;}
.page .content .column .mpopup .mpopuptext {display:none; border-radius:0px 0px 0px 0px; background-color:var(--mpu); box-shadow:0px 0px 0px var(--shd); position:relative; z-index:1; padding:0px 0px 0px 0px; cursor:url('../cursors/hidenote.cur'), pointer;}
.page .content .column .mpopup .show {display:block;}



.page .content .column .rpopupref {background-color:var(--rpu); color:var(--dim); cursor:url('../cursors/hardishpopup.cur'), pointer;}
.page .content .column .rpopup {margin:6px 0px 24px 0px; position:relative; display:block;}
.page .content .column .rpopup .rpopuptext {display:none; width:100%; border-radius:0px 0px 0px 0px; background-color:var(--rpu); box-shadow:10px 10px 10px var(--shd); color:var(--txt); position:absolute; top:-23px; left:-09px; z-index:1; padding:24px 10px 0px 10px; cursor:url('../cursors/hidepopup.cur'), pointer;}
.page .content .column .rpopup .show {display:block;}

.page .content .column .gpopupref {background-color:var(--gpu); color:var(--bri); cursor:url('../cursors/easyishpopup.cur'), pointer;}
.page .content .column .gpopup {margin:6px 0px 24px 0px; position:relative;}
.page .content .column .gpopup .gpopuptext {display:none; width:100%; border-radius:30px 30px 30px 30px; background-color:var(--gpu); box-shadow:10px 10px 10px var(--shd); color:var(--txt); position:absolute; top:-23px; left:-09px; z-index:1; padding:24px 10px 0px 10px; cursor:url('../cursors/hidepopup.cur'), pointer;}
.page .content .column .gpopup .show {display:block;}

.page .content .column .apopup {position:relative; display:block; cursor:pointer;}
.page .content .column .apopup .apopuptext {display:none; width:100%; border-radius:30px 30px 30px 30px; background-color:var(--apu); box-shadow:10px 10px 10px var(--shd); color:var(--txt); position:absolute; top:-6px; left:-7px; z-index:1; padding:10px 10px 0px 10px;}
.page .content .column .apopup .apopuphead {padding-top:0px; padding-bottom:0px; text-align:right; font-size:13pt; font-weight:bold; font-style:italic; font-family:var(--sans); color:var(--bri);}
.page .content .column .apopup .show {display:block;}

.page .content .column .dpopup {position:relative; display:block; cursor:pointer;}
.page .content .column .dpopup .dpopuptext {display:none; width:100%; border-radius:30px 30px 30px 30px; background-color:var(--dpu); box-shadow:10px 10px 10px var(--shd); color:var(--txt); position:absolute; top:-6px; left:-7px; z-index:1; padding:10px 10px 0px 10px;}
.page .content .column .dpopup .dpopuphead {padding-top:0px; padding-bottom:0px; text-align:left; font-size:13pt; font-weight:bold; font-style:italic; font-family:var(--sans); color:var(--bri);}
.page .content .column .dpopup .show {display:block;}

.page .content .column .ppopupref {background-color:var(--ppu); color:var(--bri);}
.page .content .column .ppopup {position:relative; display:block; cursor:pointer;}
.page .content .column .ppopup .ppopuptext {display:none; width:100%; border-radius:30px 30px 30px 30px; background-color:var(--ppu); box-shadow:10px 10px 10px var(--shd); color:var(--txt); position:absolute; top:-23px; left:-09px; z-index:1; padding:24px 10px 0px 10px;}
.page .content .column .ppopup .show {display:block;}



.lightmode {

/* 4th char k=dark l=light o=opposite of 3-char */
--bgd: var(--bgdl);    --bgdo: var(--bgdk);    /*background page*/
--bkg: var(--bkgl);    --bkgo: var(--bkgk);    /*background page*/
--txt: var(--txtl);    --txto: var(--txtk);    /*default text of page*/

--sea: var(--seal);    --seao: var(--seak);    /*sea blue*/
--mud: var(--mudl);    --mudo: var(--mudk);    /*tower mud*/

--yel: var(--yell);    --yelo: var(--yelk);    /*yellow mark*/
--ytx: var(--ytxl);    --ytxo: var(--ytxk);    /*yellow mark text*/

--bri: var(--bril);    --brio: var(--brik);    /*bright text*/
--dim: var(--diml);    --dimo: var(--dimk);    /*dim text*/

--rpu: var(--rpul);    --rpuo: var(--rpuk);    /*red popup*/
--gpu: var(--gpul);    --gpuo: var(--gpuk);    /*green popup*/

--npu: var(--npul);    --npuo: var(--npuk);    /*red note*/
--mpu: var(--mpul);    --mpuo: var(--mpuk);    /*green note*/

--apu: var(--apul);    --apuo: var(--apuk);    /*brown ascend popup*/
--dpu: var(--dpul);    --dpuo: var(--dpuk);    /*blue descend popup*/

--ppu: var(--ppul);    --ppuo: var(--ppuk);    /*purple popup*/
--cap: var(--capl);    --capo: var(--capk);    /*purple default caption & acronym cap*/

--bor: var(--borl);    --boro: var(--bork);    /*default border*/
--shd: var(--shdl);    --shdo: var(--shdk);    /*default shadow*/

--med: var(--medl);    --medo: var(--medk);    /*default medium box*/
--sim: var(--siml);    --simo: sim(--simk);    /*default similar-to-background box*/
--dif: var(--difl);    --difo: var(--difk);    /*default different-from-background box*/
--add: var(--addl);    --addo: var(--addk);    /*default barely-brighter-than-background box*/
--sub: var(--subl);    --subo: var(--subk);    /*default barely-darker-than-background box*/

--tru: var(--trul);    --truo: var(--truk);    /*truth blue*/
--res: var(--resl);    --reso: var(--resk);    /*resilience sandybrown*/
--eff: var(--effl);    --effo: var(--effk);    /*efficiency green*/
--prg: var(--prgl);    --prgo: var(--prgk);    /*pragmatic hotpink*/

--shr: var(--shrl);    --shro: var(--shrk);    /*default shruggie yellow*/

--bmx: var(--bmxl);    --bmxo: var(--bmxk);    /*dim don't graphic in dark mode*/
--b90: var(--b90l);    --b90o: var(--b90k);    /*dim graphic in dark mode*/
--b85: var(--b85l);    --b85o: var(--b85k);    /*dim graphic in dark mode*/
--b80: var(--b80l);    --b80o: var(--b80k);    /*dim graphic in dark mode*/
--b75: var(--b75l);    --b75o: var(--b75k);    /*dim graphic in dark mode*/



body {background-color:var(--bgd); color:var(--txt);}

h1 {color:var(--txt);} 
h2 {color:var(--txt);} 
hi {color:var(--txt);}
h3 {color:var(--txt);}
h4 {color:var(--txt);} 
h5 {color:var(--txt);} 
h6 {color:var(--txt);} 
hh {color:var(--txt);}

p {color:var(--txt);} 
    b {color:var(--txt);}
    mark {background-color:var(--yel); color:var(--ytx); font-weight:bold;}
/*    y {color:var(--txt); background-color:var(--yel); font-weight:strong;}*/
.bold {color:var(--txt); font-weight:bold;}

table {border:1px var(--bor);}
th {border:1px var(--bor); color:var(--txt);}
td {border:1px var(--bor); color:var(--txt);}

blockquote {quotes:none; font-size:12pt; color:var(--txt);}
blockquote b {quotes:none; font-size:14pt; color:var(--txt);}
blockquote mark {background-color:var(--yel); color:var(--ytx); font-weight:bold;}
/*blockquote y {quotes:none; font-size:14pt; color:var(--txt); background-color:var(--yel); font-weight:strong;}*/

button {background-color:transparent; color:var(--txt);}
btnhi {background-color:transparent; text-decoration: underline dashed var(--mud);}
btnlo {background-color:transparent; text-decoration: underline wavy var(--sea);}
button:hover {filter:brightness(.9);}



.npopupref {background-color:var(--npu); color:var(--dim);}
.npopup .npopuptext {background-color:var(--npu); box-shadow:0px 0px 0px var(--shd);}

.mpopupref {background-color:var(--mpu); color:var(--txt); font-weight:strong;}
.mpopup .mpopuptext {background-color:var(--mpu); box-shadow:0px 0px 0px var(--shd);}



.rpopupref {background-color:var(--rpu); color:var(--dim); cursor:url('../cursors/hardishpopup.cur'), pointer;}
.rpopup .rpopuptext {background-color:var(--rpu); box-shadow:10px 10px 10px var(--shd); color:var(--txt); cursor:url('../cursors/hidepopup.cur'), pointer;}

.gpopupref {background-color:var(--gpu); color:var(--txt); cursor:url('../cursors/easyishpopup.cur'), pointer;}
.gpopup .gpopuptext {background-color:var(--gpu); box-shadow:10px 10px 10px var(--shd); color:var(--txt); cursor:url('../cursors/hidepopup.cur'), pointer;}

.apopup .apopuptext {background-color:var(--apu); box-shadow:10px 10px 10px var(--shd); color:var(--txt);}
.dpopup .dpopuptext {background-color:var(--dpu); box-shadow:10px 10px 10px var(--shd); color:var(--txt);}

.ppopupref {background-color:var(--ppu); color:var(--txt);}
.ppopup .ppopuptext {background-color:var(--ppu); box-shadow:10px 10px 10px var(--shd); color:var(--txt);}



.enclosure {border:1px dashed white;} 



<!-- for columns -->

.page {border-bottom:1px solid var(--bor);}
.page .content .column body {background-color:var(--bgd); color:var(--txt)} 

.page .content .column hi {color:var(--txt);}
.page .content .column hh {color:var(--txt);}

.page .content .column p {color:var(--txt);} 
    .page .content .column b {color:var(--txt);} 
    .page .content .column mark {background-color:var(--yel); color:var(--ytx); font-weight:bold;}
/*    .page .content .column y {color:var(--txt); background-color:var(--yel); font-weight:strong;}*/
.page .content .column .bold {color:var(--txt); font-weight:bold;}

.page .content .column blockquote {quotes:none; font-size:12pt; color:var(--txt);}
.page .content .column blockquote b {quotes:none; font-size:14pt; color:var(--txt);}
.page .content .column blockquote mark {background-color:var(--yel); color:var(--ytx); font-weight:bold;}
/*.page .content .column blockquote y {quotes:none; font-size:14pt; color:var(--txt); background-color:var(--yel); font-weight:strong;}*/
 
.page .content .column table {border:1px var(--bor);}
.page .content .column th {border:1px var(--bor); color:var(--txt);}
.page .content .column td {border:1px var(--bor); color:var(--txt);}

.page .content .column ul li  {color:var(--txt);}



.page .content .column .button {background-color:transparent; color:var(--txt);}
.page .content .column .btnhi {background-color:transparent; text-decoration: underline dashed var(--mud);}
.page .content .column .btnlo {background-color:transparent; text-decoration: underline wavy var(--sea);}
.page .content .column .button:hover {filter:brightness(.9);}



.page .content .column .npopupref {background-color:var(--npu); color:var(--dim);}
.page .content .column .npopup .npopuptext {background-color:var(--npu); box-shadow:0px 0px 0px var(--shd); }

.page .content .column .mpopupref {background-color:var(--mpu); color:var(--txt); font-weight:strong;}
.page .content .column .mpopup .mpopuptext {background-color:var(--mpu); color:var(--txt); box-shadow:0px 0px 0px var(--shd); }



.page .content .column .rpopupref {background-color:var(--rpu); color:var(--dim); cursor:url('../cursors/hardishpopup.cur'), pointer;}
.page .content .column .rpopup .rpopuptext {background-color:var(--rpu); box-shadow:10px 10px 10px var(--shd); color:var(--txt); cursor:url('../cursors/hidepopup.cur'), pointer;}

.page .content .column .gpopupref {background-color:var(--gpu); color:var(--txt); cursor:url('../cursors/easyishpopup.cur'), pointer;}
.page .content .column .gpopup .gpopuptext {background-color:var(--gpu); box-shadow:10px 10px 10px var(--shd); color:var(--txt); cursor:url('../cursors/hidepopup.cur'), pointer;}

.page .content .column .apopup .apopuptext {background-color:var(--apu); box-shadow:10px 10px 10px var(--shd); color:var(--txt);}
.page .content .column .apopup .apopuphead {color:var(--txt);}

.page .content .column .dpopup .dpopuptext {background-color:var(--dpu); box-shadow:10px 10px 10px var(--shd); color:var(--txt);}
.page .content .column .dpopup .dpopuphead {color:var(--txt);}

.page .content .column .ppopupref {background-color:var(--ppu); color:var(--txt);}
.page .content .column .ppopup .ppopuptext {background-color:var(--ppu); box-shadow:10px 10px 10px var(--shd); color:var(--txt);}

}