#leftchart {
    display: flex;       
    flex-wrap: nowrap;  
    align-items: flex-start;
   
}
#leftchart figure {
    flex: 1 1 auto;      
    max-width: 50%;      
}
	#rightchart {
    display: flex;      
    flex-wrap: nowrap;   
    align-items: flex-start;
   
}
#rightchart figure {
    flex: 1 1 auto;     
    max-width: 50%;      
}
	#outercontainer {
		display: flex;	
		flex-wrap: wrap;  
		justify-content: space-around;
		background-color:steelblue;
		padding: 9px;
		/* width:1000px; */
	}
	 #centerbox {
    display: flex;      
    flex-wrap: wrap;       
    justify-content: center; 
    background-color: lightsteelblue;
    margin: 9px;
    padding: 9px;
}
table {
	border: 1px solid darkblue;
	margin: 9px;
	padding: 5px;
}
th, td {
	border: 1px solid darkblue;
	padding: 5px;
	margin: 2px;
}


.highlight {
	background-color: yellow;
}

	 #secondBox {
	display: block;
	margin-top: 20px;
    display: flex;      
    flex-wrap: wrap;       
    justify-content: center; 
    background-color: lightsteelblue;
    margin: 9px;
    padding: 9px;
}

#tableContainer {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 100%; 
}

#tableContainer table {
    flex: 1 1 400px;    
    min-width: 300px;     
    max-width: 100%;     
    box-sizing: border-box;
}

#glossaryContainer {
	flex: 1 1 100%; 
	display: flex;
	flex-wrap: wrap;
	 flex-direction: column; 
}
td {
	background-color: lightsteelblue;
}

#glossaryContainer table {
    flex: 1 1 400px;    
    min-width: 300px;     
    max-width: 100%;     
    box-sizing: border-box;
}
	.imgbox {
		flex-grow: 1; 
		flex-basis: 300px; /* base size */
		background-color:lightsteelblue;
		margin: 9px;
		}

	.logo {
		width:100%;
	}
	#centeredtitle {
		text-align: center;	font-size: 36pt; 
		color: white; background-color: steelblue;
	}
	#galleryBox {
		flex-grow: 1; 
		flex-basis: 300px;
	text-align: center; 
	}
	.centerFigure {
    width: 200px;         
    margin: 10px;        
    text-align: center;  
}

.centerFigure img {
    width: 100%;           
    height: auto;         
    display: block;     
}
.navbar {
  background-color: #333;
  padding: 10px;
  display: flex;           /* enable flexbox */
  justify-content: space-around; /* spread items evenly */
  align-items: center;     /* vertically center links */
}

.navbar a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

.navbar a:hover {
  text-decoration: underline;
}

#glossaryContainer td:first-child {
    font-weight: bold;
}