a.bodyLink:link, a.bodyLink:visited {
  background-color: #FF6600;
  color: white;
  border: 5px solid white;
  padding: 20px 40px;
  margin-top: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  transition: background-color 1s, color 2s, border-color 0.7s;
}

a.bodyLink:hover, a.bodyLink:active {
  background-color: white;
  color: #ff6600;
  border-color: #FF6600;
  
}

a.bodyLinkOrange:link, a.bodyLinkOrange:visited {
  background-color: white;
  color: #FF6600;
  border: 5px solid #FF6600;
  padding: 20px 40px;
  margin-top: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  
  transition: background-color 2s, color 2s, border-color 2s;
}

a.bodyLinkOrange:hover, a.bodyLinkOrange:active {
  background-color: #FF6600;
  color: white;
  border-color: white;
}





/*These are the links to GO BACK WHICH ARE NCURRENTLY NOT WORKING properly */


button.NavGoBackLink, button.NavGoBackLink:link, button.NavGoBackLink:visited
{
 background-color: #FF6600;
  color: white;
  border: 5px solid white;
  padding: 20px 40px;
  margin-top: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

button.NavGoBackLink:hover, button.NavGoBackLink:active
{
  background-color: white;
  color: #ff6600;
}