body           { font-family: Arial, Helvetica, sans-serif; ; font-style: normal; font-weight: normal}

h1             { font-family: Arial, Helvetica, sans-serif; font-weight: normal}
h2             { font-family: Arial, Helvetica, sans-serif font-weight: normal}

a:link         { color: blue;     text-decoration:none} /* for unvisited links     */
a:visited      { color: blue;     text-decoration:none} /* for visited links       */
a:active       { color: lightblue;          text-decoration:none} /* when link is clicked    */
a:hover        { color: purple;        text-decoration:none} /* when mouse is over link */

.desc          { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-align: center;
                 width: 150px; position: absolute; visibility: hidden; top: 260px; background-image: url(images/popupbox1.jpg); height: 100px; color: #FFFFFF; clip:  rect(   ); font-size: 10px; font-weight: bold}

.picturedesc0   { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-align: center;
                 width: 150px; position: absolute; visibility: hidden; top: 135px; left: 380px; background-image: url(images/popupbox1.jpg); height: 100px; color: #FFFFFF; clip:  rect(   ); font-weight: bold}

.picturedesc1   { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-align: center;
                 width: 150px; position: absolute; visibility: hidden; top: 260px; left: 380px; background-image: url(images/popupbox1.jpg); height: 100px; color: #FFFFFF; clip:  rect(   ); font-weight: bold}

.picturedesc2   { font-family: Arial, Helvetica, sans-serif; background-color: #FFFFFF; text-align: center;
                 width: 150px; position: absolute; visibility: hidden; top: 380px; left: 380px; background-image: url(images/popupbox1.jpg); height: 100px; color: #FFFFFF; clip:  rect(   ); font-weight: bold}