/* ====== THIS CSS FILE IS ASSOCIATED WITH INDEXrbcPhotoGalleries.html === */
body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #333333;
  color: #f1f1f1;
    font-size: 14px; 
    text-align: justify;
    margin: 10px;
/* RBC added (top, right, bottom, left) */
    padding: 10px 50px 75px 150px; 
}
a, a:hover {
  color: #f1f1f1;
}
table {
border: 10px;
width: 100%;
table-layout: fixed;
}
td {
  border: 0;
  width: 200px;
}
td+td {
  width: auto;
}
/* =============STICKY HEADER=============  */
/* https://www.w3schools.com/howto/howto_js_sticky_header.asp */
.top-container {
  background-color: #333333;
  color: #f1f1f1;
/*  padding: 30px; */
  text-align: center;
}

.header {
  padding: 10px 16px;
  background: #333;
  color: #f1f1f1;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
/*  padding-top: 102px; */
}

/* ============= COLLAPSED SIDEPANEL (HAMBURGER MENU)============= */
/* @ https://www.w3schools.com/howto/howto_js_collapse_sidepanel.asp */
 /* The sidepanel menu */
.sidepanel {
  height: 200px; /* Specify a height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0;
  left: 0;
  background-color: #333333; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
  text-align: left;
}

/* The sidepanel links */
.sidepanel a {
  padding: 8px 8px 8px 32px; /* ORG 8px 8px 8px 32px; */
  text-decoration: none;
  font-size: 18px; /* org 25px */
  color: #f1f1f1;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
  color: YELLOW;
}

/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 24px; /* org 36px */
  margin-left: 50px;
}

/* Style the button that is used to open the sidepanel */
.openbtn {
  font-size: 36px; /* org 28px */
  cursor: pointer;
  background-color: #333333;
  color: white; 
  padding: 10px 15px;
  border: none;
}

.openbtn:hover {
  background-color: #444;
}

/* ============ THIS IS FOR THE ALBUM THUMBNAILS  ============ */
.imgThumb {
  border: 2px solid;
  color: #f1f1f1;
  background-color: #333333;
  border-radius:  20px;       /* Add rounded corners */
  padding: 5px;
  width: 150px;
} 
.describe {
  color: #cccccc;
  text-align: justify;
    margin: 10px 180px 30px 180px;
}
/* ============STICKY FOOTER===============  */
/* How To Create a Fixed Footer */
/* https://www.w3schools.com/howto/howto_css_fixed_footer.asp */
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 70%;
  background-color: #333333;
  color: #f1f1f1;
  font-family: Georgia, Times, serif;
  font-style: italic;
  font-size: 11px;
  text-align: center;
}