body {
  background-color: rgb(13, 34, 115);
  background-image: url("../img/Border_Squares.png");
  background-repeat: no-repeat;
  width: 99%;
  height: 99%;
}
a {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #3F48CC;
}
.topLeft {
  font: 45px helvetica bold;
  color: #FAFAFA;
  text-shadow: -3px 3px 3px #000000;
  width: 45%;
  height: 100px;
  text-align: right;
  /* border: 1px solid red; */
  /*        top    right  bottom   left      */
  padding: 50px 0px 0px 0px;
}
.bottomRight {
  /* border: 1px solid red; */
  font: 45px helvetica bold;
  color: #FAFAFA;
  text-shadow: -3px 3px 3px #000000;
  width: 740px;
  height: 180px;
  text-align: right;
  padding: 55px 0px 0px 0px;
}
.topLeft:hover {
  color: #000000;
}
.bottomRight:hover {
  color: #000000;
}
.title {
  /* border: 1px solid red; */
  font: 50px helvetica bold;
  color: #FAFAFA;
  text-shadow: -3px 3px 3px #000000;
  width: 100%;
  height: 60px;
  text-align: center;
  margin-top: 45px;
}
.bodyContainer {
  width: 99%;
  /* border: 1px solid green; */
  text-align: center;
}
.sc {
  /* border: 1px solid red; */
  display: inline-block;
  width: 25%;
  height: 85px;
  font: 28px helvetica bold;
  line-height: 32px;
  color: #FFFFFF;
  text-shadow: -3px 3px 3px #000000;
  padding-top: 18px;
}
.sc:hover {
  line-height: 32px;
  color: #3F48CC;
  font: 30px helvetica bold;
  padding-top: 13px;
}
.sc:active {
  font: 28px helvetica bold;
  color: #3F48CC;
  text-shadow: -2px 2px 2px #000000;
}
.lc {
  /* border: 1px solid black; */
  display: inline-block;
  width: 25%;
  height: 85px;
  font: 28px helvetica bold;
  line-height: 32px;
  color: #FFFFFF;
  text-shadow: -3px 3px 3px #000000;
  padding-top: 18px;
}
.lc:hover {
  line-height: 32px;
  color: #3F48CC;
  font: 30px helvetica bold;
  padding-top: 13px;
}
.lc:active {
  font: 28px helvetica bold;
  color: #3F48CC;
  text-shadow: -2px 2px 2px #000000;
}
.vp {
  /* border: 1px solid green; */
  display: inline-block;
  width: 25%;
  height: 85px;
  font: 28px helvetica bold;
  line-height: 32px;
  color: #FFFFFF;
  text-shadow: -3px 3px 3px #000000;
  padding-top: 18px;
}
.vp:hover {
  line-height: 32px;
  color: #3F48CC;
  font: 30px helvetica bold;
  padding-top: 13px;
}
.vp:active {
  font: 28px helvetica bold;
  color: #3F48CC;
  text-shadow: -2px 2px 2px #000000;
}
.ls {
  /* border: 1px solid gray; */
  display: inline-block;
  width: 25%;
  height: 85px;
  font: 28px helvetica bold;
  line-height: 32px;
  color: #FFFFFF;
  text-shadow: -3px 3px 3px #000000;
  padding-top: 18px;
}
.ls:hover {
  color: #3F48CC;
  font: 30px helvetica bold;
  padding-top: 13px;
}
.ls:active {
  font: 28px helvetica bold;
  color: #3F48CC;
  text-shadow: -2px 2px 2px #000000;
}
.bodytext {
  padding-left: 45px;
  padding-right: 45px;
  /* border: 1px solid blue; */
  width: 90%;
  font: 14px helvetica bold;
  color: #3F48CC;
}
.dlText {
  /* border: 1px solid black; */
  width: 100%;
  text-align: center;
  font: 22px helvetica bold;
  color: #FFFFFF;
  text-shadow: -3px 3px 3px #000000;
}
.dlText:hover {
  font: 24px helvetica bold;
  color: #3F48CC;
}
.dlText:active {
  font: 22px helvetica bold;
  color: #FFFFFF;
  text-shadow: -2px 2px 2px #000000;
}
img.ezs {
  width: 15%;
  height: 15%;
  /* border: 1px solid green; */
}
img.lcl {
  width: 50%;
  height: 50%;
}
img.vpk {
  width: 22%;
  height: 22%;
}
img.lks {
  width: 10%;
  height: 10%;
}






.hr {
  /* border: 1px solid blue; */
  display: inline-block;
  width: 25%;
  height: 85px;
  font: 28px helvetica bold;
  line-height: 32px;
  color: #FFFFFF;
  text-shadow: -3px 3px 3px #000000;
  padding-top: 18px;
}
.hr:hover {
  line-height: 32px;
  color: #3F48CC;
  text-shadow: -3px 3px 3px #000000;
  font: 30px helvetica bold;
  padding-top: 13px;
}
.hr:active {
  font: 28px helvetica bold;
  line-height: 32px;
  color: #3F48CC;
  text-shadow: -2px 2px 2px #000000;
}
.sub {
  color: #3F48CC;
  padding-top: -20px;
  font: 10px arial bold;
  text-shadow: none;
  line-height: 11px;
  
}
.bd {
  /* border: 1px solid blue; */
  display: inline-block;
  width: 25%;
  height: 85px;
  font: 28px helvetica bold;
  line-height: 32px;
  color: #FFFFFF;
  text-shadow: -3px 3px 3px #000000;
  padding-top: 18px;
}
.bd:hover {
  line-height: 32px;
  color: #3F48CC;
  text-shadow: -3px 3px 3px #000000;
  font: 30px helvetica bold;
  padding-top: 13px;
}
.bd:active {
  font: 28px helvetica bold;
  line-height: 32px;
  color: #3F48CC;
  text-shadow: -2px 2px 2px #000000;
}
.as {
  /* border: 1px solid blue; */
  display: inline-block;
  width: 25%;
  height: 85px;
  font: 28px helvetica bold;
  line-height: 32px;
  color: #FFFFFF;
  text-shadow: -3px 3px 3px #000000;
  padding-top: 18px;
}
.as:hover {
  line-height: 32px;
  color: #3F48CC;
  text-shadow: -3px 3px 3px #000000;
  font: 30px helvetica bold;
  padding-top: 13px;
}
.as:active {
  font: 28px helvetica bold;
  line-height: 32px;
  color: #3F48CC;
  text-shadow: -2px 2px 2px #000000;
}
.sq {
  display: inline-block;
  width: 25%;
  height: 85px;
  font: 28px helvetica bold;
  line-height: 32px;
  color: #FFFFFF;
  text-shadow: -3px 3px 3px #000000;
  padding-top: 18px;
}
.sq:hover {
  line-height: 32px;
  color: #3F48CC;
  text-shadow: -3px 3px 3px #000000;
  font: 30px helvetica bold;
  padding-top: 13px;
}
.sq:active {
  font: 28px helvetica bold;
  line-height: 32px;
  color: #3F48CC;
  text-shadow: -2px 2px 2px #000000;
}