/* Container holding the image and the text */
 a.navJS:link, a.navJS:visited {
	color: #0000ff;
	font-weight: bold;
	font-size: 32px;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

a.navJS:hover, a.navJS:active {
    color: #cccccc;
	font-weight: bold;
	font-size: 32px;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	}

.containerJS {
  position: relative;
  text-align: center;
  color: black;
  font-size:32px;
  font-weight: bold;
}

/* Bottom left text */
.bottom-leftJS {
  position: absolute;
  bottom: 8px;
  left: 16px;
}
.REJS {
  position: absolute;
  bottom: 40px;
  left: 48px;
}
.GeographyJS {
  position: absolute;
  bottom: 40px;
  left: 200px;
}
.ArtJS {
  position: absolute;
  bottom: 40px;
  right: 60px;
}
.ForeignLanguagesJS {
  position: absolute;
  bottom: 15px;
  right: 16px;
}
.MusicJS {
  position: absolute;
  bottom: 40px;
  right: 200px;
}

/* Top left text */
.top-leftJS {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-rightJS {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-rightJS {
  position: absolute;
  bottom: 8px;
  right: 16px;
}
.DTJS {
  position: absolute;
  bottom: 40px;
  right: 100px;
}
.ScienceJS {
  position: absolute;
  bottom: 40px;
  left: 80px;
}
.PEJS {
  position: absolute;
  bottom: 30px;
  left: 80px;
}
.ComputingJS {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translate(-50%);
} 
.LinkZeroJS {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%);
} 
.LinkZeroArtsJS {
  position: absolute;
  top: 7%;
  left: 50%;
  transform: translate(-50%);
    width: 600px;
	  	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
} 
.LinkZeroSTEMJS {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%);
  width: 600px;
    	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
} 

.LinkZeroEnglishJS {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%);
  width: 600px;
    	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
} 

.LinkZeroMathsJS {
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%);
  width: 600px;
    	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
} 


.LinkZeroHWCJS {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
    	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	line-height:28px;
} 
.LinkOneJSAH_Five {
  position: absolute;
  top:23%;
  left: 50%;
  transform: translate(-50%);
}
.LinkTwoJSAH_Five {
  position: absolute;
  top: 38%;
  left: 50%;
  transform: translate(-50%);
}
.LinkThreeJSAH_Five {
  position: absolute;
  top: 53%;
  left: 50%;
  transform: translate(-50%);
}
.LinkFourJSAH_Five {
  position: absolute;
  top: 68%;
  left: 50%;
  transform: translate(-50%);
}
.LinkFiveJSAH_Five {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%);
} 









.LinkOneJS {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%);
} 
.LinkTwoJS {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%);
} 
.LinkOneJSPE {
  position: absolute;
  top: 34%;
  left: 50%;
  transform: translate(-50%);
} 
.LinkThreeJS {
  position: absolute;
  top: 77%;
  left: 50%;
  transform: translate(-50%);
  line-height:28px;
} 
.LinkFourJS {
  position: absolute;
  top: 300px;
  left: 50%;
  transform: translate(-50%);
} 
.LinkFiveJS {
  position: absolute;
  top: 370px;
  left: 50%;
  transform: translate(-50%);
} 

.HistoryJS {
  position: absolute;
  bottom: 40px;
  left: 54%;
  transform: translate(-50%);
} 
.PSHEJS {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate(-50%);
} 
/* Centered text */
.STEMJS {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.EnglishJS {
  position: absolute;
  top: 30%;
  left: 23%;
  transform: translate(-50%, -50%);
  	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.MathsJS {
  position: absolute;
  top: 30%;
  left: 75%;
  transform: translate(-50%, -50%);
  	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
} 

.ArtsHumsJS {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
} 

.HWCJS {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 600px;
	color: #3300FF;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
} 
.centeredJS {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}