body {
	margin: auto;
	width: 600px;
	background-position: center;
 	background-image: url("../images/bg.png");
 }

.heading {
  position: absolute;
  top: 25px;
  left: 198px;
  width: 460px;
  color: red;
  font-family: Verdana;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  padding: 0px 10px 10px 0px;
  border-bottom: solid 2px red;
}

.h1 {
  position: absolute;
  top: 25px;
  left: 198px;
  width: 460px;
  color: red;
  font-family: Verdana;
  font-size: 14px;
  text-align: left;
  font-weight: bold;
  padding: 0px 10px 10px 0px;
  border-bottom: solid 2px red;
}

.content {
  position: absolute;
  top: 65px;
  left: 188px;
  height: 455px;
  width: 460px;
  background-color: Transparent;
  color: navy;
  font-family: Verdana;
  font-size: 13px;
  text-align: justify;
  padding: 0px 12px 10px 10px;
  scrollbar-face-color: #3366FF; /* ignore 'not a known CSS property' error. will still work */
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-3dlight-color: #D1D7DC;
  scrollbar-darkshadow-color: #98AAB1;
  scrollbar-shadow-color: #DEE3E7;
  scrollbar-arrow-color: white;
  scrollbar-track-color: #EFEFEF;
}

.legalese {
  background-color: Transparent;
  color: Navy;
  font-family: Arial;
  font-size: 9px;
}

.legaltext, .smalltext {
  font-family: Arial;
  font-size: 11px;
  text-align: justify;
}

.controls {
	font-size: 13px;
	font-family: arial, sans-serif
}
.controls_label {
	font-size: 13px;
	font-family: arial, sans-serif;
  color: white
}

.controls_prompt {
	font-size: 11px;
	font-family: arial, sans-serif;
  color: red
}

.hl {
  font-size: 12px;
  text-align: left
}