a:hover
{
     border-bottom: solid 1px #0b1a66;
}

/* For elements in a table */
div.figure {
  float: right;
  width: 90%;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

img.scaled {
   max-width: 100%; /* 100vw overflows silver boundary lines. */
}

/* To create enclosing list to mimic a table but with wrap capability */
ul.row {
    width: 95%;
    list-style-type: none;
    float: right;
    clear: both;
    display: inline-block; /* put the list items all on a single line */
                          /* and keeps text under picture*/
    padding: 0.5em;
    margin-bottom: 100px;
}

/*
#container br {
    clear: both;
}
*/

div.block {
     float: right;
     max-width: 30%;
     border: thin silver solid;
     margin: 0.5em;
     padding: 0.5em;
     text-align: center;
     font-style: italic;
     font-size: smaller;
     text-indent: 0;
}

div.column {
     float: left; /* works with display:inline-block to put list elements */
                   /* on one line */ /* elements ordered from left to right */
   /*max-width: 100%;*//* so each column element can take 100% display width */
                      /* or won't shrink all the way to a single element*/
     max-width: 300px; /* so each column element can take only 350 pixels */
                      /* or won't shrink all the way to a single element*/
     border: thin silver solid;
     margin: 0.5em;
     padding: 0.5em;
     text-align: center;
     font-style: italic;
     font-size: smaller;
     text-indent: 0;
}