body {
    background: black;
    color: white
}

a:link {
    color: white ;
    background: inherit ;
}

a:visited { 
     color: white ;
     background: inherit 
}

a:hover { 
    color: black ; 
    background: white 
}

a.image:hover {
    color: white ; 
    background: transparent
}

h1, h2, p.center { 
    text-align: center ;
    width: 400px;
    margin-left: auto;
    margin-right: auto
}

div.image img {
    width: 320px;
    height: 240px;
}

p { 
margin-left: auto;
margin-right: auto;
}

p.question {
    margin-left: auto;
    margin-right: auto;
    color: #CCCCFF;
    background: inherit;
}

p.answer {
    margin-left: 1em;
    margin-right: 1em;
    color: #FFFFCC;
    background: inherit
}

td.left {
    width: 25%;
    font-size: smaller;
    text-align: left
}

td.forward {
    width: 50%;
    text-align: center;
}

div.image {
   width: 320px;
   margin-left: auto;
   margin-right: auto;
}

td.right {
    width: 25%;
    font-size: smaller;
    text-align: right
}

table.directions {
   width: 330px;
   margin-left: auto;
   margin-right: auto;
}

div.float {
   float: right;
   text-align: center;
   font-size: smaller;
   color: #CCFFFF ;
   padding: 0.5em ;
   clear: right;
   background: inherit;
}

span.figurereference {
   color: #CCFFFF ;
   background: inherit
}

div.float img {
   border: thin groove;
   width: 200px;
   height: 150px;
}

img.stamp {
   width: 30px;
   height: 40px;
   border:0;
}
}