.content {/* style grouping for content divs */
  margin: 2.5em 3%;
  font: 1em Georgia, Palatino, Serif; 
  padding: 1.5em;
  border: 8px groove  #c0c0c0;
  background: #f5f5f5;
  }
  
  h1.float-left {/* header element float */
  float: left;
  width: 9em;
  margin: 0 0.2em 0 0;
  background: #eee8aa;
  border-right: 2px dotted #cd853f;
  border-bottom: 2px dotted #cd853f;
  }

  p.top {/* after header margin adjustment */
  margin-top: 0;
  padding: 0.2em;
  border-top: 3px dotted #696969;
  background: #ffffe0;
  }
  
  h2.float-right {/* header element float */
  float: right;
  width: 9em;/* em width variance by element*/
  margin: 0 0 0 0.2em;
  padding-left: 0.2em;
  background: #454B74;
  border-left: 2px dotted #2e8b57;
  border-bottom: 2px dotted #2e8b57;
  }

  p.default-margin {
  margin-top: ;/* undeclared default margin */
  padding: 0.4em;
  border-top: 3px dotted #696969;
  background: #f0fff0;
  }

  span.cap-g {
  float: left; 
  font-size: 1.7em;
  padding: 0 0.15em;
  margin: 0 0.15em 0 0; 
  background: #90ee90;
  border: 3px outset #2e8b57;
  }
  
  span.cap-blue {
  float: left; 
  font-size: 1.7em;
  padding: 0 0.15em;
  margin: 0 0.15em 0 0; 
  background: #454B74;
  border: 3px outset #000000;
  }
  
    span.cap-white {
  float: left; 
  font-size: 1.7em;
  font-color: #454B74;
  padding: 0 0.15em;
  margin: 0 0.15em 0 0; 
  background: #FFFFFF;
  border: 3px outset #000000;
  }
  
  span.cap-r {
  float: left; 
  font-size: 1.7em;
  padding: 0 0.15em;
  margin: 0 0.15em 0 0; 
  background: #ff0000;
  border: 3px outset #000000;
  }
  
  blockquote.float-left {/* floats in content div */
  float: left;
  width: 13.5em; /* "em size" is element dependent */
  padding: 0.5em;
  margin: 0 0.5em 0 0;
  color: #00008b;
  background: #b0c4de;
  border-right: 2px dotted #4169e1;
  border-bottom: 2px dotted #4169e1;
  }

  blockquote span.cap-g {/* floats in blockquote */
  float: left;
  font-size: 1.7em;
  padding: 0 0.15em;
  margin: 0 0.15em -0.5em 0; /* negative bottom margin */
  color: #b22222;
  background: #90ee90;
  border: 3px outset #2e8b57;
  }

  blockquote > p {/* control mozilla paragraph margin */
  margin: 0 0 0.5em 0;
  }

  blockquote.float-left strong {
  color: #000080;
  }

  blockquote.float-left em {
  color: #800080;
  }

  p.after-blockquote {
  padding: 0.4em;
  border-top: 3px dotted #696969;
  background: #CCCCCC;
  }
  
  span.cap-g, span.cap-o,
  span.cap-p, span.cap-y {/* type class grouping */
  float: left; /* grouped shared styles */
  font-size: 1.7em;
  padding: 0 0.15em;
  margin: 0 0.15em -0.5em 0; 
  border: 3px outset #2e8b57;
  }

  span.cap-g {/* type class */
  background: #90ee90;
  }

  span.cap-o {/* type class */
  background: #ffa500;
  }

  span.cap-p {/* type class */
  background: #dda0dd;
  }

  span.cap-y {/* type class */
  background: #ff0;/* hex color shorthand */
  }

  em[title]:hover {/* attribute selector pseudo-class */
  background: #ffc;/* Opera - Moz supported */
  cursor: help;/* matches all em elements */
  }/* that specify the "title" attribute */

  pre:hover {/* arbitrary element hover */
  background: #ffd700 url(dido02.jpg) right top no-repeat;
  /* Opera - Moz supported */
  }
  
  .test {
	position: static;
	visibility: visible;
	right: 700px;
}