/* ©2009-2024 by Scouts on Stamps Society International */
/* Web Site:  www.levycatalog.net */
/* Author: R S Frank */
/* .class #id */
/* March 11, 2009  March 2024  */
 body { background-color: #f8f8f8; }
 address { font-size: 12pt;
    text-align: center;
    font-family: arial;
    font-style: normal;
    margin: 5px 0 0 0;
    padding: 0px;
    display: block; }
/* page title text */
 select, option, p.title { font-family: Tahoma, sans-serif;
    color:  #54ad68;  /* Roger's Levy green color choice */
    font-size: 17pt;
    text-align: center;
    font-weight: bold;
    padding: 0px; }
/* title text for fdc pages */
p.fdtitle { font-family: Tahoma, sans-serif;
    color:  #54ad68;  /* Roger's Levy green color choice */
    font-size: 16pt;
    text-align: center;
    font-weight: normal;
    padding: 0px; }
form {text-align: center; }
/* allow images to be shown in a row if they fit */
main {display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    row-gap: 18px;}
p { font-family: Myriad Roman, Arial, Helvetica, sans-serif;
    color:  black;
    font-size: 12pt;
    text-align: left;
    font-weight: normal;
    margin: 3px 4px 3px  4px;
    padding: 0px; }
/* container for each Levy number */
figure { max-width: 600px;
    margin: 2px 2px 2px 2px;
    border-width: 2px;
    border-style: solid;
    border-color:rgba(230,230,230,1);
    height: fit-content;
    text-align: center; }
/* keep grids moving to center */
figcaption { text-align: left; }
/* use grids for tables */
.gc { /* grid container */
    display: inline-grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    padding: 0px; }
.gi { /* grid item */
    margin: 0px;
    padding: 0px;
    text-align: left; }
img { max-width: 600px;
    height: auto; }
/* Levy Number */
h1  { margin: 0px 4px 0px  4px;
    font-size: 21px;
    text-align: left;
    color: purple; }
/* Levy Cover Name */
h2  { margin: 0px 4px 0px 4px;
    font-size: 21px;
    text-align: left;
    color: darkblue; }
/* to move value to right edge */
figcaption>div, div.gi>div  { display: flex;
    justify-content: space-between; }
div>p {text-indent: 1.2em hanging;
    margin-top: 0;
    margin-bottom: 0; }
/* to align levy #s's letter suffixes [ls] (for varieties) in fixed width column */
.ls  { width: 15px;
     display: inline-block; }
.date { padding-left: 70px; }
td  { vertical-align: top; }
/*  Proceed to bottom button / Return to top buttom  */
  #gobot-btn {  /* Scroll to bottom, down arrow */
    display: none;
    position: fixed;
    top: 10px;
    right: 5px;
    z-index: 99;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background-color: whitesmoke; }
  #gotop-btn {  /* Scroll to top, up arrow */
    display: none;
    position: fixed;
    bottom: 10px;
    right: 5px;
    z-index: 99;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    width: 27px;
    height: 27px;
    background-color: whitesmoke; }
  #gotop-btn:hover, #gobot-btn:hover {  /* When cursor is over either button */
    background-color: lightgreen; }