@import "default.css";

#middle h1 { margin: 0; }
#middle h2 { margin: 0; font-size: 14pt; font-weight: bold; }

#middle p {
  margin: 0; padding: 0; padding-left: 20px;
}

#middle p.spaced {
  margin-top: 10px; margin-bottom: 10px;
}

#middle div.clientlist {
  display: block; width: 350px; float: left;
  margin: 20px 0px 10px 15px; background: #fff;
}

#middle div.clientlist h1 {
  background: #ddd; font-weight: bold; margin-bottom: 5px;
}

.list1{ border-bottom: 3px solid #800000;}
.list2{ border-bottom: 3px solid #669933;}
.list3{ border-bottom: 3px solid #004080;}

#middle .clientlist p {
 font-size: 12pt; line-height: 16pt;
}

div.sparsepage {
  height: 200px; 
}

#middle a.external, #middle a.external:visited { 
  display: block; float: left; width: 160px; height: 20px; 
  font-size: 10pt; background: #800000; color: #fff; font-weight: bold; text-decoration: none; 
  padding: 4px; margin: 4px; text-align: center;
}

#middle a.external:hover, #middle a.external:active { 
  display: block; float: left; width: 160px; height: 20px; 
  font-size: 10pt; background: #600000; color: #eee;
}

#middle div { display: block; margin: 0; padding-right: 20px;}
#middle .left {float: left;}
#middle .right {float: right;}

#middle div.imageleft { 
 margin-left: 30px; padding: 5px;
 background: #ddd;
 display: block;  
 float: left;
 }

#middle div.imageright { 
 margin-right: 30px; padding: 4px;
 background: #ddd;
 display: block; 
 float: right;
 }

#middle img {
  display: block; border: 1px solid #000;
}

#middle div.imageleft p.imagecaption,  #middle div.imageright p.imagecaption{
  font-weight: bold; font-size: 10pt; margin: 4px 0 0 0; padding: 0; text-align: left;
}