.thumbs {             /* container for all thumbs */
  padding: 0em;
}

.thumbs li {        /* test these rules with various fonts, may need adjusting */
  height: 24em;    /* high enough for image plus 2-line caption */
  width: 24em;     /* wide enough for widest image with a bit of padding */
  float: left;      /* as many as can fit in window width */
  overflow: hidden; /* do not let IE stretch the container */
  border: 2px solid #FFCCFF;
  text-align: center;
  padding: .3em;
  margin: .5em;
}

.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  height: 21.5em;       /* image resolution may suffer a little, but not much */
  text-align: center;  /* center for IE */
  margin: 0 auto .3em auto; /* center for non-IE */
  padding-top: 1em;
}

li.profile
{
  border: 0;
  text-align: left;
  height: 26em;
}

.backandforth
{
  top: 10px;
  width: 75%;
  height: 35px;
  left: 60px;
  position: relative;
}

.right
{
  float: right;
  position: relative;
}

.left
{
  float: left;
  position: relative;
}

.middleContainer
{
  border-bottom: 3px solid #FFCCFF;
  height: 450px;
}

.middleBody
{
  height: 422px;
}