body {
  width:80%;
  margin:8px auto;
  padding:0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* tab styles */
#tabrow {
 margin:auto 0;
 padding-left:1ex;
 min-width:800px;
 font-size:small;
 letter-spacing:0.3pt;
 line-height:1;
 height:24px;
}

#tabrow ul {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  z-index:2;
}

#tabrow li {
  float:left;
  background-color:#000;
  color:#fff;
  margin-right:5px;
  padding:5px;
  border-radius:5px 5px 0 0;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius:5px 5px 0 0;
  border-top:solid #000 1px;
  border-left:solid #000 1px;
  border-right:solid #000 1px;
  border-bottom-width:0;
  border-bottom-color:transparent;
  cursor:pointer;
}

#tabrow li.select {
 background-color:#fff;
 color:#000;
 height:14px;
}

#tabrow li:hover {
 background-color:silver;

}

/* page styles */
#topbox, #midbox {
  width:100%;
  border-radius:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#topbox {
  background-color:#fff;
  border: solid #000 1px;
  margin-bottom:2em;
}
#midbox {
  border: solid #000 1px;
  background-color:#fff;
}
#midbox p {
  margin:0;
  padding-bottom:1ex;
}
h1, h2 {
  color:#333;
  font-family:serif;
}

h1 {
  font-size:130%;
}

h2 {
  font-size:120%;
}

h1, #topbox h2 {
  margin:0 15pt;
  padding: 5pt 0;
}
div.subpage {
  padding:1em;
}
/* styles for the demo sub-pages */

.demo p {
  padding: 5px;
/*  border:dashed #2f4f4f 1px; */
}