.wbc {position:relative; height: 320px;} 
.wb {border: 0px solid lime; float:right; right:0; bottom:0; clear:right; padding:0 } 
.wb0 {width: 1px; height: 50px;} 
.wb1 {width: 260px; height: 40px;} 
.wb2 {width: 326px; height: 40px;} 
.wb3 {width: 346px; height: 45px;} 
.wb4 {width: 425px; height: 40px;} 
.wb5 {width: 468px; height: 62px;} 
.wb6 {width: 603px; height: 32px;}
ul.widespaced { padding-left:0.5em;}
ul.widespaced li { margin: 1em;}

h1 { font-size: 22pt; margin: 0.2em}
h2 { font-size: 14pt; font-weight: normal; margin: 0.2em}


.infomain { 
  float: left;  
  width: 560px;
}

.infoside { 
  float: left;
  margin-left: 20px;
  width: 170px;
}

.infoside div {
  margin: 0.8em 0 2em 0;
}

.infoside h2 {
  margin: 0 0 0.3em 0;
  font-size: 12pt;
  font-weight: bold;
}

.infoside p {
  margin: 0.3em 0;
}

.infoside ul {
  margin: 0;
  padding: 0 1.3em;
}

#notebookexample_thumb {
  display: block;
  margin: 0.5em auto;
  width: 140px;
}