/**********************************************/
/* Two column layout. Body is container,      */
/* abstract is shaded to the left, main is    */
/* plain to the right. Header and footer fill */
/* out the design. "standard" is used for     */
/* pages that don't have a sidebar.           */
/**********************************************/

#body {
  position: relative;
  padding: 1ex;
  background: #CCCCFF;
}
#abstract {
  position: absolute;
  top: 0;
  left: 0;
  width: 20ex;
  padding: 2ex 1ex;
}
#main {
  margin-left: 21ex;
  padding: 1ex;
  background: white;
}

#standard {
  padding: 1ex;
  background: white;
}

#float {
  float: left;
  width: 40ex;
  padding: 1ex 1ex;
  margin: 0 2ex 2ex 0;
  background: #CCCCFF;
}

#footer {
  clear: all;
}

/**********************************************/
/* Tags to work with above scheme.            */
/**********************************************/

body {
  background: white;
  color: black;
  font-family: sans-serif;
}

hr {
  border: 0;
  padding: 0;
  height: 0.5ex;
  background: #CCCCFF;
}

h1 {
  text-align: left;
  border-bottom: 0.5ex solid #CCCCFF;
}

p, hr, h1, h2, h3, h4 {
  margin: 1ex, 0ex;
}

a:link {
  color : #6666CC;
}

a:visited {
  color : #CC99CC;
}

a:hover {
  color: white;
  background-color: #CCCCFF;
}

pre {
  border: solid #EEEEFF;
  padding: 1ex;
  color: black;
  background-color: #EEEEFF;
  font-size: 0.9em;
  font-family: monospace;
}

dt {
  font-weight: bold;
}

img.left {
  position: relative; /* required by IE */
  float: left
}
img.right {
  position: relative; /* required by IE */
  float: right
}