body {
   font-size: 1.1em;
   background-color: #336;
   color: #ff9; 
/*   background-image: url(./sun_transparent_bg_135w.gif);
  background-repeat: repeat-y;
 background-position: left top;
 background-attachment: fixed; */
/*   background-image: url(./white_tile.gif); */
  background-image: url(./coffecup.gif); 
   margin: 0.1em; 
  }

  .inleft { margin: 20px 20px 20px 150px; }

  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; } 

  .banner {
   width: 90%;
   font-size: 1.1em;
   color: #CC3333;
   text-align: center;
   margin: 0.25em; 
  }


  .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;  } 




 .inset {
  width: 80%;
margin-top: 60px;
margin-left: auto;
margin-right: auto;

  text-align: center;
  }

  .here {
     color: white;
     background: blue;
  }


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



  .menugroup { text-align: center;  font-weight: bold; font-size: 120%;  padding-top: 0.5em; }

  .item { margin: 0.1em;  font-weight: bold;
  }

  .ingredients { margin: 0.1em; 
  }


  .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;  font-weight: bold; }

  .nav {
    width: 95%;
    font-family: Arial, Helvetica, sans-serif;
  /*  font-size: 80%; */
   background-color: #fdd;

 
    color: #336;
    text-align: center;
    margin: 0.5em;
    border: 1px solid blue;
   }


  img { margin: 0.15em; }

  div { clear: both; }



 /*   font-variant: small-caps; */ 


  .footer {
    width: 95%; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
    font-weight: bold; 
    color: #cf6;
    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: #ff9; }
  A:link { text-decoration: none; font-size: 1em; color: #ff9; }
  A:visited { text-decoration: none; font-size: 1em; color: #cfc; }
  A:active { text-decoration: none; font-size: 1em; color: lime; }