/*
body { background-color: #D0D0A0; margin: 0; padding: 0; }
body { background-color: #727835; margin: 0; padding: 0; }
body { background-color: #eae9ce; margin: 0; padding: 0; }
body { background-color: #ffd37f; margin: 0; padding: 0; }
*/
body { background-color: #ffeeaa; margin: 0; padding: 0; }

.mapclass{ background-color: #ffffee; position: absolute; width: 60%; top: 2%; left: 2%; height: 57%;
        border-width: 1px;
        border: 2px dotted;
         border-color: #ee633e; }

div#whatToShowBox{ position: absolute; top: 61%; left: 2%;  width: 35%; height: 37%; 
         background-color: #ffffee;
        border-width: 1px;
        border: 2px dotted;
         border-color: #ee633e;
         overflow: hidden;
         }

table#whatToShowGoods { margin: 1em; padding: 1em; border: 0; }

#linksBox { position: absolute; left: 38%; top: 61%; width: 24%;  height: 37%;  
         border-width: 1px;
         border: 2px dotted;
         border-color: #ee633e;
  }

table#whatToShowGoods { margin: 1%; padding: 15px; border: 0; }

td.instructions { font-family: Verdana, arial, sans-serif;
         font-size: 8pt;
         color: #333333;
         line-height: 220%;
         text-align: center;
         vertical-align: middle;
         font-weight: bolder;
}

td.option { font-family: Verdana, arial, sans-serif;
         font-size: 8pt;
         color: #333333;
         line-height: 120%;
         text-align: left;
         vertical-align: middle;
}

td.graphic { width: 30px;
         text-align: right;
         vertical-align: middle;
}

#headerBox { position: absolute; left: 62%; top: 1%; width:37%;  height: 13%; 
          font-family: "Comic Sans MS", sans-serif;
         font-size: 12pt;
         color: #333333;
         line-height: 160%;
         text-align: center;
         vertical-align: top;
         font-weight: normal;
  }

#infoBox { position: absolute; left: 63%; top: 14%; width:35%;  height: 84%; 
         border-width: 1px;
        border: 2px dotted;
         border-color: #ee633e;
  }

/* This tag is used only for the little circles in the main page */
A:hover { background-color: #eeeeee; }

/* this for duPlooy's logo */
A.image:hover { background-color: #ffeeaa; }