#mainblock div.diagram{
  float:left;
  width:190px;
}

#mainblock div.instructions{
  float:right;
  padding:12px;
  margin-top:28px;
  width:250px;
  border-top:1px solid #eee3ae;
  border-bottom:1px solid #39506c;
  color:#453c09;
  background: #fff3b3 url(../images/bg_block_yellow.gif) top left repeat-x;
}



#mainblock div.listing{
  float:left;
  font-size:11px;
  line-height:30px;
  width:212px;
  padding:6px;
}

#mainblock div.featured{
  float:right;
  width:272px;
  padding:0 6px 0 6px;
}

#mainblock div.featured h2,#mainblock div.featured h3{
  text-align:center;
  margin-top:12px;
}

#mainblock div.level3{
  float:right;
  padding:12px;
  width:248px;
  margin-bottom:12px;
  border-top:1px solid #eee3ae;
  border-bottom:1px solid #39506c;
  color:#453c09;
  background: #fff3b3 url(../images/bg_block_yellow.gif) top left repeat-x;
}


#mainblock div.level2{
  padding:12px;
  width:200px;
  line-height:16px;
  border-top:1px solid #efefef;
  border-bottom:1px solid #ccc;
  color:#000;
  background-color: #fcfcfc;
  margin-bottom:12px;
}

/* below are for the examples on the program page */

#mainblock div.level3ex{
  padding:12px;
  margin-bottom:12px;
  border-top:1px solid #eee;
  border-bottom:1px solid #39506c;
  color:#000;
  background-color: #fff;
}

#mainblock div.level2ex{
  padding:12px;
  line-height:16px;
  border-top:1px solid #efefef;
  border-bottom:1px solid #ccc;
  color:#000;
  background-color: #fcfcfc;
}