body {
  background-color: white;
}
button {
  background-color: LightGray;
  width: fit-content;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: .5rem;
  font-weight: bold;
  }
h3 {
  text-align: left;
  background: linear-gradient(90deg, Gold 2%, Dimgray 2%);
  color: white;
  padding-left: 5%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.lang {
  width: 98%;
  font-weight: bold;
  text-align: right;
}
.langTab:link {
  color: black;
  text-decoration: none;
}
.langTab:visited {
  color: black;
}
.linkTable{
  width: 100%;
  background-color: LightGray;
  table-layout: fixed;
}
.item1 {
  grid-area: aLevelMenu;
  background-color: LightGray;
  padding-top: 5px;
  padding-bottom: 5px;
}
.item2 {
  grid-area: header;
  color: Black;
  text-align: center;
  color: white;
  width: 100%;
}
.item3 {
  grid-area: blurb;
  background-color: White;
  text-align: center;
}
.item4 {
  grid-area: video;
  background-color: White;
}
.item5 {
  grid-area: exercise;
  background-color: White;
}
.item6 {
  grid-area: contact;
}

.grid-container {
  display: grid;
  grid-template-areas:
  'aLevelMenu aLevelMenu aLevelMenu aLevelMenu aLevelMenu'
  'header header header header header'
  'blurb blurb blurb video video'
  'exercise exercise exercise exercise exercise'
  'contact contact contact contact contact';
  grid-gap: 10px;
  padding: 10px;
  background-color: White;
}
.pageLink:link {
  color: black;
  text-decoration: none;
}
.pageLink:visited {
  color: black;
}
.pageLink:hover {
  border-bottom: solid 5px Gold;
}
.dropBML,
.dropStrat,
.dropFinance,
.dropMarket,
.dropOp {
  width: 20%;
}

.bMLbtn,
.stratbtn,
.financebtn,
.marketbtn,
.opbtn {
  /*width: 100%;*/
  background-color: LightGray;
  border: none;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: inherit;
  font-size: inherit;
  border-bottom: solid 2px LightGray;
}
.bMLMenu,
.stratMenu,
.financeMenu,
.marketMenu,
.opMenu {
  display: none;
  background-color: white;
  width: 20%;
  position: absolute;
}
.bMLMenu a,
.stratMenu a,
.financeMenu a,
.marketMenu a,
.opMenu a {
  color: black;
  text-decoration: none;
  display: block;
  padding-bottom: 2px;
  border-bottom: solid 2px white;
  width: 100%;
}
.bMLMenu a:hover,
.stratMenu a:hover,
.financeMenu a:hover,
.marketMenu a:hover,
.opMenu a:hover {
  border-bottom: solid 2px gold;
}
.dropBML:hover .bMLbtn,
.dropStrat:hover .stratbtn,
.dropFinance:hover .financebtn,
.dropMarket:hover .marketbtn,
.dropOp:hover .opbtn {
  border-bottom: solid 2px gold;
}
.dropBML:hover .bMLMenu,
.dropStrat:hover .stratMenu,
.dropFinance:hover .financeMenu,
.dropMarket:hover .marketMenu,
.dropOp:hover .opMenu {
  display: block;
}
.backBtn {
  background-color: LightGray;
  width: 10%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: .5rem;
  font-weight: bold;
  font-size: 20px;
}
.backBtnCy {
  background-color: LightGray;
  width: 15%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: .5rem;
  font-weight: bold;
  font-size: 20px;
}
.backBtn:hover {
  color: blue;
}
.dataTable1 {
  table-layout: auto;
}
.dataTable1 tr:nth-child(even) {
  background-color: #f2f2f2;
}
.dataTable1 th, td {
  border: 1px solid black;
  text-align: center;
}
.leftContact {
  float: left;
  padding-left: 5%;
}
.rightContact {
  float: right;
  padding-right: 5%;
}
.homePage {
  background-color: lightGray;
  width: 15%;
  border-radius: .5rem;
  padding: 10px;
  border: solid 1px black;
}
.homePage:link {
  color: black;
  text-decoration: none;
  font-weight: bold;
}
.homePage:visited {
  color: black;
}
.homePage:hover {
  color: blue;
}