body {
    background-color: grey;   
}

#container {
	width: 1180px;	
	background-color: white;
	margin-left:auto;			/* Centers */
	margin-right:auto;
	border: 3px solid navy;
	font-family: Arial;
    	font-size: 14px;
	padding:10px;
}

#container1 {				/* Used with individual pictures */
	width: 640px;	
	background-color: white;
	margin-left:auto;			/* Centers */
	margin-right:auto;
	border: 3px solid navy;
	font-family: Arial;
               	font-size: 14px;    
	padding: 12px;
}
		
table {
  margin-left:auto;			/* Centers table */
  margin-right:auto;
  border-collapse: collapse;        /* Makes one-line border */
  border: 4px solid black;
  color:black;
  text-align: left; 
  font-weight: bold;
  padding: 4px;
  }

th,td {
  border-collapse: collapse;       /* Makes one-line border */
  border: 4px solid black;
  padding: 4px;
}

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

.left {	/* To correct blocks where all text is centered as in table */
  text-align: left;
}

.cen {
  text-align: center;
}

.floatleft {		/* Object on left, text wraps on right*/
float: left;  
margin: 10px;
clear: right;
}

.floatright {	/* Object on right, text wraps on left */
float: right;  
margin: 10px;
clear: left;
}

.clear {
clear: both;  /* clear both sides */
}

figure {align: center; text-align: center; margin: 10px auto}

figure.fig{margin: 0px;}

figcaption {
   text-align: center; 
   font-family: arial, san-serif;
   font-size: 18; font-weight: bold;
   }

 .flexrow {
  display: flex;
  flex-direction:row;
 }
						/* set style for div inside flexrow */
.flexrow > div {
  display: block;		
  margin: 5px;
  text-align: center;
 }

.flexcol {
  display: flex;
  flex-direction: column;
  text-align: center;
}
						/* set style for div inside flexcol */
.flexcol > div {
  display: block;		
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.cenbox {
    width:300px;           /* apparently width needed before margins will be set */
    margin-left:auto;			/* Centers */
    margin-right:auto;
    text-align: left;
    font-size: 14px;    
    padding: 6px;
}
  
 .bluebox {
    background-color:yellow; 
    border:20px solid blue;
    width: 200px;
    color: solid darkred;
    text-align: center;	
    text-style: bold;
    }

.redbox {
    width: 600px;
    background-color: white;
    border:15px solid red;	    
    margin-left:auto;			/* Centers */
    margin-right:auto;
    font-size: 18px;    
    padding: 20px;		
    text-align: center;	
    text-style: bold;
   }	

.sthr {text-decoration: line-through;}	/* strike through*/