body { background-color:#eee; color:#000; margin:4px; padding:0; font-family: sans-serif; font-size:16px; font-size:90%; }
a { color:#33f; }
ol li { padding-bottom:8px; }
ul li { margin-left:0px; }

.menu-item { color:#000; float:left; height:100%; width:33%; padding-left:10px;
			 font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; 
			 box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.menu-item-sel { border-bottom:6px solid #1DCACC; }
.menu-item-separator { float:left; width:1px; margin-top:4px; height:60%; border-left:1px solid #BBBBBB; }
.hidden { display:none; }

#menu { background:#eee; width:100%; height:10%; clear:both; padding-top:10px; }
#page-text { clear:both; padding:4px; }



dl {
  width: 96%;
  margin: 0 auto 10px;
  padding: 0;
  }
  
dt {
  margin: 5px 0;
  padding: 8px 10px 8px 20px;
  font-size: 1.4em;
  font-weight: bold;
  background-color: #eee;
  color: #000;
  cursor: pointer;
  border: 2px solid black;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -wekit-border-radius: 8px;
  }
  
dt span {
  color: #fff;
  float: right;
  margin: 0;
  padding: 0 8px 0 12px;
  background-color: #28c;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
  
dt a {
  color:#000;
}