@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Expanded');
body { 
  margin: 0;
  font-family: 'Encode Sans Expanded', sans-serif;
}
.header {
  position:relative;
  top:10px;
  height:20px;
  margin: 0px;
}
.grad {
  background: black; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left, black, red, orange, #00BB00, black); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, black, red, orange, #00BB00, black); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right,  black, red, orange, #00BB00, black); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, black, red, orange, #00BB00, black); /* Standard syntax */
  border: 1px solid black;
  height:20px;
  margin-left:300px;
  margin-right:0px;
  overflow:hidden;
}
.boxleft {
  background: black;
  width:300px;
  height:20px;
  border: 1px solid black;
  float:left;
}
.boxright {
  background: black;
  width:20px;
  height:20px;
  border: 1px solid black;
  float:right;
}
.title {
  position:absolute;
  top:0px;
  left:50px;
  height:22px;
  /*width:240px;*/
  border: 1px solid white;
  background: white;
  /*font-family: sans-serif;*/
  font-family: 'Encode Sans Expanded';
  font-size: 18px;
  text-align: center;
}
.One {
  color: red;
  margin-left:7px;
}
.Sim {
  color: orange;
}
.Perrin {
  color: #00BB00;
  font-weight: bold;
}
.Research {
  font-weight: bold;
  margin-right:7px;
}
.bodytext {
    position:relative; 
    top:150px;
    text-align:center;
    font-family: 'Encode Sans Expanded';
}