.allcontent {
  width: 1000px;
  padding-top: 0px 10px;
  margin: 0px 10px;
background-color: white;
  margin-left: auto;
  margin-right: auto;
}


body {
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: black;
  background-color: silver;
  padding: 0px, 0px, 0px, 0px;
  margin: 0px, 0px, 0px, 0px;
}


#Header {
  position: relative;
  display: block;
  text-align: center;
  margin: 0px;
  Padding: 0px;
  width: 1000px;
  border: none;
  background-color: white;
  /*font size 0 at header make it so no gap between header and nav*/
    font-size: 0px;
}

#NavMenu {

  display: block;
  overflow: hidden;
  text-align: center;
  margin: 0px;
  Padding: 0px;
  width: 1000px;
  border: 2px solid black;
  border-width: 2px 0px;
  border-top-width: 1px;
  border-bottom-width: 3px;
  background-color: white;
  color: black;
/* makes it so that there is no spacing between li button and top */
  font-size: 0px;
  z-index: 99;
}

/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) 
the + means that the next one must be immediately after original. so content following sticky
https://www.geeksforgeeks.org/what-does-the-plus-sign-css-selector-mean/*/
.sticky + .content {   
  padding-top: 48px;
}




/* NEW NAV */
/* NEW NAV */
/* NEW NAV */
/* The navigation menu */
.navbar {
  overflow: hidden;
  background-color: white;
  border-top : 1px solid black;
  border-bottom : 5px solid black;
}

#centering_div {
  text-align: center;
  margin: auto;

}
/* Navigation links */
.navbar a {

  float: left;

  font-size: 16px;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: black;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  border-left: 1px solid black;
}

/* Add a red background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #532F64;
  color: white;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  margin: auto;
  background-color: #532F64;
  z-index: 2;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
  height: 100%;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
  text-align: center;

}

/* NEW NAV END */
/* NEW NAV END */
/* NEW NAV END */









/*Page title styling*/
.PageTitle {
Display: block;
text-align: center;
  font-size:36px;
  color: black;
  text-align: center;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-weight: bold;

  border: none;
  /* sets header position relative to heading and content below*/
    Padding: 0px 5px;
    Margin: 0px 0px;
    Margin-Top: 50px;
    line-height: normal;
}


/* Home Page Styling */
#msgboard {
  border: 2px solid black;
  width: 800px;
  Margin-left: auto;
  margin-right: auto;
  position: relative;
  border: 4px solid white;
  box-shadow: 0px 0px 5px 2px #ccc;
  text-align: center;
}
#msgboardcontent {
  background: white;
  text-align: center;
  margin: 40px;
}

#interns2022 {
  width: 600px;
  Margin-left: 75px;
}


#spotlight {
  border: 2px solid black;
  width: 800px;
  Margin-left: auto;
  margin-right: auto;
  position: relative;
  border: 4px solid white;
  box-shadow: 0px 0px 5px 2px #ccc;
  background-image: url("Images/Index/Confetti.jpg");
  text-align: center;
}
#spotlightcontent {
  background: white;
  text-align: center;
  margin: 40px;
}

table {
  background: white;
  margin: 20px;
  border: 1px solid black;


}
td {
  padding: 5px;
  background: white;
  text-align: left;
}

p {
  padding: 0px 10px;
}
h1 {
  padding: 0px 10px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}
h2 {
  padding: 0px 10px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}
h3 {
  padding: 0px 10px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}

#Chairman {
  border: 2px solid black;
  width: 600px;
  padding-left: 0px;
  Margin-left: auto;
  margin-right: auto;
  position: relative;
  border: 10px solid white;
  box-shadow: 0px 0px 5px 2px #ccc;
}
.chairheader {
  font-size: 20px;
  font-weight: bold;
}

#HistPic {
  border: none;

}

#History {
    border: none;
    height: 400px;
      Padding: 5px 10px;
}

#Pic {
    border: none;
  Margin: 10px 10px;
      float: left;
}

/*END Home Page Styling*/

#Footer {
/*display in line removes weird line breaks when organizing with div
but then can't format because it collapses*/
  clear: both;
  display: inline;
  background-color: White;
  border-style: none;
  border-color: black;

  font-size: 12px;
  text-align: center;

}
#Footer p {
  border-top-style: solid;
  border-width: 1px;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
  background-color: white;
    clear: both;
}

#camocontain {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: 90px;
  background: rgb(254, 196, 9);
  color: rgba(19, 35, 47);
  border-radius: 15px;
margin: auto;
}
.camo_item {
  border-left: 1px solid white;
  height: 100%;
  width: 100%;

}

.camo_item0 {
  border: 1px solid green;
    width: 100%;
    height: 100%;
    background: rgba(19, 35, 47);
    color: white;
    border-radius: 15px 15px 15px 15px;
}
.camo_item1 {

  width: 95%;
  height: 100%;
  background: rgba(19, 35, 47);
  color: white;
  border-radius: 15px 0px 0px 15px;

}

#camo_head {
/*object-fit: cover; */
height: 30%;
transform: translate(0%, 50%);
padding: 2.5%;
}
.camo_img {
  height: 30%;
  float: left;
  padding: 7px;
}


.camo_text {
  padding: 2px;
}

.camo_link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

#camo_btn {
  position: relative;
    top: 50%;
left: 0%;
  -ms-transform: translate(12%, -50%);
  transform: translate(12%, -50%);

  color: rgba(19, 35, 47);
  text-emphasis: bold;
  border: 3px solid rgba(19, 35, 47);
  padding: 10px;
  border-radius: 15px;
}