html { 
  background: url('images/GolfShu1BG.jpg') no-repeat fixed center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  }
h1{
	color: #ffffff;
}
body{
	color: #ffffff;
	margin-top:150px
	
}
.auto-style1 {
	font-family: "Comic Sans MS";
	font-style: italic;
}


#centerTable{
	align: center;
	width: 400px
	
}

a:link {
	color: yellow;
	background-color: transparent;
    text-decoration: none;
}
a:visited {
  color:  orange;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}
.navbar {
  overflow: hidden;
  background-color: #008000;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index:inherit;
}

.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 12px;
}

.navbar a:hover {
  background: #008000;
  color: yellow;
}

.main {
  padding: 16px;
  margin-bottom: 30px;
  height: 1500px; /* Used in this example to enable scrolling */
}
.button {
  background-color: 008000; /* Green */
  border: 2;
  color: white;
  padding: 10px 42px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button1 {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);