/*

This style sheet is for the image gallery-style thumbnails of
images used on pages such as the Cake Ordering page, where
many thumbnails of images are shown and made clickable.
It emulates a table without all the mess :)

*/

/* This one is for the floated images of Cakes and Cookies */
div.float {
  float: left;
  width: 120px;
  height: 120px;
  text-align: center;
  border:1px solid #ccc;
  margin:10px 5px 0px 5px;
  padding: 0;
  background-color:#FFFFFF;
  }
  
/* Dis one here be for the Contest Winners page because they are of a different height */  
#contests div.float {
  float: left;
  width: 120px;
  height: 180px;
  text-align: center;
  border:1px solid #ccc;
  margin:10px 5px 0px 5px;
  background-color:#FFFFFF;
  }
  
div.float p {
   text-align: center; 
   font-size: 10px;
   margin: 3px;
   width: 110px;
      }

div.float img {margin:2px;}
   
/* hide this from IE5 Mac \*/
div.spacer {
  clear: both;
  }
  
  /* end hide */
  
.lebox  {background-color: #eee;text-align:center;margin: 0px; padding:5px;border: 1px solid #CCC;}