body,
html {
  font-family:verdana, arial, helvetica, sans-serif;
  margin: 10px 10px;
  padding:0;
  background:#000;
  color:#fff;
  min-width: 700px;
}

a,
a:link,
a:visited,
a:active,
a:hover { 
  color: #000; 
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #d00; 
  background-color: #ff0;
}

#wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -280px;
  margin-left: -254px;
  border: 0;
  padding: 0px;
  height: 560px;
  width: 508px;
}

.preload {
  width:1px;
  height:1px;
  background-image:url('img/menu_home-glow.gif');
  background-image:url('img/menu_home.gif');
  background-image:url('img/menu_welcome-glow.gif');
  background-image:url('img/menu_welcome.gif');
  background-image:url('img/menu_activities-glow.gif');
  background-image:url('img/menu_activities.gif');
  background-image:url('img/menu_accom-glow.gif');
  background-image:url('img/menu_accom.gif');
  background-image:url('img/menu_committee-glow.gif');
  background-image:url('img/menu_committee.gif');
  background-image:url('img/menu_celeb-glow.gif');
  background-image:url('img/menu_celeb.gif');
  background-image:url('img/menu_classmates-glow.gif');
  background-image:url('img/menu_classmates.gif');
  background-image:url('img/menu_dhsmem-glow.gif');
  background-image:url('img/menu_dhsmem.gif');
  background-image:url('img/menu_medley-glow.gif');
  background-image:url('img/menu_medley.gif');
  background-image:url('img/menu_past-glow.gif');
  background-image:url('img/menu_past.gif');
  background-image:url('img/menu_yir-glow.gif');
  background-image:url('img/menu_yir.gif');
  background-image:url('img/clr.gif');
  border:0px;
  position:relative;
  top:20px;
  left:0;
}
#jukefile {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-variant: small-caps;
  line-height: 14px;
  letter-spacing: 0.11em;
  text-align: center;
  padding: 0px 2px;
  width: 116px;
  border: 0;
}

#cell1 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -122px;
  margin-left: -130px;
  padding: 0px;
  border: 0;
}

#cell2 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -122px;
  margin-left: 10px;
	padding: 0px;
	border: 0;
}

#cell3 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -64px;
  margin-left: -130px;
	padding: 0px;
	border: 0;
}

#cell4 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -64px;
  margin-left: 10px;
	padding: 0px;
	border: 0;
}

#cell5 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -130px;
	padding: 0px;
	border: 0;
}

#cell6 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: 10px;
	padding: 0px;
	border: 0;
}

#cell7 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 54px;
  margin-left: -130px;
	padding: 0px;
	border: 0;
}

#cell8 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 54px;
  margin-left: 10px;
	padding: 0px;
	border: 0;
}

#jukefiles a:link { 
  color: #000; 
	background-color: transparent;
  text-decoration: none;
}

#jukefiles a:visited { 
  color: #000; 
	background-color: transparent;
  text-decoration: none;
}

#jukefiles a:hover {
  color: #d00; 
	background-color: transparent;
  text-decoration: none;
}

#homejuke {
	border: 0;
	height: 560px;
	width: 508px;
}

#welcome {
  position: absolute;
  top: 165px;
  left: 138px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#activities {
  position: absolute;
  top: 215px;
  left: 138px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#accommodations {
  position: absolute;
  top: 263px;
  left: 138px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#committee {
  position: absolute;
  top: 308px;
  left: 139px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#yir {
  position: absolute;
  top: 350px;
  left: 139px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#classmates {
  position: absolute;
  top: 165px;
  left: 265px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#inmemoriam {
  position: absolute;
  top: 215px;
  left: 265px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#emedley {
  position: absolute;
  top: 263px;
  left: 265px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#pastreunions {
  position: absolute;
  top: 308px;
  left: 264px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#celebration {
  position: absolute;
  top: 350px;
  left: 264px;
	height: 38px;
	width: 106px;
	border: 0;
	padding: 0px;
}

#fivecents {
  position: absolute;
  top: 35px;
  left: 200px;
	height: 35px;
	width: 35px;
	border: 0;
	padding: 0px;
}

#fifty6 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 232px;
  margin-left: -84px;
	height: 30px;
	width: 55px;
	padding: 0px;
	border: 0;
}

#fifty7 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 232px;
  margin-left: -28px;
	height: 30px;
	width: 55px;
	padding: 0px;
	border: 0;
}

#fifty8 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 232px;
  margin-left: 28px;
	height: 30px;
	width: 55px;
	padding: 0px;
	border: 0;
}

#fifty9 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 232px;
  margin-left: 84px;
	height: 30px;
	width: 55px;
	padding: 0px;
	border: 0;
}

#nextbutton {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 200px;
  margin-left: 114px;
	height: 30px;
	width: 26px;
	padding: 0px;
	border: 0;
}

#prevbutton {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 202px;
  margin-left: -140px;
	height: 30px;
	width: 28px;
	padding: 0px;
	border: 0;
}

#nextlever {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -215px;
  margin-left: 1px;
	height: 30px;
	width: 110px;
	padding: 0px;
	border: 0;
}

#prevlever {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -215px;
  margin-left: -110px;
	height: 30px;
	width: 110px;
	padding: 0px;
	border: 0;
}

#jukehelp {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -260px;
  margin-left: 130px;
	height: 80px;
	width: 80px;
	padding: 0px;
	border: 0;
}

#jukehelp img {
  height: 80px;
  width: 80px;
	border: 0;
}

#jukehelp a {
  background: url(img/jukehint.gif);
  position: absolute;
}

#jukehelp a:hover {
  background: url(img/jukehelp.gif);
  position: absolute;
}

#jukehelp-wrap {
  position: absolute;
	top: 20px;
	left:20px;
	height: 480px;
	width: 550px;
	padding: 0px;
	border: 0;
}

#jukehelp-anim8 {
  position: absolute;
	top: 0px;
	left:0px;
	height: 480px;
	width: 550px;
	padding: 0px;
	border: 0;
}

#jukehelp-anim8 img{
  position: absolute;
	top: 0px;
	left:0px;
	height: 480px;
	width: 550px;
	padding: 0px;
	border: 0;
}

#jukehelp-preload {
  position: absolute;
  margin-top: 1px;
  margin-left: 575px;
	height: 1px;
	width: 1px;
}

#jukehelp-preload img{
	height: 1px;
	width: 1px;
	visibility: hidden;
	padding: 0px;
	border: 0;
}

#ret2prv {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -245px;
  margin-left: -215px;
	height: 40px;
	width: 100px;
	padding: 0px;
	border: 0;
}

#ret2prv img {
  height: 40px;
  width: 100px;
	border: 0;
}

#ret2prv a:link {
  background: url(img/back.gif);
  position: absolute;
}

#ret2prv a:visited {
  background: url(img/back.gif);
  position: absolute;
}

#ret2prv a:active {
  background: url(img/back.gif);
  position: absolute;
}

#ret2prv a:hover {
  background: url(img/ret2prev.gif);
  position: absolute;
}

#jukebox {
  position: absolute;
  top: 466px;
  left: 113px;
	height: 78px;
	width: 280px;
	border: 0;
	padding: 0px;
}

#contact {
  position: absolute;
  top: 528px;
  left: 420px;
  font-size: 90%;
  font-weight: bold;
}

#contact a {
  color: #333;
  text-decoration:none;
}


#contact a:hover {
  color: #d00;
  background-color: transparent;
  text-decoration:underline overline;
}