body {
  margin:0;
  border:0;
  padding:0;
  height:100%;
  max-height:100%;
  background:#eee;
  font-family:arial, verdana, sans-serif;
  font-size:75%;
  overflow: hidden;
}

#header {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:106px;
  overflow:auto;
  background:#ccffff;
  color:#090;
  border-bottom: 4px solid #eee;
}
#header img {
  float:left;
}
#header h1 {
  color: #090;
}

span.version {
  float:right;
  font-size:80%;
  font-weight: bold;
}

#footer {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:48px;
  overflow:auto;
  text-align:right;
  background:#cfc;
  border-top: 2px solid #090;
}

#contents {
  position:fixed;
  top:110px;
  left:0;
  bottom:50px;
  right:0;
  overflow:auto;
  background:#fff;
  padding: 1em;
}

/* for internet explorer */
* html body {
  padding:110px 0 50px 0;
}
* html #contents {
  height:100%;
  width:100%;
}

ol.exampleTOC li span {
  font-weight: bold;
}

/* Chamfer Borders*/
.chamfer {
  background: transparent;
  width:85%;
  margin:0 auto;
  text-align:center;
}
.chamfer .top, .chamfer .bottom {
  display:block;
  background:transparent;
  font-size:1px;
}
.chamfer .b1, .chamfer .b2, .chamfer .b3, .chamfer .b4, .chamfer .b5 {
  display:block;
  overflow:hidden;
  height:1px;
  background:#eca;
  border-left:1px solid #000;
  border-right:1px solid #000;
}
.chamfer .b1 {
  margin:0 5px;
  background:#000;
}
.chamfer .b2 {
  margin:0 4px;
}
.chamfer .b3 {
  margin:0 3px;
}
.chamfer .b4 {
  margin:0 2px;
}
.chamfer .b5 {
  margin:0 1px;
}
.chamfer .boxcontent {
  display:block;
  border:1px solid #000;
  margin: 1em 0;
}