/*The blue equates to Pantone 284 C, the old colour was #5fabff*/

body {
  font-family: 'Helveticaneue-light', 'Helvetica', 'Arial', sans-serif;
}

a {
  text-decoration: none;

}

#TitleBox {
  width: 99.8%;
  background-color: #dddddd;
  padding: 3px;
  border: 1px solid #bbbbbb;
}

#MainTitle {
  color: #6cace4;
}

#topStripe {
  background-color: #6cace4;
  height: 20px;
  width: 100%;
}

#middleStripe {
  height: 35px;
}

#bottomStripe {
  width: 100%;
  background-color: #888888;
  height: 40px;

}

.container {
  width: 99%;
  min-height: 800px;
}

.p1 {
  font-size: 0.8em;
  color: #eeeeee;
}

.p2 {
  font-size: 1.25em;
}

#MainContentHome {
  /* background-image: url("images/leith.jpg"); */
  width: 100%;
  height: 470px;
  background-size: cover;
  background-position: bottom;
  color: #ffffff;
  padding: 3px;
}

#MainContentCV {
  width: 100%;
  /*height: 470px;*/
  /*color: #ffffff;*/
  padding: 3px;
}


#MainText {
  width: 75%;
  background-color: #565656;
  opacity: 0.65;
  padding: 10px;
}

#contactContainer {
  padding: 20px;
}

.container {
  padding: 2px;
}

.MenuPane {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}

.MenuItem {
  /*flex-grow: 1;*/
  height: 75px;
  /*flex-basis: 30%;*/
  flex: 0 30%;
  min-width: 300px;
  color: #eeeeee;
  background-color: #6cace4;
  margin: 20px;
  border: 1px;
  border-style: solid;
  border-color: #777777;
  font-size: 2em;
}

.MenuItem:hover {
  background-color: #5eaacc;
}

.CleanList {
  list-style-type: none;
}

td {
  vertical-align: text-top;
}