.IE5IsQuirky1 { /* WinIE 5.0 gets wierd without something after font-family hack */
}

h1, p, ol {
  text-align: left;   /* fix alignment from above kludge */
}
.thumbs {             /* container for all thumbs */
  width: 500px;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: auto;       /* correctly center block element */
  padding: .5em;
  color: #000;
  background-color:red;
  overflow: hidden;
  text-align: center;
}
.thumbs ul {
  margin: 0;
  padding: 0;
}
.thumbs li {        /* test these rules with various fonts, may need adjusting */
  height: auto;    /* high enough for image plus 2-line caption */
  width: 185px;     /* 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: 1px solid #DCDCDC;
  text-align: center;
  padding: .3em;
  margin: .5em;
  font-family: inherit;
  height: auto;
  font-size:80%;
  background-color:White;
}
.IE5IsQuirky2 { /* WinIE 5.0 gets weird without something after font-family hack */
}
.thumbs img {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  height: auto;       /* 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: 0;
  border: 1px solid #B4B4B4; 
}

.img2 {          /* image resized in ems to maintain proportions */
  display: block;      /* prevent text from flowing on the side */
  height: 20px;       /* 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: 0;
  border: 1px solid #B4B4B4;
}

hr {                   /* see note about hr in HTML below */
  clear: both;
  height: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
}