/********************************************************************
/*** Full Download CSS file (6/27/25)
/********************************************************************
     
/* 4 device sizes: little = tiny, small; big = medium, large */ 
/* Tiny devices, older smartphones, etc. */  
@media screen and (max-width: 520px) { 
   font[size="1"] { font-size:   6pt; line-height: 100%; }
   font[size="2"] { font-size:   6pt; }
   font[size="3"] { font-size:   7pt; }
   font[size="4"] { font-size:   8pt; }
   font[size="5"] { font-size:   9pt; }
   font[size="6"] { font-size: 10pt; }
   font[size="7"] { font-size: 12pt; }
  .link, a[href*=".mp3"] { line-height: 140%; }
  .flexbox { width: 90% }
  .ifmedium, .iflarge, .ifsmall, .ifnottiny, .ifbig, .ifnotlittle { display: none; }
  .iftiny, .ifnotsmall, .ifnotmedium, .ifnotlarge, .iflittle, .ifnotbig { display: inline; }  
  blockquote { margin-left: 4px; margin-right: 4px; }
} 

/* Small devices, smartphones, etc. */  
@media screen and (min-width: 521px) and (max-width: 700px) { 
   font[size="1"] { font-size:   6pt; }
   font[size="2"] { font-size:   6pt; }
   font[size="3"] { font-size:   8pt; }
   font[size="4"] { font-size: 10pt; }
   font[size="5"] { font-size: 12pt; }
   font[size="6"] { font-size: 14pt; }
   font[size="7"] { font-size: 18pt; }
  .link, a[href*=".mp3"] { line-height: 120%; }
  .flexbox { width: 90% }
  .ifmedium, .iflarge, .iftiny, .ifnotsmall, .ifbig, .ifnotlittle { display: none; }
  .ifsmall, .ifnottiny, .ifnotmedium, .ifnotlarge, .iflittle, .ifnotbig  { display: inline; }  
  blockquote { margin-left: 8px; margin-right: 8px; }
} 

/* Medium devices, tablets, etc. */
@media screen and (min-width: 701px) and (max-width: 1080px ) {  
   font[size="1"] { font-size:   6pt; }
   font[size="2"] { font-size:   6pt; }
   font[size="3"] { font-size: 10pt; }
   font[size="4"] { font-size: 12pt; }
   font[size="5"] { font-size: 16pt; }
   font[size="6"] { font-size: 18pt; }
   font[size="7"] { font-size: 26pt; }
  .flexbox { width: 80% }
  .ifsmall, .iflarge, .iftiny, .ifnotmedium, .iflittle, .ifnotbig { display: none; }
  .ifmedium, .ifnottiny, .ifnotsmall, .ifnotlarge, .ifbig, .ifnotlittle { display: inline; } 
  blockquote { margin-left: 24px; margin-right: 24px; }
}

/* Large devices, desktops, etc. Uses HTML as coded below */
/* Set main content table max width to 1080 if screen is bigger */
@media screen and (min-width: 1081px) { 
  .maintable { width: 1080px; min-width: 1080px; max-width: 1080px; border: 1px solid gray; }
/* Reduce font regardless of large screens */
   font[size="1"] { font-size:   7pt; }
   font[size="2"] { font-size:   8pt; }
   font[size="3"] { font-size: 11pt; }
   font[size="4"] { font-size: 13pt; }
   font[size="5"] { font-size: 16pt; }
   font[size="6"] { font-size: 20pt; }
   font[size="7"] { font-size: 30pt; }
  .iftiny, .ifsmall, .ifmedium, .ifnotlarge, .iflittle, .ifnotbig  { display: none; }
  .iflarge, .ifnottiny, .ifnotsmall, .ifnotmedium, .ifbig, .ifnotlittle { display: inline; }
} 

.maintable { width: 98%; padding: 2px; }
img[src*="hbar"] { height: 5px; box-shadow: none;  } 
img[src*="newlogo"] { width: 100%; height: auto; min-width: 80px; }
td[valign="top"] { vertical-align: middle; }
hr[align=center], hr[align=left] { 
    align: center; display: block; width: 90%; 
    margin-top: 0.5em; margin-bottom: 0.5em;
    margin-left: auto; margin-right: auto; 
    border-color: floralwhite; border-style: inset; border-width: 2px; } 

.inline { display: inline; }

.icon { min-width: 20px; height: auto; }

img { 
    -webkit-max-width: 96%;
    -moz-max-width: 96%;
    max-width: 96%; 
    height: auto;  
    box-shadow: 7px 7px 6px darkslategray; 
    padding-bottom: 2px; padding-right: 2px; padding-left: 0px;
    margin-bottom: 12px; margin-right: 10px; } 

img.stretch {
   width: 100%; max-width: 100%; max-height: 100%; object-fit: contain; 
   box-shadow: none; padding: 0px; margin: 0px; }

img.static { 
    max-width: none; height: auto;
    box-shadow: none; padding: 0px;
    margin-bottom: 10px; margin-right: 10px; }

img.flat { 
    max-width: 100%; height: auto;
    box-shadow: none; padding: 0px; margin: 0px; } 

/*** END ***/