ul{ /* list element in the nav*/
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	background-color: #333333;
}

li a{ /*creates a nav bar that fits style of page*/
	float:left;
	display:block;
	padding:16px;
	text-align:center;
	text-decoration:none;
	color:white;
}

li a:hover{ /*show which link is selected in stylish manner*/
	background-color: #111111;
}

footer{
	position:absolute;
	bottom:-100px;
	right:10px;
	font-size: 9pt;
}

.sidefigure{
  position: absolute;         
  width: 250px;            
  max-width: 40%;          
  height: auto;            

 
	top:75px;
	right:50px;
	background-color: #111111;
	border-style:solid;
	border-color:#111111;
	border-width:8px;
	color:white;
}
.sidefigure img{
  width: 100%;
  height: auto;
  display: block;
}
.side-figure figcaption {
  font-size:8pt;
  color:white;
}
      
#img2{
	position:absolute;
	right:50px;
	top:75px;
	width:350px;
	font-size:8pt;
	background-color: #111111;
	color:white;
	border-style:solid;
	border-color:#111111;
	border-width:10px;
}
body{
	background-color:#F2F0EF;
}

article{
	width: 700px;
	background-color:gray;
	color:white;
	border-style: solid;
	border-color: #111111;
	border-width: 3px;
	padding-left: 10px;
	padding-right:10px;
	font-size: 13pt;
}
#gallery{
  margin:0 auto;
  text-align: center;
}
#gallery-article{
  margin:0 auto;
  text-align: center;
}
h1{
	background-color:#333333;
	text-align:center;
}

#band{
	position: absolute;
	left: 175px;
	bottom:-150px;
	border-style: solid;
	background-color: white;
}
td{ /* to keep the pictures in the slideshow as close together as possible */
	padding:0px;
}

#cadence{ /*positioning of the video on page 1 */
	border-style:solid;
	border-color:#111111;
	border-width:8px;
}
#video{
	position: absolute;
	right:50px;
	top:450px;
	text-align: center;
	height:180px; 
	width:316px;
}
.lightbox-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;               
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    cursor: zoom-out;
  }

  .lightbox-backdrop img {
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    box-shadow: 0 8px 30px rgba(0,0,0,0.5);
    user-select: none;
    -webkit-user-drag: none;
    transform-origin: center center;
    transition: transform 200ms ease; 
  }

  .lightbox-backdrop.show img {
    transform: scale(1);
  }