body {
  font-family: Vedana, Arial, Helvetica, sans-serif;
  color: #1f296f;
  margin-left: 20px;
  margin-right: 20px;
}

h2 {
  margin-left: 15px;
  color: #ee2922;
}

h3 {
  margin-left: 15px;
  color: #ee2922;
}

h4 {
  margin-left: 15px;
  line-height: 20%;
}

#leftSideBarShort {

  /* default background colour, for all layout engines that don't implement gradients */
  background: #1f296f;

  /* gecko based browsers */
  background: -moz-linear-gradient(top, #1f296f, #916a0d);

  /* webkit based browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#1f296f), to(#916a0d));

  height: 750px; /* gradient uses the full height of the element */

  position: absolute;
  top: 0px;
  left: 0px;
  width: 100px;
}

#rightSideBarShort {

  /* default background colour, for all layout engines that don't implement gradients */
  background: #1f296f;

  /* gecko based browsers */
  background: -moz-linear-gradient(top, #1f296f, #916a0d);

  /* webkit based browsers */
  background: -webkit-gradient(linear, left top, left bottom, from(#1f296f), to(#916a0d));

  height: 750px; /* gradient uses the full height of the element */

  position: absolute;
  top: 0px;
  left: 800px;
  width: 100px;
}

#topCentre {
  background: white;

  position: absolute;
  top: 0px;
  left: 100px;
  width: 800px;
}

#contentPane {
  background: white;

  position: absolute;
  top: 300px;
  left: 10%;
  width: 80%;
}

#topImage {
  position: absolute;

  top: 20px;
  left: 5%;
  height: 200px;

  border-style: ridge;
  border-color: #916a0d;
  border-width: 3px;
}

#mapImage {
  position: absolute;

  top: 20px;
  left: 550px;

  border-style: ridge;
  border-color: #916a0d;
  border-width: 3px;
}

#textPosition {
  position: absolute;
  margin-left:10px;

  top: 20px;
  left: 200px;
}

