pre.example {font-family: "Courier New", Courier, mono; font-size: 12px; color: #000000; background-color: #FFFFCC; 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: left; padding: 0px 8px 2px 0px;}  /* all list items */
.dropv li ul {position: absolute; background: #993399; 
  padding: 0px 0px 0px 4px; width: 170px; left: -9999px;} /* second-level lists */
.dropv li:hover ul {left: auto; } /* nest list under hovered list items */
.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: #ffeedd;}*/
/*span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; } */
/*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: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;} 
span.dropt:hover span {margin: -120px 0 0 170px; background: #ffffff; z-index:6;} 

span.dropc:hover span {left: 2%; background: #ffffff;} 
span.dropc span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;} 
span.dropc:hover span {margin: -120px 0 0 530px; background: #ffffff; z-index:6;} 

span.dropd:hover span {left: 2%; background: #ffffff;} 
span.dropd span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;} 
span.dropd:hover span {margin: -30px 0 0 530px; background: #ffffff; z-index:6;} 

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