.text { text-align: justify; width: 400px; }
dd { width: 400px; }
dt { color: #882222; }
A:hover {
	/* BACKGROUND-COLOR: #ffc9a2; COLOR: #2243a2; */
	/* BACKGROUND-COLOR: #2243a2; COLOR: white; */
	/* TEXT-DECORATION: none */
	COLOR: #f88c3d; FONT-WEIGHT: bold;
}

div.background-left {
     position: absolute;
     top: 0px;
     left: -33px;
     z-index: 1;
}

div.background-top {
     position: absolute;
     top: 0px;
     left: 200px;
     z-index: 1;
}

div.foreground {
   position: relative;
   z-index: 2;
   font-size: 1px;
   background-color: #ffffff;
}

marquee.foreground {
   position: relative;
   z-index: 2;
}

div.white-line {
   position: absolute;
   top: 65px;
   left: 0px;
   z-index: 2;
   font-size: 1px;
   background-color: #ffffff;
}

// the following two don't work :-(
div.fixed-background {
     position: fixed;
     top:0px;
     left:-33px;
     z-index: 1;
}

img { position: relative; z-index: 10; }

xli { width: 400px }

.gap {
     border-style: solid;
     border-width: 1px;
     border-color: #888888;
     padding-left: 4px;
     padding-right: 4px;
     padding-top: 3pt;
     background-color: #ffffee;
     color: #666666;
     font-weight: normal;
     font-size: 70%;
}