body { 
  font-family:Helvetica,Verdana,sans-serif; 
  font-size:12pt;
}

code {
  font-family:monospace;
  font-weight:bold;
  font-size:12pt;
}

#headerbox {
  position:relative;
  width:100%;
  display:block; 
  margin-bottom: 8px;
}

#coursetitle {
  display:block;
  Font-weight:bold;
}

#pagetitle { 
  display:block;
  font-size:200%;
  text-align:center;
}

#logo {
  position:absolute;
  top:0px;
  right:0px;
  z-index:-1;
}

.menubox {
  position:relative;
  width:100%;
  text-align:center;
  margin-bottom:10px;
}

div.menuline {
  width:100%;
  border-top:2px solid black;
}

div#thispagemenu {
  display:inline;
  height:10px;
  background-color:white;
  border:2px solid black;
  padding:2px;
  margin:2px;
}

div.menulink {
  display:inline;
  height:10px;
  background-color:#d0d0d0;
  border:2px solid #d0d0d0;
  padding:2px;
  margin:2px;
}

div.menulink:hover {
  border-color:black;
}

a.menulink {
  text-decoration:none;
  color:black;
}

div.mainbody {
  margin-top:5px;
  width:80%;
  margin-left:auto;
  margin-right:auto;
}

h2 {
  background-color:whitesmoke;
  text-align:left;
  width:100%;
  font-size:120%;
  font-weight=bold;
  margin-top:15px;
  margin-bottom:2px;
}

p {
  margin: 3px 0px 5px 3px;
}

table {
  border-collapse:collapse;
  margin: 3px 0px 5px 3px;
}

td {
  border:3px ridge gray;
  padding:3px;
}

td.headcell {
  font-weight:bold;
  background-color:beige;
}

.person {
  position:relative;
  text-align:left;
  margin: 3px 0px 15px 0px;
}

.personcol {
  display:inline-block;
  width: 250px;
}

.personlast {
  display:inline;
}

.qbox {
}

.respbox {
  width:80%;
  margin-left:10%;
}

.qresp {
  width:100%;
}

.countbox {
  display:block;
  text-align:right;
}

.warning {
  color:red;
}

.button {
  margin-width: 5px;
}

.footer {
  width:100%;
  margin-top:20px;
  border-top:2pt solid black;
  font-size:10pt;
  font-style:italic;
}

.validate {
  float:right;
}