body {
  background-color: rgb(112,128,144);
}

#box {
  width: 800px;
  margin-left: auto; 
  margin-right: auto;
}

img {
	border-style: none;
}

#content { 
 font-family: arial, helvetica, sans-serif;
 background-color: rgb(255,255,255);
 padding: 5px;
}

h1 {
  color: rgb(25,25,112);
  text-align: center;
  font-size: x-large;
}


h3 {
  color: rgb(128,128,0);
}

.faq {
  font-style: italic; 
  font-weight: bold;
}

.centerDate {
  text-align: center;
  color: rgb(123,104,238); 
}

.margin1 {
  margin-right: 5px;
  margin-left: 10px;
}

.margin2 {
  margin-right: 5px;
  margin-left: 30px
}

.buttonize {
  border-style: outset;
  background-color: white;
  color: rgb(143,188,143);
  font-size: x-large;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  width: 300px;
  margin: 3px;
}

#topnav { 
 font-family: verdana, arial, sans-serif; 
 font-size: 90%;
 font-weight: bold;
 text-align: center;
 background-image: url(/test/images/topnav.jpg);
}

#topnav a:link { 
text-decoration: none; 
color: #000077; 
} 

#topnav a:visited {
color: #000077;
text-decoration: none;
}

#topnav a:hover {
color: #0000FF;
background-color: transparent;
text-decoration: underline;
}

.note {
  color: rgb(106,90,205);
  font-size: 80%;
}

.goodnote {
  color: rgb(46,139,87);
}

.badnote {
  color:rgb(178,34,34); 
}

.centernote {
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

img.floatLeft { 
  float: left;
  margin: 4px; 
}

img.floatRight { 
  float: right;
  margin: 4px; 
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}