html, body
{
  height: 100%;
}


A.visible
   {
   font-size:120%;
   font-weight:110
   }

.captiontable, .captiontable TD, .captiontable TH
{
font-size:10pt;
}


.boldtable, .boldtable TD, .boldtable TH
{
font-family:serif;
font-size:25pt;

}

table,  td, th
{
max-width:60em;
}

.person {
display: inline-block;
width: 200px;
height: 300px;
overflow: hidden;
text-align: center;
margin-top:20px;
margin-bottom:10px;
position: relative;
vertical-align:top;
}

.person img{
height:200px;
 display:block; 
margin: 0 auto;
}

.person_container{width:140px;position:relative; height: 200px; overflow:hidden; margin-left:auto;margin-right:auto;margin-top:10px;margin-bottom:8px;box-shadow: 0px 0px 10px  #aaaaaa;
}

.person_centerer{width:500px;position:absolute;left:50%;top:0;margin-left:-250px;}

<!--

CLASS="visible"
put in each link to make more visible

put in each table row below figure

<tr CLASS="captiontable">



<LINK REL=STYLESHEET HREF="mwstyles.css" TYPE="text/css">
(add to top of each page)
-->