BODY { background-color: #D7D79E;
              margin: 0;
              padding: 0;
}

#topbar { background-color: #D7D79E;
                width: 800px;
                margin: 0;  
                padding: 0;
                height: 60px;
                   }

div#content { background-color: #ffffee;
              width: 800px;
              padding: 0;
              margin-right: auto;
              border-right: dotted 2px #d66121;
              border-top: dotted 2px #d66121;
}

div#whatisgoods { background-color: #ffffee;
              padding-left: 3em;
              padding-right: 320px;
}

.whatismap{ background-color: #ffffee; 
                  position: absolute; 
                  width: 320px;  height: 550px; 
                  left: 478px; top: 870px;
}
.aboutmap{ background-color: #ffffee; 
                  position: absolute; 
                  width: 350px;  height: 225px; 
                  left: 440px; top: 300px;
}
                                  


div#goods { background-color: #ffffee;
              padding-left: 3em;
              padding-top: 2em;
              padding-right: 3em;
}

#maptitle { background-color: transparent;
                  position: absolute;
                  width: 420px; top: 68px; left: 20px; height: 25px; 
                  text-align: left;
                  border: none;
                 }

#mapframe{ background-color: #ffffff; 
                  position: absolute; 
                  width: 420px; top: 100px; left: 20px; height: 440px; 
                  border-style: solid;
                  border-width: 1px;
                  border-color: #d66121;
}


#maintitlebox { background-color: transparent;
                padding: 0;
                position: absolute; width: 225px; height: 60px; left: 0px; top: 0px;
                border: none;
               }

#maintitle { text-align: center;
                  padding: 0.5em;
                  line-height: 2.6em;
}

#whatisbox { background-color: transparent;
                padding: 0;
                position: absolute; width: 191px; height: 60px; left: 225px; top: 0px;
                border: none;
               }

#catalogbox { background-color: transparent;
                padding: 0;
                position: absolute; width: 150px; height: 60px; left: 416px; top: 0px;
                border: none;
               }

#downloadbox { background-color: transparent;
                padding: 0;
                position: absolute; width: 231px; height: 60px; left: 568px; top: 0px;
                border: none;
               }


.topbutton { background-color: #ffeeaa;
                margin-top: 0.5em;
                margin-bottom: 0.5em;
                padding: 0.2em;
                margin-left: 1em;
                margin-right: 1em;
/*
                border-left: solid 1px #ffffff;
                border-top: solid 1px #ffffff;
                border-bottom: solid 1px #333333;
                border-right: solid 1px #333333;
*/
                border: solid 1px #d66121;
                text-align: center;
               }


#idbox { background-color: transparent;
               padding-left: 420px;
               padding-top: 10px;
             }

#linkbox { background-color: transparent;
                 padding-left: 470px;
                 padding-top: 20px;
                 text-align: left;
                 line-height: 1.4em;
                   }

#bottombar { background-color: transparent;
                     padding-top: 190px; padding-bottom:2em;
                     width: 800px;
                     text-align: center;
}
              
.title { color: #d66121;
          font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
          font-size: 16pt;
          font-weight: bolder;
          font-style: normal;
          text-decoration: none;

}

a.title:hover { color: #ffa500;
          font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
          font-size: 16pt;
          font-weight: bolder;
          font-style: normal;
          text-decoration: none;

}

a.biglink { color: #006080;
         font-family: Verdana, Arial, sans-serif;
         font-size: 10.5pt;
         font-weight: 600;
         text-decoration: none;
         font-style: normal;
         text-align: left;
}

a.biglink:hover { color: #0060ff;
         color: #0090aa;
         font-family: Verdana, Arial, sans-serif;
         font-size: 10.5pt;
         font-weight: 600;
         text-decoration: none;
         font-style: normal;
         text-align: left;
}

ul { margin-top: 0.1em; margin-bottom: 0.1em; }
li.square { list-style-type: square; line-height: 1.5em;}
li.blank { list-style-type: none; line-height: 1.5em;}
li.numbered { line-height: 1.5em;}

.bigpurple { font-family: Verdana, Arial, sans-serif;
         font-size: 10.5pt;
         font-weight: 600;
         color: #800080;
}


.biggray { font-family: Verdana, Arial, sans-serif;
         font-size: 10.5pt;
         font-weight: 600;
         color: #333333;
}

.standardtext { font-family: Verdana, Arial, sans-serif;
               font-size: 9pt;
               font-weight: normal;
               color: #333333;
               line-height: 1.5em;
}

.italictext { font-family: Georgia, "Times New Roman", serif;
               font-size: 11pt;
               font-weight: normal;
               font-style: italic;
               color: #333333;
               line-height: 1.5em;
}

TD { font-family: Verdana, Arial, sans-serif;
               font-size: 9pt;
               font-weight: normal;
               color: #333333;
               line-height: 1.5em;
}

P { margin-top: 0.5em; margin-bottom: 0.5em; }

.tinygray { font-family: Verdana, Arial, sans-serif;
               font-size: 8pt;
               font-weight: normal;
               color: #333333;
}

.heading { 
          font-family: "Bookman Old Style", Georgia, "Times New Roman", serif;
          font-size: 11pt;
          font-weight: bolder;
          color: #d66121;
          line-height: 1.2em;
}

a.standard { font-family: Verdana, Arial, sans-serif;
               font-size: 9pt;
               font-weight: normal;
               color: #006080;
               text-decoration: none;
               line-height: 1.5em;
}

a.standard:hover { font-family: Verdana, Arial, sans-serif;
               font-size: 9pt;
               font-weight: normal;
               color: #0090aa;
               border-bottom: 2px dotted #0090aa;
               text-decoration: none;
               line-height: 1.5em;

}

a:link img       { border: solid 1px #006080;}
a:hover img    { border: solid 1px #0090aa; }
a:active img    { border: solid 1px #0090aa; }
a:visited img   { border: solid 1px #006080;}


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



.slogan { font-family: Georgia, "Times New Roman", serif;
              font-style: italic;
              color: #333333;
              font-weight: bolder;
              font-size: 10pt;
                 }

.emph { font-family: Georgia, "Times New Roman", serif;
              font-style: italic;
              color: #333333;
              font-weight: bolder;
              font-size: 9pt;
              line-height: 1.5em;
                 }

.pmpre {       
      background-color: #f4f4ee;
      white-space: pre;
}


.preindent {       
      margin-left:2em;
      background-color: #f4f4ee;
      white-space: pre;
}

.preindent2 {       
      margin-left:4em;
      background-color: #f4f4ee;
      white-space: pre;
}
.pmindent {   
      margin-top:0em;    
      margin-left:2em
}

.pmindent2 {       
      margin-left:4em
}



.boldindent {       
      margin-left:2em
      font-weight: bold;

}


.function { font-style: italic;
                 color: black;
}
.parameter { font-style: italic;
                 color: black;
}
.sectionheading { font-family: Georgia, "Times New Roman", serif;
               font-size: 10.5pt;
               font-weight: bolder;
               font-variant: normal;
               color: #333333;
               line-height: 1.5em;
}

ul.main { margin-top: 0; margin-bottom: 0; }

li.main { list-style-type:square;
          margin-top: 0;
          margin-bottom: 0;
          line-height: 1.4em;
          }