.serviceTitle {
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 200%;
  color:green;
}

.countdown {
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 150%;
  color:brown;
}
	
body {
  background-color: white;
  font-family: Arial;
  font-weight: normal;
  font-size: 125%;
  text-decoration: none;
  color:black;
}


h1 {
  color: navy;
  margin-left: 20px;
}

//footer not working?
footer {
  background-color:137a43;
  color: white;
  border: none;
  margin: 20px;
  padding: 20px;
  font: Segeo UI , sans-serif ;
}

.button {
  background-color: #00DB72;
  border: color $FFFFFF;
  background-image: none; 
  color: black; 
  font: Segeo UI , sans-serif ;
  xfont-family: inherit;
  font-weight: bold;
  font-size: 19px; 
  padding: 15px 30px; 
  border-radius: 10px; 
  cursor: pointer; 
  text-shadow: none; 
  text-align: center;
  display: inline-block; 
  float: none; 
  transition-duration: 0.2s;
  width: 250px;
}
.button:hover {
  background-color: #FFFF66; /* Green */
  border: color BLACK;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  color: BLACK;
}

.buttonnonbold {
  background-color: #00DB72;
  border: color $FFFFFF;
  background-image: none; 
  color: black; 
  font: Segeo UI , sans-serif ;
  xfont-family: inherit;
  font-weight: normal;
  font-size: 16px; 
  padding: 15px 30px; 
  border-radius: 10px; 
  cursor: pointer; 
  text-shadow: none; 
  text-align: center;
  display: inline-block; 
  float: none; 
  transition-duration: 0.2s;
  width: 250px;
  height: 78px;
}
.buttonnonbold:hover {
  background-color: #FFFF66; /* Green */
  border: color BLACK;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  color: BLACK;
}

.buttonlong {
  background-color: #00DB72;
  border: color $FFFFFF;
  background-image: none; 
  color: black; 
  font: Segeo UI , sans-serif ;
  xfont-family: inherit;
  font-weight: bold;
  font-size: 19px; 
  padding: 15px 30px; 
  border-radius: 10px; 
  cursor: pointer; 
  text-shadow: none; 
  text-align: center;
  display: inline-block; 
  float: none; 
  transition-duration: 0.2s;
  width: 500px;
}
.buttonlong:hover {
  background-color: #FFFF66; /* Green */
  border: color BLACK;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  color: BLACK;
}

.buttonr {
  background-color: #FFFF66; /* Green */
  border: color $FFFFFF;
  background-image: none; 
  color: black; 
  font: Segeo UI , sans-serif ;
  xfont-family: inherit;
  font-weight: bold;
  font-size: 19px; 
  padding: 15px 30px; 
  border-radius: 10px; 
  cursor: pointer; 
  text-shadow: none; 
  text-align: center;
  display: inline-block; 
  float: none; 
  transition-duration: 0.2s;
  width: 350px;
}
.buttonr:hover {
  background-color: #00DB72;
  border: color BLACK;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  color: BLACK;
}

.tithely-give-button {
  background-color: #00DB72;
  border: color $FFFFFF;
  background-image: none; 
  color: black; 
  font: Segeo UI , sans-serif ;
  xfont-family: inherit;
  font-weight: bold;
  font-size: 19px; 
  padding: 15px 30px; 
  border-radius: 10px; 
  cursor: pointer; 
  text-shadow: none; 
  text-align: center;
  display: inline-block; 
  float: none; 
  transition-duration: 0.2s;
  width: 250px;
}
.tithely-give-button:hover {
  background-color: #FFFF66; /* Green */
  border: color BLACK;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  color: BLACK;
}

.button1 {
  background-color: #E7E7E7; 
  border: color #FFFFFF;
  background-image: none; 
  color: black; 
  font: Segeo UI , sans-serif ;
  xfont-family: inherit;
  font-weight: bold;
  font-size: 19px; 
  padding: 12px 15px; 
  border-radius: 10px; 
  cursor: pointer; 
  text-shadow: none; 
  text-align: center;
  display: inline-block; 
  float: none; 
  transition-duration: 0.2s;
}
.button1:hover {
  background-color: #00DB72; /* Green */
  border: color BLACK;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  color: BLACK;
}

.button2 {
  background-color: #E7E7E7; 
  border: color #FFFFFF;
  background-image: none; 
  color: black; 
  font: Segeo UI , sans-serif ;
  xfont-family: inherit;
  #font-weight: bold;
  font-size: 19px; 
  padding: 12px 15px; 
  border-radius: 10px; 
  cursor: pointer; 
  text-shadow: none; 
  text-align: center;
  display: inline-block; 
  float: none; 
  transition-duration: 0.2s;
  width: 450px;
}
.button2:hover {
  background-color: #00DB72; /* Green */
  border: color BLACK;
  color: BLACK;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}



.buttonbulletin {
  background-color: #FFFF66;
  border: color $FFFFFF;
  background-image: none; 
  color: black; 
  font: Segeo UI , sans-serif ;
  xfont-family: inherit;
  font-weight: bold;
  font-size: 19px; 
  padding: 12px 15px; 
  border-radius: 10px; 
  cursor: pointer; 
  text-shadow: none; 
  text-align: center;
  display: inline-block; 
  float: none; 
  transition-duration: 0.2s;
}
.buttonbulletin:hover {
  background-color: #00DB72; /* Green */
  border: color BLACK;
  color: BLACK;
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}




<style>
a:link {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: black;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: Blue;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: yellow;
  background-color: transparent;
  text-decoration: underline;
}

table.introheadertable {
background: url("backgroundpurple.png");
}

</style>