body {background-color:#DCDCDC;
width:100%;}

p {margin-left:50px;
	font-family:"Airal", Airal, sans-serif;
	  font-size:18px;
	  margin-right: 18px;}

p3 {margin-left:50px;
  font-family:"Airal", Airal, sans-serif;
    font-size:16px;
    padding-bottom: 6px;
    line-height: 26px;}  
	  

h1 {font-family:"Airal", Airal, sans-serif;
  text-align:center;
  font-size:30px;}

h2 {font-family:"Airal", Airal, sans-serif;
  margin-left:5px;
  font-size:20px;}
  
h3 {margin-left:50px;
  font-family:"Airal", Airal, sans-serif;
    font-size:16px;
    font-weight: normal;
    }  

.title1
	{color:black;
	text-align:center;
	border:1px solid black;
	background:silver;
	font-family:"Airal", Airal, sans-serif;
	font-size:15px;
	width:60px;}
	
.title2
	{color:black;
	padding-left:5px;
	text-align:left;
	border:1px solid black;
	background:silver;
	font-family:"Airal", Airal, sans-serif;
	font-size:15px;
	width:150px;}	

.Year
	{color:black;
	text-align:center;
	padding-left:4px;
	border:1px solid black;
	white-space:normal;
	background:white;
	font-family:"Airal", Airal, sans-serif;
	font-size:15px;
	}
	
.Location
	{color:black;
	padding-left:4px;
	text-align:left;
	border:1px solid black;
	background:white;
	font-family:"Airal", Airal, sans-serif;
	font-size:15px;
	}
	
.Location2
	{color:black;
	padding-left:4px;
	text-align:left;
	border:1px solid black;
	background:white;
	font-family:"Airal", Airal, sans-serif;
	font-size:12px;
	}	
	
div.desc
  {
  text-align:left;
  font-weight:normal;
  font-family:"Airal", Airal, sans-serif;
  width:500px;
  margin:4px;
  font-size:16px;
  }
  
  div.desc2
  {
  text-align:left;
  font-weight:bold;
  font-family:"Airal", Airal, sans-serif;
  width:auto;
  margin:30px;
  font-size:20px;}
  
  div.desc3
  {margin-left:40px;
  font-family:"Airal", Airal, sans-serif;
    font-size:16px;
    font-weight: normal;
    line-height: 28px;
    padding-right: 8px;
    }  

div.img
  {
  margin:20px 50px;
  height:auto;
  width:33.33%;
    text-align:center;
      }
  
div.img img
  {
  display:inline;
  margin:12px;
  width:150px;
  -webkit-box-shadow: 7px 7px 5px rgba(46, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(46, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(46, 50, 50, 0.75);
   }
  
  ul.a
  {
		list-style-type:disc;
		font-weight:bold;
		font-family:"Airal", Airal, sans-serif;
		font-size:20px;	
		}
  
  ul.b
  {
		list-style-type:disc;
		font-weight:normal;
		font-family:"Airal", Airal, sans-serif;
		font-size:16px;
		}
		
caption {font-family:"Airal", Airal, sans-serif;
	text-align:center;
	padding-bottom:4px;}



table {
	display: block;
	float: left;
	width: 800px;
	border: 3px;
	margin-top:20px;
        margin-right:80px;
        margin-bottom:50px;
        margin-left:30px;
	border-collapse:collapse;
}

td
	{padding-top:3px;
	padding-right:2px;
	padding-left:2px;
	color:black;
	font-style:normal;
	font-family:Arial;
	vertical-align:bottom;
	white-space:nowrap;
	font-size:14px}
	
.gallery-container {
  /* Apply Flexbox to the main container of the figures */
  display: flex;
  gap: 20px; /* Space between the figure elements */
  justify-content: center;
  align-items: center;
}

.gallery-container figure {
  /* Ensure each figure takes up equal space */
  flex: 1;
  margin: 0; /* Remove default margin from the figure element */
  text-align: center; /* Center the caption text */
}

.gallery-container img {
  /* Ensure image fills the figure container */
  max-width: 100%;
  height: auto;
  /* Add space between image and caption */
  margin-bottom: 10px; 
}

.gallery-container figcaption {
  /* Style your captions */
  font-size: 16px;
  font-family: Arial;
  color: Black;
  padding: 5px 0;
}
