/*****************************************************
  NormalBox.css                            Feb 7, 2026
  Jim Engel                      

  Cascading Style Sheet Global Default
  This version for the standard Jim Engel index.htm
  page with the box outline and background color.
  Set up to come after the Skeleton system css page.


    ******** WARNING! SASS NOT UPGRADED FOR WINDOWS 11  !   *********


  SASS driven operation, css file generated from this scss file.

  Strange fact to know: in order for SCSS to work you have
  to start by clicking on  D:\_WebSitesAngelLair\css\css.sln

  Must install: Visual Studio Web Compiler Extension  (free)
  Created by Mads Kristensen
  https://visualstudiogallery.msdn.microsoft.com/3b329021-cd7a-4a01-86fc-714c2d05bb6c

  Guide:  http://sass-lang.com/guide

********************************************************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  /*	margin-left:   15px;   margins set in Skeleton, do not interfere */
  /*	margin-right:  15px;                                             */ }

/*****************************************************************/
.dpage {
  margin-right: 160px;
  margin-left: 30px; }

/* For widths less than 580px  */
@media (max-width: 580px) {
  .dpage {
    margin-right: 90px;
    margin-left: 20px; } }

/* For widths less than 500px  */
@media (max-width: 500px) {
  .dpage {
    margin-right: 30px;
    margin-left: 6px; } }

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

/*********************   FIGURE   **************************/
figure {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0px;
  margin-right: 0px;
  height: auto;
  max-width: 100%;
  text-align: center;
  /*   float:      right;  */ }

figurex {
  display: block;
  float: left;
  margin-left: -4px;
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 10px; }

figcaption {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px; }

figure.btn {
  margin-left: 25px;
  width: 80px;
  border-style: solid;
  border-width: 1px;
  height: 105px; }

textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt; }

th, td {
  /* td: Table Data cells.  th: Table Header cells. */
  font-size: 9pt;
  padding: 3px 5px;
  text-align: left;
  vertical-align: top;
  border-bottom: 0px;
  color: black; }

.topban {
  display: inline-block;
  color: #0000b5;
  /* dark blue */
  font-weight: bold;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
  margin-top: 2px;
  margin-bottom: 6px;
  font-size: 18pt;
  vertical-align: top;
  line-height: 16px; }

.headline {
  color: #0000c5;
  font-style: italic;
  font-family: "Times New Roman", Times, serif; }

.mast {
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 11pt;
  color: Blue;
  font-weight: bolder;
  text-indent: 0;
  font-style: italic;
  vertical-align: top; }

.topbox {
  height: 70px; }

.blue {
  color: Blue; }

.dblue {
  color: #0000c5; }

.red {
  color: Red; }

.pt10 {
  font-size: 10pt; }

.pt16 {
  font-size: 16pt; }

.pt18 {
  font-size: 18pt; }

.pt20 {
  font-size: 20pt; }

.pt22 {
  font-size: 22pt; }

.pt26 {
  font-size: 26pt; }

.floatRight {
  float: right; }

/*****************    TEXT FORMATTING    *******************/
p {
  /*  text-indent: 1.5em;   */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  text-align: left;
  margin-top: 4px;
  margin-bottom: 6px;
  line-height: 1.2; }

pp {
  /*   Depricated   */
  text-indent: 0;
  font-size: 9pt;
  text-align: left;
  color: black;
  margin-top: 4px;
  margin-bottom: 6px;
  font-weight: 500; }

.monospace {
  font-family: "Lucida Console", Consolas, Monaco, monospace;
  font-weight: normal; }

pre {
  /*  pre formatted   */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: 500;
  text-align: left;
  margin-top: 4px;
  margin-bottom: 6px;
  line-height: 1.3; }

.ped, .pedigree {
  /* Pedigree Listing */
  color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  line-height: 1.3;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
  font-style: normal;
  text-indent: 0; }

/* to modify: <pre class=pedigree  style='font-size:8pt'>  */
.lnk {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  text-indent: 0em;
  margin-top: 4px;
  margin-bottom: 6px;
  line-height: 20px; }

.lnk a {
  font-size: 10pt; }

/**************   LINKS  ****************/
a:link {
  color: #0000e6;
  /* dark blue */
  font-size: 9pt;
  font-weight: 700;
  text-decoration: none; }

a:visited {
  color: Purple;
  font-size: 9pt;
  font-weight: 700;
  text-decoration: none; }

a:hover {
  color: Red;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer; }

/*****  BOLD  LINKS  ************/
.dlink:link {
  color: #0000e6;
  /* dark blue */
  font-size: 7pt;
  font-weight: 800;
  text-decoration: none; }

.dlink:visited {
  color: Purple;
  font-size: 7pt;
  font-weight: normal;
  text-decoration: none; }

.dlink:hover {
  color: Red;
  background-color: transparent;
  text-decoration: underline; }

/*****************************************/
a.ahdr:link {
  font-size: 17pt;
  color: #0000b5; }

/* dark blue */
a.ahdr:visited {
  font-size: 17pt;
  color: #0000b5; }

/* dark blue */
a.ahdr:hover {
  font-size: 17pt;
  color: #a40000; }

/*****************************************/
.alst:link {
  font-size: 9pt;
  font-weight: normal;
  color: #0000b5; }

/* dark blue */
.alst:visited {
  font-size: 9pt;
  font-weight: normal;
  color: #0000b5; }

/* dark blue */
.alst:hover {
  font-size: 9pt;
  font-weight: normal;
  color: #a40000; }

/*********************    BUTTONS    *****************************/
.tinybut {
  float: right;
  font-size: 7pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #293D66;
  background-color: #d9edff;
  padding: 3px 5px;
  margin: 0px 0px;
  line-height: 1.1;
  border-width: thin;
  margin-left: -2px;
  font-weight: bold;
  font-style: normal;
  border-radius: 1px;
  box-shadow: 2px 1px 2px rgba(200, 200, 200, 0.6); }

.tinybut:hover {
  background-color: white;
  cursor: pointer; }

/***   Buttons:  These are all the same right now, but could
                 be different in the future, thus I kept the four names.  */
.tbut, .xbut, .rbut, .navbt {
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #293D66;
  background-color: #d9edff;
  padding: 3px 6px;
  margin: 0px 0px;
  border-width: thin;
  margin-left: -2px;
  margin-bottom: 2px;
  font-weight: bold;
  font-style: normal;
  border-radius: 3px;
  box-shadow: 2px 1px 2px rgba(200, 200, 200, 0.6); }

.tbut:hover, .xbut:hover, .rbut:hover, .navbt:hover {
  background-color: white;
  cursor: pointer; }

.rbut {
  font-size: 7pt;
  padding: 1px 2px; }

/***  Standard Upper Right Return or Return Button*/
.xbut {
  float: right;
  font-size: 7pt;
  background-color: #e6ffe6;
  padding: 1px 2px;
  margin: 0px 2px; }

/* inline-block leaves gaps; see 
   https://css-tricks.com/fighting-the-space-between-inline-block-elements 
   for other fixes and solutions */
/*****************************  Main Menu Buttons    **************************/
.banbt {
  width: 90px;
  font-size: 10pt;
  background: linear-gradient(#1e1e9e, #788cff);
  font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 5px;
  margin: 0px 0px;
  border-width: thin;
  margin-left: -2px;
  /*  see above note */
  color: white;
  font-weight: bold;
  font-style: italic;
  border-radius: 5px;
  box-shadow: 2px 1px 2px rgba(200, 200, 200, 0.6);
  margin-bottom: 4px; }

.banbt:hover {
  background: linear-gradient(maroon, red);
  cursor: pointer; }

.banbtF {
  width: 200px;
  font-size: 10pt;
  background: linear-gradient(#1e1e9e, #788cff);
  font-family: Corbel, Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 5px;
  margin: 0px 0px;
  border-width: thin;
  margin-left: -2px;
  /*  see above note */
  color: white;
  font-weight: bold;
  font-style: italic;
  border-radius: 5px;
  box-shadow: 2px 1px 2px rgba(200, 200, 200, 0.6);
  margin-bottom: 4px; }

.banbtF:hover {
  background: linear-gradient(maroon, red);
  cursor: pointer; }

.small {
  width: 65px;
  font-size: 9pt; }

/*----------------  Second tier main menu buttons   -----------------*/
.subbanbt, .sban {
  width: 90px;
  font-size: 7pt;
  background-color: #e6ffe6;
  color: #293D66;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 1px 8px;
  margin: 0px 0px;
  margin-left: -2px;
  text-shadow: 2px 1px 2px white;
  font-weight: bold;
  border-radius: 5px;
  border-width: thin;
  border-style: solid;
  box-shadow: 2px 1px 2px rgba(200, 200, 200, 0.6);
  margin-bottom: 1px;
  margin-top:    1px; }

.subbanbt:hover, .sban:hover {
  background-color: white;
  cursor: pointer; }

/***********************************************************************/
.mshift {
  margin-left: 20px;
  margin-right: 40px;
  margin-top: 12px; }

@media all and (max-width: 600px) {
  .mshift {
    margin-left: 2px; } }

.sphead {
  margin-bottom: 7px;
  color: #33F;
  margin-left: 25px; }

@media all and (max-width: 600px) {
  .sphead {
    margin-left: 0px; } }

/************************    blue boxes     *************************************/
.abox {
  padding: 4px 6px;
  margin: 0px 0px;
  color: black;
  background-color: #d9edff;
  font-size: 9pt;
  line-height: 1.2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  border-width: thin;
  border-style: outset;
  border-radius: 4px;
  box-shadow: 3px 2px 3px rgba(200, 200, 200, 0.6);
  text-decoration: none;
  margin-bottom: 3px;
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2; }

@media all and (max-width: 760px) {
  .abox {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
    max-width: 280px; } }

.abox:link {
  color: #293D66;
  background-color: white;
  border-width: medium; }

.abox:hover {
  color: #293D66;
  background-color: white;
  cursor: pointer; }

.acm {
  font-size: 8pt;
  line-height: 1.2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 3px; }

/*-------------------------- bbox -----------------------------*/
.bbox {
  padding: 4px 6px;
  margin: 0px 0px;
  color: black;
  background-color: #d9edff;
  font-size: 9pt;
  line-height: 1.2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  border-width: thin;
  border-style: outset;
  border-radius: 4px;
  box-shadow: 3px 2px 3px rgba(200, 200, 200, 0.6);
  text-decoration: none;
  margin-bottom: 3px;
  -webkit-column-count: 1;
  /* Chrome, Safari, Opera */
  -moz-column-count: 1;
  /* Firefox */
  column-count: 1; }

@media all and (max-width: 680px) {
  .bbox {
    max-width: 280px; } }

.bbox:link {
  color: #293D66;
  background-color: white;
  border-width: medium; }

.bbox:hover {
  color: #293D66;
  background-color: white;
  cursor: pointer; }

/*------------------------  cbox  gbox -------------------------*/
.cbox, .gbox {
  width: 220px;
  display: inline-block;
  padding: 4px 6px;
  margin: 0px 0px;
  color: black;
  background-color: #d9edff;
  font-size: 9pt;
  line-height: 1.2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: normal;
  border-width: thin;
  border-style: outset;
  border-radius: 4px;
  box-shadow: 3px 2px 3px rgba(200, 200, 200, 0.6);
  text-decoration: none;
  margin-bottom: 3px; }

@media all and (max-width: 740px) {
  .cbox, .gbox {
    max-width: 280px; } }

.cbox:link, .gbox:link {
  color: #293D66;
  background-color: white;
  border-width: medium; }

.cbox:hover, .gbox:hover {
  color: #293D66;
  background-color: white;
  cursor: pointer; }

.gbox {
  background-color: #e6ffe6; }

.LBut {
  width: 35px;
  height: 17px;
  font-weight: bold;
  font-size: smaller;
  color: #293D66;
  background-color: #e1fbff; }

.LBut:hover {
  background-color: white;
  cursor: pointer; }

.sbut {
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #293D66;
  background-color: #d9edff;
  padding: 3px 6px;
  margin: 3px 0px;
  border-width: thin;
  margin-left: -2px;
  font-weight: bold;
  font-style: normal;
  border-radius: 3px;
  box-shadow: 2px 1px 2px rgba(200, 200, 200, 0.6); }

.sbut:hover {
  background-color: white;
  cursor: pointer; }

/********************     light  box   ***********************/
/***********
Photo views created by Lightbox, created by Lokesh Dhakar
http://lokeshdhakar.com/projects/lightbox2/
https://github.com/lokesh/lightbox2/
********/
.lbcap {
  display: inline-block;
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 3px 8px;
  padding-bottom: 12px;
  margin: 0px 0px;
  color: black;
  background-color: white;
  line-height: 1.2;
  font-weight: bold;
  font-style: normal;
  border-width: thin;
  border-style: outset;
  text-decoration: none;
  margin-bottom: 0px;
  margin-top: 0px; }

.lbcap:link {
  color: #293D66;
  font-weight: bold;
  background-color: white;
  border-width: medium; }

.lbcap:hover {
  color: #293D66;
  background-color: white;
  cursor: pointer; }

/*******   bcm    bbox button date format  *****************/
.bcm {
  font-size: 8pt;
  line-height: 1.2;
  font-family: Verdana , Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-left: 3px;
  float: right;
  width: 72px; }

/****  rcshift   leading text format *****/
.rcshift {
  margin-left: 5px;
  margin-right: 15px;
  margin-top: 0px; }

@media all and (max-width: 600px) {
  .rcshift {
    margin-right: 2px; } }

/***************************************************************************/
.t5 {
  font-size: 5pt;
  line-height: 1.0;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 0px;
  color: Black; }

.t7 {
  font-size: 7pt;
  line-height: 1.0;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 0px;
  color: Black; }

.t7i {
  font-size: 7pt;
  line-height: 1.0;
  font-style: italic;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 0px;
  color: Black; }

.t7b {
  font-size: 7pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: Black;
  line-height: 11px;
  text-indent: 0; }

.t9 {
  font-size: 9pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: normal;
  text-indent: 0; }

.t9sp {
  font-size: 9pt;
  line-height: 1.3;
  margin-top: 0px;
  margin-bottom: 1px;
  color: black;
  font-weight: normal;
  text-indent: 0; }

.t9b {
  font-size: 9pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: 800;
  text-indent: 0; }

.t9i {
  font-size: 9pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: normal;
  font-style: italic;
  text-indent: 0; }

.t9bi {
  font-size: 9pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: 900;
  text-indent: 0;
  font-style: italic; }

.t10b {
  font-size: 10pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: 800;
  text-indent: 0; }

.t11b {
  font-size: 11pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: 800;
  text-indent: 0; }

.t11bi {
  font-size: 11pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: 900;
  text-indent: 0;
  font-style: italic; }

.t13b {
  font-size: 13pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: 900;
  text-indent: 0; }

.t13bi {
  font-size: 13pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: 900;
  text-indent: 0;
  font-style: italic; }

.subban {
  font-size: 10pt;
  line-height: 1.0;
  margin-top: 0px;
  margin-bottom: 0px;
  color: black;
  font-weight: 900;
  text-indent: 0;
  font-style: italic; }

hs {
  /*  Section  */
  display: block;
  font-size: 8pt;
  font-weight: bold;
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 9px; }

h1 {
  font-size: 12pt;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 2px; }

h2 {
  font-size: 11pt;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 2px; }

h3 {
  font-size: 10pt;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 2px; }

h4 {
  font-size: 9pt;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px; }

h5 {
  font-size: 8pt;
  line-height: 9px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px; }

h6 {
  font-size: 7pt;
  line-height: 9px;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 0px; }

h7 {
  display: block;
  font-style: italic;
  font-size: 7pt;
  line-height: 9px;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 0px; }
h7b {
   display:  inline-block;
   font-style: italic;
   font-size: 7pt;
   line-height: 9px;
   font-weight: 300;
   margin-top: 0px;
   margin-bottom: 0px;
}
h8 {
  display: block;
  font-style: italic;
  font-size: 7pt;
  line-height: 9px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px; }

h9b {
  display: block;
  font-size: 9pt;
  line-height: 1.0;
  margin-top: 5px;
  margin-bottom: 10px;
  color: black;
  font-weight: bold;
  font-style: normal;
  text-indent: 0; }

h9bi {
  display: block;
  font-size: 9pt;
  line-height: 1.0;
  margin-top: 5px;
  margin-bottom: 10px;
  color: black;
  font-weight: bold;
  font-style: italic;
  text-indent: 0; }

h10b {
  display: block;
  font-size: 10pt;
  line-height: 1.0;
  margin-top: 5px;
  margin-bottom: 10px;
  color: black;
  font-weight: bold;
  font-style: normal;
  text-indent: 0; }

h10bi {
  display: block;
  font-size: 10pt;
  line-height: 1.0;
  margin-top: 5px;
  margin-bottom: 10px;
  color: black;
  font-weight: bold;
  font-style: italic;
  text-indent: 0; }

.whitesp {
  color: white; }

h9bi {
  margin-top: 8px;
  margin-bottom: 1px; }

.sdate {
  font-size: 7pt;
  line-height: 1.0;
  font-style: italic;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 0;
  color: Black; }

.stit {
  /*  text-indent: 1.5em;   */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  font-weight: bold;
  text-align: left;
  margin-top: 2px;
  margin-bottom: 0;
  line-height: 1.1; }

/*****  SP  LINKS  *****   class="blnk "      *******/
.blnk:link {
  color: Black;
  font-weight: normal;
  text-decoration: none; }

.blnk:visited {
  color: Black;
  font-weight: normal; }

.blnk:hover {
  color: Black;
  font-weight: normal; }

/******************************************************************************/
/*  Used in reference tables,  depricated, not used much anymore  */
.ref {
  font-size: 10pt;
  font-weight: 700;
  text-indent: 0;
  line-height: 1.0;
  margin-top: 0;
  margin-bottom: 0;
  color: Black; }

.cmt {
  font-size: 9pt;
  font-weight: 700;
  text-indent: 0;
  line-height: 1.0;
  margin-top: 0;
  margin-bottom: 0; }

/*****************    COLUMNS   *******************************/
h1, h2, h3 {
  -webkit-column-span: all;
  /* Chrome, Safari, Opera */
  column-span: all; }

.floater {
  float: right; }

/* For devices less than 690px  */
@media (max-width: 690px) {
  .floater {
    float: left; } }

.onecol {
  max-width: 450px;
  padding-left: 50px;
  padding-right: 3px;
  float: left; }

/* For devices less than 500px  */
@media (max-width: 500px) {
  .onecol {
    padding-left: 3px;
    padding-right: 3px; } }

.twocol {
  padding-left: 30px;
  padding-right: 30px;
  max-width: 100%;
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 20px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 20px;
  /* Firefox */
  column-gap: 20px;
  -webkit-column-rule-width: 1px;
  /* Chrome, Safari, Opera */
  -moz-column-rule-width: 1px;
  /* Firefox */
  column-rule-width: 1px; }

/* For devices less than 690px  */
@media (max-width: 690px) {
  .twocol {
    padding-left: 3px;
    padding-right: 3px; } }

/* For devices less than 500px  */
@media (max-width: 500px) {
  .twocol {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1; } }

bline {
  display: block;
  color: #0000b5;
  /* dark blue */
  font-size: 7pt;
  font-style: italic;
  line-height: 9px;
  font-weight: 300;
  margin-top: 0px;
  margin-bottom: 0px; }