#Title a
{
  text-decoration: none;
  color: black;
  
}
#body
{
  min-height: 100vh;
  display:flex;
  flex-direction: column;
}
/* Header CSS */
#Top
{
  width: 100%;
  color: #424874;
  margin: 0 auto;
  background-color: #87ceeb;
  float: left;
  display: flex;
  font-size:3vh;
  padding-bottom:1vh;
}  
#Title
{
  padding-left: 5vw;
  flex: .4;
  font-weight: 600;
}
#Links
{
  padding-right: 5vw;
  flex: .5;
  float:left;
  margin: 0 auto;
  align-self: center;
  font-size: 3vh;
  background-color:#87ceeb;
}
#navbarNavDropdown
{
  white-space: nowrap;
  font-weight:500;
}
.dropdown:hover>.dropdown-menu {
  display: block;
  background-color: #87ceeb;
  border-style: none;
}
.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

/* Main Page Content divided into 4 parts: top,middle,bottom,footer*/
#MainContent
{
  width: 70%;
  float: left;
  margin: 0 auto;
  padding:1vh;
  min-height: 100vh;
  display:grid;
}
/* Left Portion */
#Left
{
  flex: 1;
  max-width: 100%;
  float:left;
  margin:0 auto;
  display:block;
  padding:1vh;
  order:3;

}
.flyerpic 
{
  display:inline-block;
  width:30%;
}
.flyerpic img
{
  width: 100%;
  height:auto;
  margin: 0 auto;
  padding:1vh;
}
/* Center Portion */
#Center
{
  width:100%;
  float:left;
  margin: 0 auto;
  display:block;
  padding:1vh;
  order:1;

}

/* Right Portion */
#Right
{
  width:100%;
  float:left;
  margin: 0 auto;
  display:block;
  padding:1vh;
  order:2;
}
/* Bottom Portion */

/* Footer Portion */
footer
{
  width: 100%;
  padding-top: 1vw;
  margin:0 auto;
  float:left;
  text-align: center;
  color: rgb(0,0,0);
  background-color: #87ceeb;
  font-size: 3vh;
  line-height: 100%;
  border-radius: 0 2% 0 0 ;
  position:relative;
  bottom:0;
 }