body  { background-image: url('images/bg.gif'); font-family: arial,verdana; }
table { empty-cells: show; }
.cd   { width: 140px; }
textarea { font-size: 12; }
@media screen
{
h1 { font-size: x-large; color: yellow; vertical-align: top; font-weight: bold; }
h2 { font-size: large; color: yellow; vertical-align: top; font-weight: bold; }
td { color: white; }
a           { color: silver; font-weight: bold; }
a:hover     { color: yellow; font-weight: bold; }
#footer     { font-size: small; color: white; vertical-align: top; font-weight: bold; text-align: center; }
.story,#variable { background-image: url('images/backcolor.jpg'); color: white; }

td.top      { vertical-align: top; background-image: url('images/backcolor.jpg'); }
td.control  { width: 220; vertical-align: top; background-image: url('images/backcolor.jpg'); }
td.slider   { width: 70; background-image: url('images/sliderback.jpg'); vertical-align: top; border: medium double rgb(100,100,100); background-repeat: no-repeat;}

#outertable { width: 800px; }
#left       { width: 24; background-image: url('images/leftedge.jpg'); }
#logo       { height: 150px; width: 220px; vertical-align: top; background-image: url('images/backcolor.jpg'); }

.back       { vertical-align: top; background-image: url('images/backcolor.jpg'); color:white; }

.dimtext    { height: 41px; color: silver; text-align: right; font-weight: bold; }
.dimlt      { height: 41px; width: 41px; background-image: url('images/greenlightdim.jpg'); background-repeat: no-repeat;}
.dimknob    { height: 43px; }

.acttext    { height: 41px; color: #88FF88; text-align: right; font-weight: bold; cursor: pointer; }
.actlt      { height: 41px; width:41px; background-image: url('images/greenlightlit.jpg'); background-repeat: no-repeat;}
.actknob    { height: 43px; background-image: url('images/goldknob.gif'); background-repeat: no-repeat; }

.hovertext  { height: 41px; color: yellow; text-align: right; font-weight: bold; cursor: pointer;}
.hoverlt    { height: 41px; width: 41px; background-image: url('images/yellowlightlit.jpg'); background-repeat: no-repeat; cursor: pointer; }
.hoverknob  { height: 43px; background-image: url('images/greyknob.gif'); background-repeat: no-repeat; cursor: pointer; opacity: .5;-moz-opacity: .5; filter:alpha(opacity=50); }
}

@media print
{
h1 { font-size: x-large; vertical-align: top; font-weight: bold; }
h2 { font-size: large; vertical-align: top; font-weight: bold; }

a           { font-weight: bold; }
a:hover     { font-weight: bold; }
#footer     { font-size: small; vertical-align: top; font-weight: bold; text-align: center; }
.story,#variable { background-image: url('images/backcolor.jpg'); color: white; }

td.top      { vertical-align: top; background-image: url('images/backcolor.jpg'); }
td.control  { width: 220; vertical-align: top; visibility: hidden; }
td.slider   { width: 70; vertical-align: top; }

#outertable { width: 650px; }
#left       { width: 24; background-image: url('images/leftedge.jpg'); }
#logo       { height: 150px; width: 220px; vertical-align: top; background-image: url('images/backcolor.jpg'); visibility: visible; }

.back       { vertical-align: top; background-image: url('images/backcolor.jpg'); }

.dimtext    { height: 41px; text-align: right; font-weight: bold; }
.dimlt      { height: 41px; width: 41px; background-image: url('images/greenlightdim.jpg'); background-repeat: no-repeat;}
.dimknob    { height: 43px; }

.acttext    { height: 41px; text-align: right; font-weight: bold; cursor: pointer; }
.actlt      { height: 41px; width:41px; background-image: url('images/greenlightlit.jpg'); background-repeat: no-repeat;}
.actknob    { height: 43px; background-image: url('images/goldknob.gif'); background-repeat: no-repeat; }

.hovertext  { height: 41px; text-align: right; font-weight: bold; cursor: pointer;}
.hoverlt    { height: 41px; width: 41px; background-image: url('images/yellowlightlit.jpg'); background-repeat: no-repeat;}
.hoverknob  { height: 43px; background-image: url('images/greyknob.gif'); background-repeat: no-repeat; }
}