body { background-color: #D0D0A0; margin: 0; padding: 0; }


.mapclass{ background-color: #ffffee; position: absolute; width: 55%; top: 2%; left: 2%; height: 58%;
         border-style: solid;
         border-width: 1px;
         border-color: #ff9933; }


div#whatToShowBox{ position: absolute; top: 62%; left: 2%;  width: 55%; height: 36%; 
         background-color: #ffffee;
         border-style: solid;
         border-width: 1px;
         border-color: #ff9933;
         overflow: hidden;
         }

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

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

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

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


#infoBox { position: absolute; left: 59%; top: 2%; width:39%;  height: 96%; 
        border-style: solid;
         border-width: 1px;
         border-color: #ff9933;
  }

/*
A is used for the controls below the map-- doesn't take you to another page.
*/

A { color: #aa0000; FONT-FAMILY: Verdana,arial,serif; font-size: 9pt;  font-weight: normal; text-decoration: none;}
A:visited { color: #aa0000; FONT-FAMILY: Verdana,arial,serif; font-size: 9pt;  font-weight: normal; text-decoration: none;}
A:hover { color: #ff0000; FONT-FAMILY: Verdana,arial,serif; font-size: 9pt;  font-weight: normal; text-decoration: none; }