body {
 font-family: "myriad pro", tahoma, verdana, arial, sans-serif;
 font-size: 14px;
 margin: 0;
 padding: 0;
}

#columns_2 {
  columns: 2;
  column-gap: 2em;
}

#content {
 margin: 50px auto;
 max-width: 982px;
}
#imgs {
  height: auto;
  width:100%;
}

#testCenter{
  align-content: center;
  align-items: center;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#title {
  border-width: 1px;
  border-style: solid;
  border-color: red;
  font-size: 20px;
  text-align: center;
}

#title2 {
  font-size: 25px;
  text-align: center;
}

#embedPlayer{
  width:40%;
  align-content: center;
  align-items: center;
}

#list {
  list-style-type: none;
  padding: 0;
}

#navigation {
	border-right:1px solid #999;
	padding:10px 0px;
	width:145px;
}
#navigation a  {
	background:url(navigation.png);
	display:block;
	height:47px;
	text-indent:-9000px;
}

#container {
  display: table;
  height: 100%;
  width: 100%;
}

#greenLeftBorder{

  border-style: dashed;
  border-color: #80E16E;
}

#lightBlueLeftBorder{
  border-style: dashed;
  border-color: #7bebff;
}

#lightBlueLeftBorder2{
  border-style: dashed;
  border-color: #7bebff;
}

#leftMargin{
  margin:15px;
}

.left-half {

  display: table-cell;
  text-align: center;
  vertical-align: top;
  width: 49%;
  padding: 1rem;
}

.separator{
  display: table-cell;
  width: 2%;
  padding: 1rem;
}

.right-half {

  display: table-cell;
  text-align: center;
  vertical-align: top;
  width: 49%;
  padding: 1rem;
}
.tmp{
  background: #D0D0D0;
  background: #B8B8B8;
  background: #b6701e;
  background: #ff9e2c;
}
.play_icon{
  max-width: 15%;
  cursor: pointer;
}