.contents {
padding: 30px;
background: #FFF;
color: #000;
margin: 20px auto 4px auto;
text-align: left;
width: 760px;
/*background-image: url(../gradient.gif);*/
/*background-repeat: repeat-x;*/
}

p.bigimage img
{
display: block;
margin-left: auto;
margin-right: auto;
}

.contents img 
{
display: block;
margin: 4px 20px 20px 20px;
/* This adds the border */
padding: 8px;
border:solid;
border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
border-width: 1px 2px 2px 1px;
}

#notes
{
display: none;
}

.contents h3
{
font-style: bold;
font-size: 1.0em;
}

SPAN.pic
{
float: right;
width: 340px;
margin: 0px 20px 20px 20px;
}

.caption
{
display: block;
font-size: x-small; 
text-align: center;
margin: 0 auto 0 auto;
}

.caption img
{
margin: 0 auto 0 auto;
}

.caption p
{
display: block;
clear: right;
/*width: 300px;*/
margin: 0 auto 0 auto;
text-align: center;
}

.section
{
clear: both;
}

img.center {
  display: block;
   margin-left: auto;
   margin-right: auto;
}

.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}

.g 
 {
   color: #77B;
}

.box {
border: 1px solid black;
padding: 25px 25px 25px 25px;
}

.navigator2
{
color: #666;
font-style: bold;
}

.navigator2 a
{
color: #000;
font-style: bold;
text-decoration: none;
}

SPAN.pic
{
float: right;
width: 340px;
margin: 0px 20px 20px 20px;
}