body {
  background-image: url(Images/Backgrounds/red_fancy.jpg);
  color: white;
  font-family:'bungee';
  border: 0px solid;
  border-color:#800813;
  padding: 0px 20px 20px 20px;
  height:auto;
  margin-top: 0%;
  margin-left: 20%;
  margin-right: 10%;
  margin-bottom: -10%
  }

  .sidenav {
  width: 256px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #380014;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding: 20px 0px 20px 20px;
  border: 4px outset;
  border-color:#800813;
  padding: 20px 20px 20px 20px;
  height:89%;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 1%;
}

  .sidenav2 {
  width: 256px; /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
  background-color: #380014;
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  border: 4px outset;
  border-color:#800813;
  padding: 20px 20px 20px 20px;
  height:89%;
  margin-top: 1%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 1%;
}

/*i dont know what this does*/
  .sidenav a {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 200%;
  color: #3DCC46;
  display: block;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #A820AD;
}

  .bordersimple {
  text-align: center;
  color: #FFFFFF;
  font-size: 200%;
  border: 4px outset;
  border-color:#BB64BC;
  width: 50%; /* Set the width of the sidebar */
  top: 0; /* Stay at the top */
  background-color: #69448E;
  padding-top: 25px; /* padding around the text */
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 25px;
  margin: 15.5%;
  margin-top: 5%;
  margin-bottom: 5%
}

  #bordercurly { 
  border: 30px solid transparent;
  padding: 10px;
  border-image: url(images/sitewide/bordercurly.png) 30 round;
}

  #borderspike { 
  border: 30px solid transparent;
  padding: 0px;
  border-image: url(images/sitewide/border.png) 30 round;
}