body {
  background-color: gray;
}

#body {
  margin: 1em 1em 2em 1em; 
  padding: 2em 2em;
  background-image: url(images/gray_roc.jpg);
  font-family: arial, sans-serif;
}

.headrow {
}

p.note {
  font-size: small;
  font-style: italic;
}

h1 {
  font-family: arial;
  background-color: white;
  padding: 0.5em;
}
h2 {
  font-family: arial;
}

table.header {
  border: groove;
  margin-bottom: 0.5em;
  font-family: arial;
}

.name {
  font-size: 24px;
};

.head {
  border: groove;  
  font-family: courier;
  padding: 10%; 
  spacing: 10%;
  vertical-align: middle;
}

.logo {
  vertical-align: middle;
}

.title {
 padding: 3%;
 text-align: center;
}
.topmenu {
  background: lightblue;
  font-size: 10px;
}

.leftmenu {
  background: lightblue;
  vertical-align: top;
  font-family: courier;
  line-height: 1.5em;
  font-family: arial;
  padding-left: 10px;
  padding-top: 5px;
  font-size: large;
}

.main {
  vertical-align: top;
  text-align: left;
  margin-top: 20px;
  margin-left: 25px;
  margin-righ: 20px;
  font-size: large;
  font-family: helvetica;
}
li.para { 
  margin-top: 0.5em;
 }
 
.foot { 
  vertical-align: bottom;
  font-size: xx-small; 
 }
 
.logo  {
  vertical-align: top;
}

em {
  font-size: 0.9em;
}