pre.example {font-family: "Times New Roman", Times, serif; font-size: 12px; color: #000000; background-color: #FFFFFF; padding-top: 8px; padding-right: 8px; padding-bottom: 8px; padding-left: 8px; border: #000000; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; width:auto;}
/* properties for class dropv */
.dropv, .dropv ul {padding: 0; margin: 0; list-style: none;}
.dropv a {display: inline; width: 170px;}
.dropv li {float: center; padding: 0px 8px 2px 0px;}  /* all list items */                                    /*was left*/
.dropv li ul {position: absolute; background: #993399; 
  padding: 0px 0px 0px 4px; width: 170px; left: -9999px;} /* second-level lists */
.dropv li:hover ul {center: auto; } /* nest list under hovered list items */                                  /* was left: auto*/
.dropv li ul li a {color: #ffffff; text-decoration: none; display: block;}
.dropv li ul li a:hover {color: yellow; background:#663399;} /* Action for drop-down list */

/* properties for class dropt */
 /* usage: <span class="dropt" title="">HTML text<span style="width:500px;">Pop-up text</span></span> */
 /* usage: <span class="dropt" title="">HTML text<span><img src="example.jpg"/></span></span> */
span.dropt {border-bottom: thin dotted; background:transparent;}                                        /*was white*/
span.dropt:hover {text-decoration: none; background:transparent; z-index: 6; }                          /* was white*/
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: -2%; background:transparent;}                                               /*was white*/  
span.dropt span {position: float; left: -9999px;                                                            /*  was absolute */
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: -20px 0 0 590px; background:transparent; z-index: 6;}                         /* was white*/ 

span.imgswap {background-image:url("../img/mmeFloraSm.jpg"); 
  background-repeat: no-repeat; display:block;}
span.imgswap:hover img {visibility:hidden;}