/* testing */

DIV.base-layer {
  color: #000000;
  margin: 0.5em 12px 0.5em 12px;
  padding: 0; text-align: left; width: auto;
}

DIV.table-row {
  color: #000000;
  margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;
  padding: 0; text-align: left; width: auto;
}

/* Style rules for the 3 x 2 table example */
TD.leftbox{
	width:300px;
}

DIV.leftbox {
  float: left; margin-left: 0; padding:0px; width: 100%;
  background-color:#eee;border:1px solid #aaa;
}
DIV.leftbox h4{
  background-color:#66cdaa;
  color:white;
  margin-bottom:0px;
  padding-left:5px;
  font-size:120%;
  margin-top:0;
}
DIV.leftbox li{
  margin: 0px 0px 0px -20px;
}
DIV.leftbox ul{
  margin-top:5px;
}
DIV.leftbox p{
  margin: 0;
  padding-left:5px;
  padding-right:5px;
}
DIV.leftbox a{
  color:#444;
  text-decoration:underline;
}
DIV.boxtop{
  border-bottom:1px solid #66cdaa;
}


TD.rightbox{
  width:190px;
}
DIV.rightbox {
  float: right; margin: 0; padding: 0; width: 100%;
  background-color:#eee;border:1px solid #aaa;
  margin-bottom:5px;
}

DIV.rightbox h4{
  background-color:#ee33ee;
  color:white;
  margin-bottom:0px;
  font-size:120%;
  margin-top:0;
}
DIV.rightbox p {
  padding-left:5px;
  padding-right:5px;
}

TD.highlightrightbox{
  width:190px;
}
DIV.highlightrightbox {
  float: right; margin: 0; padding: 0; width: 100%;
  margin-bottom:5px;
  background-color:lightyellow;border:1px solid #aaa;
}

DIV.highlightrightbox h4{
  background-color:#ee33ee;
  color:lightyellow;
  margin-bottom:0px;
  font-size:120%;
  margin-top:0;
}
DIV.highlightrightbox p {
  padding-left:5px;
  padding-right:5px;
}