Setting Validate Copy Format

#pageArea {
  max-width: 1050px;
  margin: 0px auto 0px auto;
  padding: 134px 0px 0px 0px;
  display: block;
  background-image:url("/images/common/centered-page-bg.jpg");
  background-repeat: no-repeat;
  background-position: 0% 12%;
  
  min-height: 667px;
  z-index: 1;
  overflow: hidden;
  position: relative;
}
.colPad {
  padding: 0px 15px 0px 15px;
}
.rowSidepanel {
  width: 60%;
  
}

aside {
  float: right;
  padding: 1%;
  width: 27%;
  margin: 0% 0px 20px 0px;
  background-color:#000;
  color: white;
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* For IE8 and earlier */
}
@media all and (max-width : 799px) {
  
  #sidebar {
    width: 99%;
    padding: 1% 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-top: 3px solid #dc1b20;
    background-color: #FFF;
    color: black;
  }
}

Setting Validate Copy Format

<div id="pageArea">
    <div class="colPad">
      <aside id="sidebar">
        <div class="sidepanelArea"> Sidepanel </div>
      </aside>
      <div class="rowSidepanel"> 
      <!-- InstanceBeginEditable name="main content" -->
        <div class="breadCrumb"> <a href="/">Home</a> <span style="font: Georgia;"> > </span> Repertoire</div>
        <h1>Repertoire</h1>
        <p class="introPara">Intro</p>
        <p>Main content....</p>
        <!-- InstanceEndEditable --> 
       </div>

    </div>
  </div>
  <div class="clearBoth"></div>

Copy Format

Download