body {
  font-family: "Arial Black",Helvetica,sans-serif;
  color: #cccccc; /* lightt grey */   
  font-size: 90%;

/* gradient background, grey #c4c4c4 at left then blue #000099 on right 1000px across ff */

background-color: #000099;
background-image: url(images/gradient.jpg);
background-position: left;
background-repeat: repeat-y;

}

h1 {
  font-size: larger;
}
h6 {
  font-size: smaller;
}

#alignment {
  margin: 0 auto;
  width: 800px;
}

#vertmenu {
  width: 145px;
  text-align: center;
}
#vertmenu ul {
  margin: 54px;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#vertmenu li {
  margin: 0;
  padding: 5px;
  display: block;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#vertmenu li a {
  border: 1px outset #666666;
  color: #666666;
  background-color: #c0c0c0;
  width: 145px;
  text-decoration: none;
  display: block;
}
#vertmenu li a:hover {
  color: #ffffff;
  background-color: #000000;
}
#horizmenu ul {
  margin: 40px;
  padding: 5px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  display: inline;
}
#horizmenu ul li {
  margin: 5px;
  padding: 5px;
  display: inline;
  text-align: center;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
#horizmenu li a {
  border: 1px outset #666666;
  padding: 2px;
  color: #666666;
  background-color: #c0c0c0;
  text-decoration: none;
  display: inline;
}
#horizmenu li a:hover {
  color: #ffffff;
  background-color: #000000;
}