.canvas, .canvas td{
  font-family: arial, sans-serif; 
  font-size: 15px; 
  color: #eee; 
}

body{ 
  margin:0; padding:10px;
  background-color: #000; 
  color: #eee; 

  background-image:url(images/large-moon.jpg);
  background-position: 100% 0%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

h1{ 
  margin:0; padding:0;
  font-family: times new roman, serif; 
  font-size: 30px; color: #ffe; 
}

h2{ 
  margin:0; padding:0;
  font-family: times new roman, serif; 
  font-weight: normal; 
}

a:link{ color: #ccf; }
a:visited{ color: #fcf; }
a:hover{ color: #fff; }

ul.hor{ width: 800px; list-style-type: lower-alpha; }
ul.hor li{ float:left; width: 46%; list-style: square; }

.box1{
  filter:alpha(opacity='90'); opacity:0.9;
  background:#222; 
  padding:20px; 
  border:1px #333 solid; 
  overflow: auto; 
  clear:both; 
}

.box2{
  filter:alpha(opacity='90'); opacity:0.9;
  background:#222;
  margin:0;
  border:2px #666 solid;
  font-size: 12px;
  color: #eee;
}

xmp{
  font-size: 10pt;
}

hor.ul{ clear:both; }
hor.ul li{ clear:both; }


#navlist{
  padding: 0 1px 1px;
  margin-left: 0;
  font: bold 12px Verdana, sans-serif;
  filter:alpha(opacity='80'); 
  opacity:0.9;
  background:#222;
}

#navlist li{
  list-style: none;
  margin: 0;
  border-top: 1px solid #333;
  margin-top: 1px;
  text-align: left;
}

#navlist li a{
  display: block;
  padding: 0.25em 0.5em 0.25em 0.75em;
  border-left: 1em solid #333;
  text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover{
  border-color: #FE3;
  color: #FFF;
  background: #332;
}