#genD{
  width: 100%;
  height : 76%;
  background-color : #FFFF00;
}
#left{
  float: left;
  background-color : #99FF66;
  width : 450px;
  height: 100%;
}

#right{
  float: right;
  background-color : #996699;
  width : 580px;
  height: 100%;
}
#vid1{
 height: 150px;
 float: left;
 width : 247px;
 background-color: #3399FF;
}
#logo{
 float: right;
 height: 150px;
 width : 303px;
 background-color: #FFFF00;
}

#text1{
 height: 100px;
 float: left;
 width : 230px;
 background-color: #CCCC66;
}
#vid2{
 float: right;
 height: 100px;
 width : 350px;
 background-color: #3399FF;
}
#graph1{
 float: left;
 width  : 230px;
 height: 202px;
 background-color : #FF6600;
}
#text2{
 float: right;
 height: 202px;
 width : 350px;
 background-color: #aaf454;
 text-align: center;
}
#graph2{
  float: left;
  width: 230px;
  height : 167px;
  background-color: #8A7586;
}
#img1{
  float: right;
  height : 167px;
  width : 350px;
  background-color: #33CC66;
}
#vid3{
  float: left;
  width: 230px;
  height : 164px;
  background-color: #FF00FF;
}
#img2{
  float : right;
  width: 350px;
  height : 164px;
  background-color: #FFFF66;
}
#mop{
  width: 450px;
  height : 580px;
  background-color: #FFFFFF;
  text-align : left;
  color : #003399;
}
#links{
  height: auto;
  width: 450px;
  background-color: #00CCFF;
  text-align : left;
}