body {
    font-family: Arial, Helvetica, sans-serif;
 
   color: #ccf;
   background-color: #030; 
   background-image: url(./bgtile.gif);
/*   background-image: url(./white_tile.gif); */

   margin: 0.1em; 
  }

  li { margin: 0.25em; }

  li { font-size: 0.9em; }

  dt { margin: 0.5em; }

  img { margin: 0.15em; }

 .table, tr, td { background-color: transparent; background-image: none; } 

 .copy pre { font-size: 1.2em; }


  .info {
 /*  background-color: white;
   background-image: none; */
   font-size: 1.1em;
   text-align: center;
   margin: 0.25em; 
  }

 /* .banner img { width: 100%; height: auto; } */

 h1.bigred {  font-size: 3em;
   color: #CC3333;

   text-align: center;
/*   line-height: 85%; */
 margin: 0.25em;  }


 h2.bigred {  font-size: 2em;
   color: #CC3333;

   text-align: center;
 /*  line-height: 85%; */
 margin: 0.25em;  } 



 h3.bigred {  font-size: 1.5em;
   color: #CC3333;

   text-align: center;
/*   line-height: 85%; */
 margin: 0.25em;  } 


  .menu_group {font-size: 120%;  padding-top: 0.5em; }

  .info_row: { font-size: 80%; }


  .menu_row td { line-height: 80%; }

  .menu_hotrow td { line-height: 80%; color: red; }

  .number { text-align: right; }

  .price { text-align: right;  padding-left: 1em; }



  .footer {
    width: 95%; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-weight: bold; 
    color: #333366; 
    text-align: center;
    margin: 0.5em;
  }

/* if needed, this order: top right bottom left */

  .lefty { float: left;  margin: 0.5em; }

  .righty { float: right;  margin: 0.5em; }

 .clear_both { clear: both; }

  .gray { color:gray; background-color: silver; }

  A  { text-decoration: none; font-size: 1em;  color: #cff; }
  A:link { text-decoration: none; font-size: 1em; color: #cff; }
  A:visited { text-decoration: none; font-size: 1em; color: #ffc; }
  A:active { text-decoration: none; font-size: 1em; color: #fcf; }