html, body {
	font-family: 'Roboto', sans-serif;
	background-color: #333333;
}
p {
 text-align: left;
 hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 -o-hyphens: auto;
 -webkit-hyphens: auto;
}

a {
	width:150px;
}

.text {
	 color:#808080;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #333333;
  color: #cccccc;
  text-align: center;
  padding:5px;
  font-size:12px;
  font-weight:bold;
}

.box1 {
  background-color: #E8E8E8;
  border-left: 5px solid #f37a4c;;
}

.box2 {
  background-color: #E8E8E8;
  border-left: 5px solid #0D3063;
}

.box3 {
  background-color: #E8E8E8;
  border-left: 5px solid #1C4279;
}

.box4 {
  background-color: #E8E8E8;
  border-left: 5px solid #31568D;
}

.box5 {
  background-color: #E8E8E8;
  border-left: 5px solid #4D6FA0;
}

.box7 {
  background-color: #FFFFFF;
  border-left: 5px solid #ff0000;
}

.box8 {
  background-color: #f0f0f0;
  border-left: 5px solid #ff0000;
}

.box9 {
  background-color: #E8E8E8;
  border-left: 5px solid #0062b6;
}

.box10 {
  background-color: #E8E8E8;
  border-left: 5px solid #ff0000;
}

.box11 {
  background-color: #FFFFFF;
  border-left: 5px solid #052048;
}
.box12 {
  background-color: #FFFFFF;
  border-left: 5px solid #0D3063;
}
.box13 {
  background-color: #FFFFFF;
  border-left: 5px solid #1C4279;
}
.box14 {
  background-color: #FFFFFF;
  border-left: 5px solid #31568D;
}

.box15 {
  background-color: #FFFFFF;
  border-left: 5px solid #4D6FA0;
}

.innerbox {
	padding:20px;
}

.vid {
	position: relative;
	padding-bottom: 48%;
	padding-top: 30px; height: 0; overflow: hidden;
}

.vid iframe,
.vid object,
.vid embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}