body  {
text-align:left;
background-color:#eef;
color:#000;
text-align:left;
word-wrap:normal;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
line-height:32px;
letter-spacing:0px;
font-weight:400;
font-style:italic;
}

a:link {color:#44d;
display:inline;
}  /* unvisited link */

a:visited {color:#88d;
display:inline;
}  /* visited link */

a:hover {color:#f00;
display:inline;
}  /* mouse over link */

a:active {color:#0f0;
display:inline;
}  /* selected link */ 

p {
}

table {
width: auto;
word-wrap: break-word;
margin-left:auto; 
margin-right:auto;
/*
table-layout: fixed;
*/
}

td {
vertical-align:top;
}

figure  {
display: inline-table;
vertical-align: middle;
background: transparent;
margin-left:5px; 
margin-right:5px;
margin-top:50px;
padding: 0px;
border-width:0px;
border-style:solid;
border-color:#000;
color:#000;
text-align: center;
word-wrap:normal;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
line-height: 28px;
font-weight:400;
letter-spacing:0px;
font-style:normal;
}

img  {
display: inline-table;
vertical-align: middle;
background: transparent;
margin-left:0px; 
margin-right:0px;
margin-top:0px;
padding: 0px;
border-width:0px;
border-style:solid;
border-color:#000;
max-width:100%;
height:auto;
max-height:100%;

}

figcaption  {
display:table-caption;
caption-side:bottom;
background: transparent;
margin-left: 15px;
margin-right: 5px;
margin-top: 0px;
padding: 0px;
border-width:0px;
border-style:solid;
border-color:#000;
color:#000;
text-align: left;
word-wrap:normal;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
line-height: 28px;
letter-spacing:0px;
font-weight:400;
font-style:normal;
}

blockquote {
display: inline-block;
vertical-align: middle;
font-family: arial, helvetica, sans-serif;
font-size: 24px;
line-height:28px;
font-weight:400;
letter-spacing:0px;
font-style:normal;
color:#000;
text-align:left;
word-wrap:normal;
background: transparent;
margin-left:25px; 
margin-right:25px;
margin-top:25px;
padding: 0px; 
border-width:0px;
border-style:solid;
border-color:green;
}

input[type="button"], input[type="image"] {
    margin: 10px;
    font-size:18px;
    display: inline-table;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

/*CLASSES follow:*/

.button {
    margin: 10px;
    font-size:24px;
    display: inline-table;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}  

.error {
color: #FF0000;
}

.center {
//  margin: auto;
//  width: auto;
text-align:center;
}

.captioncolumns  {
column-count: 3;
outline-color: #cee;
outline-offset: 0px;
outline-style: groove;
background-color: #def;
}

.captionbigger  {
font-family: arial, helvetica, sans-serif;
font-size: 20px;
font-weight:400;
font-style:normal;
line-height: 24px;
letter-spacing:0px;
}

.contact {
font-family:Monospace, Courier, Georgia;
font-size: 20px;
font-weight:400;
font-style:italic;
line-height: 24px;
letter-spacing:0px;
}

.banner {
background-color:#d0c090;
border-width:0px;
border-style:solid;
border-color:#b0b080;
font-size:64px;
font-weight:900;
font-style:normal;
line-height: 72px;
color:#ffffff;
font-family:Courier, Georgia, Times;
text-align:center;
vertical-align:middle;
//width:auto;
padding:20px;
display:inline-block;
//make small box but inline
//display:block;
//would extend banner across page width
margin-left:auto; 
margin-right:auto;
//margin:0 auto;
//sets top and bottom margins to zero, left and right margins to auto
}