.stylebox {
 cursor: pointer;
 width: 75px;
 height: 75px;
 float: right;
 margin: 8px;
}

.styleshadow {
 width: 75px;
 height: 75px;
 background: transparent url("img/shadow.png") no-repeat;
 padding-top: 24px;
 letter-spacing: -0.25ex;
 text-align: center
}

#stylehex {
 background: transparent url("img/hexagons.gif") repeat fixed 0 0;
 font-family: sans-serif;
 color: #ffff00;
}

#styleleaves {
 background: transparent url("img/leaves.gif") repeat;
 font-family: sans-serif;
 color: white;
}

#stylebelieve {
 background: transparent url("img/believe.gif") repeat;
 font-family: sans-serif;
 color: white;
}

#stylebelieve span {
 background: transparent url("img/noise.png") repeat fixed 0 0;
 padding: 0 4px 0 4px;
}

#styleplain {
 display: none;
}

.dd {
 font-size: smaller;
 margin-left: 4ex;
}

span.aspan {
 padding: 4px;
}

span.aspan:hover {
/* background: transparent url("img/hexagons-red.gif") repeat fixed 0 0;*/
}

.h3 {
 cursor: pointer;
 font-weight: bold;
 border-bottom: dashed #000000 1px;
/* background: transparent url("img/noise.png") repeat fixed 0 0;*/
}

span.h3:hover {
 border-bottom: solid #000000 1px;
}

.lastm {
 font-style: oblique;
 font-size: small;
 float: right;
 color: #000000;
}

[class^="dt"] {
 margin: 0.5ex;
}

[class^="dt"]:hover {
}

.dl0 {
 margin-left: 0ex;
 width: 50ex;
 display: block;
}

.dl1 {
 margin-left: 2ex;
 width: 48ex;
 display: none;
}

.dl2 {
 margin-left: 2ex;
 width: 46ex;
 display: none;
}

.dl3 {
 margin-left: 2ex;
 width: 44ex;
 display: none;
}

.dl4 {
 margin-left: 2ex;
 width: 42ex;
 display: none;
}

.dl5 {
 margin-left: 2ex;
 width: 40ex;
 display: none;
}