html, body { background-color: transparent; padding: 0; margin: 0; border: 0 solid; color: black; font-family: Verdana, sans-serif; font-size: 11pt; }
html { background-color: white; background-image: url(green.png); background-position: left bottom; background-repeat: repeat-x; background-attachment: scroll; }
body { background-color: transparent; background-image: url(green2.png); background-position: left top; background-repeat: repeat-x; background-attachment: scroll; padding: 5px 1em 55px 1em; }
h1 { padding-top: 0; margin-top: 0; font-size: 30px; }
a, a:link { color: brown; background-color: transparent; text-decoration: none; }
a:hover { text-decoration: underline; }
.float, .floatImage { position: relative; display: block; float: left; margin-right: 10px; width: 420px; margin-bottom: 10px; }
.floatImage { width: auto; height: auto; padding: 0; }
.floatImage object { border: 1px outset green; }
.clear { display: block; clear: both; margin: 10px 1em 0px 1em; }
dt { font-weight: bold; }
dd, ol { margin: 0; }
.float dd { margin-bottom: 10px; }
form#Som { background-repeat: no-repeat; background-image: none; height: 480px; width: 380px; }
form#Som input { border: 0 solid; width: 2em; overflow: visible; text-align: center; position: absolute; margin: 0; padding: 1pt; }
form#Som input.given { color: white; background: black; font-weight: bold; font-size: 10pt; border: 2px solid black; }
form#Som input.answer { color: black; background: white; font-weight: normal; font-size: 20pt; }
form#Som input#reset { border: 1px red outset; background: brown; color: white; font-weight: bold; font-size: 10pt; left: 0; bottom: 0; width: 5em; }
form#Som input#submit { border: 1px green outset; background: green; color: white; font-weight: bold; font-size: 10pt; right: 0; bottom: 0; width: 7em; }
.StyleWarning, .HandheldWarning { display: none; }
@media handheld {
.HandheldWarning { display: block; }
}