body {
  margin:0;
  padding:0;
  text-align:center;
  font-size:100%;
  background-color:#7BA1B8;
}

h1 {
  font-family:arial, verdana, sans-serif;
  background-color:#ffff66;
  padding:.5em;
  letter-spacing:-2px;
  border-style:outset;
  margin:0;
  text-align:center;
}

h2 {
  font-family:arial, verdana, sans-serif;
  
}

h3 {
  font-weight:bold;
 
}

p, li {
  font-family:arial,verdana,sans-seriff;
  font-size:.9em;
  text-indent:2em
}

acronym {
  font-weight:bold;
  color:#99ff66;
  background-color:#ffff33
}


#container {
  width:85%;
  background-color:#ffffff;
  border:1px solid #000000;
  text-align:left;
  margin:0 auto 0 auto;
}

#content {
  padding:0 10%;
  text-align:left;
  margin:0 4em 0 15em;
}

#navigation a {
  display:block;
  width:9em;
  border:1px, sold;
  font-size:.8em;
  text-align:center;
  text-decoration:none;
  background-color:#FFFF66;
  color:blue;
}

#navigation a:hover{
  background-color:#ffcc66;
  color:black;
}

#navigation {
  text-align:center;
  margin:1em 0 0 0;
  float:left;
  width:10em;
}

#navigation ul {
  margin:0;
  padding;
}

#navigation li {
  padding:.3em 0;
  margin:0;
  border:1em #cccccc solid;
  font-weight:bold;
  list-style-type;
  background-color:#FFFF66;
}

#navigation li a {
  font-weight:900;
  text-decoration:none;
}

.metal {
  background-image: url('graymetal.jpg');
  font-size:2.2em;
  font-weight:900;
  color:#ffff00;
  padding:.2em;
}

.blanks {
  font-weight:bold;
  color:#ff3333;
}

.yellow {
  background-color:#FFCC33;
  padding:.2em;
}

.green {
  background-color:#33CC66;
  padding:.2em;
}

#footer p {
  margin:0;
  padding:.3em;
  text-align:center;
  background-color:#cccccc;
  border-bottom-width:thin;
  border-top-width:thin;
  border-top-style:dashed;
  border-bottom-style:dashed;
  border-top-color:#000000;
  border-bottom-color:#000000;
}

#footer a {
  text-decoration:none;
  font-weight:bold;
}