.people {
  position: relative;
}

/*
.people:after,
.people ul:after, ul.people:after,
.people li:after { 
/* Tony Aslett's CSS float clearing * /
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
*/

.people ul, ul.people { 
  margin-left: 0px;
  padding-left: 0px;
  list-style-type: none;
}
.people li { 
  margin-left: 0px;
  padding-left: 0px;
}

.people .position {
  clear: left;
}

.people li .name.real {
  float: right;
}

.people .name {
  padding: 0px 0.2em;
}

.people .dots {
/*
  float: left;
*/
  position: relative;
  border-bottom: 2px dotted black;
  margin: auto 0.5em;
  height: 0.9em;
  display: block;
  text-align: right;
  clear: both;
}

.people .dots.twoline { 
  margin-bottom: 1.5em;
}

.people .dots.threeline { 
  margin-bottom: 2.5em;
}

.people .dots.threeline .name.real {
  height: 3.5em;
}

.people .dots.twoline .name.real.line,
.people .dots.threeline .name.real.line {
  height: 1.1em;
  clear: right;
  display: block;
/* pushes multiline entries down below underlined text
   Not needed for IE.
 */
  padding-bottom: 0.1em; 
}

.line1 { z-index:50; }
.line2 { z-index:49; }
.line3 { z-index:48; }
.line4 { z-index:44; }

.line2+.bio, .line2+.bio+.bio, .line2+.bio+.bio+.bio {
  top: 1.1em;  
}
.line3+.bio, .line3+.bio+.bio, .line3+.bio+.bio+.bio {
  top: 2.2em;  
}

.people .name {
  background: white;
  height: 1.1em;
}

.people span.position {
  float: left;
}
.people .dots {
  margin-bottom: 0.2em;
}