body {
  background-color: #81927f;
}
#header {Position: absolute; left: 50%; width: 615px; margin-left: -315px; background-color: #81927F;}
#content {Position: absolute; top: 100px; left: 50%; width: 600px; margin-left: -315px;}
#content {background-color: white; padding: 15px;}
#footer {position: absolute; top: 680px; background-color: #81927F; }
h1 {color: #FFDE84; height: 8px;}
hr {height: 2px;}
ul {display: inline; padding: 8px; margin: 8px;}
li {position: relative; float: left; margin: 8px;}
dt {color: gray;}
dd {font-family: papyrus;}
p {font-family: papyrus;}

/** This css recreates the glory of 1996 <blink> tag */
.blink {
  animation: 1s linear infinite blink_effect;
}
@keyframes blink_effect {
  0% { 
    visibility: hidden;
  }
  50% {
    visibility: hidden;
  }
  100% {
    visibility: visible;
  }
}

.headfoot {
	font-family: papyrus;
	font-size: small;
	color: black;
}

.welcome {
	padding: 30px;
	font-family: papyrus;
	font-size: large;
	color: blue;
}

.arrowLink {
  position: absolute;
  display: inline-block;
  width: auto;
  height: 50px;
  background: url(img/space.gif) no-repeat 0% 15%;
  background-size: 35px 35px;
}

.arrowLink:hover {
  background: url(img/ringbg.gif) no-repeat 0% 15%;
  background-size: 35px 35px;
}

.link {
  position: relative;
  left: 45px;
}

/** 
👇🏽 Adjust the top and left coordinates for arrowLinks 1-6 to reposition main links on home page
*/

.arrowLink1 {
  top: 25px;
  left: 100px;
}
.arrowLink2 {
  top: 75px;
  left: 125px;
}
.arrowLink3 {
  top: 125px;
  left: 140px;
}
.arrowLink4 {
  top: 175px;
  left: 150px;
}
.arrowLink5 {
  top: 225px;
  left: 158px;
}
.arrowLink6 {
  top: 275px;
  left: 159px;
}
.arrowLink7 {
  top: 325px;
  left: 157px;
}

a {
  color: #ffde84;
  font-family: Georgia;
  font-style: bold;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
}

.logo {
  font: bold 40px Courier New;
  color: #dfe8b1;
}
#page1 {
  float: right;
  margin-right: 25px;
}

.pic1 {
  position: absolute;
  top: 158px;
  left: 313px;
}
/* .link1 {
  position: absolute;
  top: 156px;
  left: 373px;
} */
.pic2 {
  position: absolute;
  top: 207px;
  left: 357px;
}
.link2 {
  position: absolute;
  top: 205px;
  left: 417px;
}
.pic3 {
  position: absolute;
  top: 256px;
  left: 383px;
}
.link3 {
  position: absolute;
  top: 254px;
  left: 443px;
}
.pic4 {
  position: absolute;
  top: 305px;
  left: 394px;
}
.link4 {
  position: absolute;
  top: 303px;
  left: 454px;
}
.pic5 {
  position: absolute;
  top: 354px;
  left: 385px;
}
.link5 {
  position: absolute;
  top: 352px;
  left: 445px;
}
.pic6 {
  position: absolute;
  top: 403px;
  left: 378px;
}
.link6 {
  position: absolute;
  top: 401px;
  left: 438px;
}
.pic7 {
  position: absolute;
  top: 452px;
  left: 333px;
}
.link7 {
  position: absolute;
  top: 450px;
  left: 393px;
}