.thumbs {             /* container for all thumbs */
  width: 90%;         /* an explicit width is required for WinIE, or it screws up badly */
  position: relative;
}

.thumbs li {        
  width: 6em;     /* wide enough for widest image with a bit of padding */
}

#joinemail
{
  width: 95%;
  margin: auto;
}

#joinemail hr
{
  top: 3px;
  position: relative;
  visibility: visible;
}

#broadcast_img
{
  top: 5px;
  position: relative;
}

.news {             /* container for all thumbs */
  width: 95%;         /* an explicit width is required for WinIE, or it screws up badly */
  margin: auto;       /* correctly center block element */
  background-color: #FF99FF;
  color: #000;
  overflow: hidden;
  text-align: center;
}

.news ul {
  margin: 0;
  padding: 0;
}

.news li {        /* test these rules with various fonts, may need adjusting */
  list-style-type: none;
  overflow: hidden; /* do not let IE stretch the container */
  text-align: left;
  padding: .3em;
}

.news hr
{
 visibility: visible;} 

.more
{
  position: relative;
  float: right;
  left: -15px;
  top: 50px;
  color: white;
  font-weight: bold;
}

.more A:link {color: #ffffff}
.more  A:visited {color: #ffffff}
.more  A:active {color: #ffffff}
.more  A:hover {text-decoration: underline; color: black;}