.thumbs li 
{
list-style-type: none;
margin-bottom: .5em;
}
.thumbs img 
{
vertical-align: middle;
}

@media screen, projection {
/* exploit a parsing bug so rules will be visible to MacIE5 */
.BeNiceToMacIE5 
{
font-family: "\"}\"";
font-family: inherit;
}

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

.thumbs body 
{
text-align: center; /* kludge to center block elements in WinIE */
}

h1, p, ol 
{
text-align: left;   /* fix alignment from above kludge */
}

.thumbs 
{
width: 518px;    /* an explicit width is required for WinIE, or it screws up badly */
margin: 0;       /* correctly center block element */
padding: 9px;
background-image:url(../images/BKG_is.gif);
color: #000;
overflow: hidden;
text-align: center;
}

.thumbs ul 
{
margin: 0;
padding: 3px 0 0 0;
}

.thumbs li 
{
height: 10.8em;    /* high enough for image plus 2-line caption */
width: 92px;       /* 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 */
text-align: center;
padding: .2em;
margin: .3em;
font-family: "\"}\""; /* hide correct dimensions from WinIE 5.x */
font-family: inherit;
}

.thumbs li a 
{
color: #990000; 
text-decoration: none;
font-size: 12px;
font-weight: bold;
}

.thumbs li a:hover
{
color: #990000; 
text-decoration: underline;
font-size: 12px;
font-weight: bold;
}

.IE5IsQuirky2 
{ /* WinIE 5.0 gets weird without something after font-family hack */
}

.thumbs img 
{
display: block;      /* prevent text from flowing on the side */
text-align: center;  /* center for IE */
margin: 0 auto .1em auto; /* center for non-IE */
padding: 0;
}

hr 
{
clear: both;
height: 0;
margin: 0;
overflow: hidden;
visibility: hidden;
}

} /* end media rules */