body {
  font-family: sans-serif;
  background: white;
  margin: 0;
  text-align: center;
}
#whole_page {
  width: 50em;
  margin: auto;
  padding: 0;
  text-align: left;
  border-width:  0 1px 1px 1px;
  border-color:  black;
  border-style:  solid;
}

.ed1 {background: #dedfdf;
      text-align: left;
}

.in1 {background: #dedfdf;
      text-align: center;
}

.ed0 {background: #f7f7f7;
      text-align: left;
}

img
{  border-style: none;
}

.p6, .p7 {font: 900 16px Verdana,Arial,sans-serif; color: #ffffff; height: 20px; text-indent: 2px; background: #ff0000}

.j7 {font-size: 15px; font-weight: bold; underline: none; color: #ff0000}
.j8 {font-size: 13px; font-weight: none; underline: none; color: #ff0000}
.pl {font-size: 15px; text-align: center; font-weight: none; underline: none; color: #000000}

#header {
  color: white;
  background: red; /* No "ruby" defined in HTML color names! */
  font-size: 24pt;
  padding: 0.25em;
  margin-bottom: 0;
}
#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: white;
  height: 60px;
}


#nav {
  color: black;
  font-size: 12pt;
  font-weight: bold;
  background: #ccc;
  padding: 0.5em;
}

#nav a:hover {
  border-bottom: 2px dotted maroon;
}

#content {
  height: 100%;
  background:  white;
  padding: 1em;
}
#content h1 {
  font-size: 18pt;
}
/* Hack to get IE to display fieldset/legend correctly */

html fieldset {
  position: relative;
}
html legend {
  position:absolute;
  top: -1em;
  left: .5em;
}
html fieldset {
  position: relative;
  margin-top:1em;
  padding-top:2em;
  padding-bottom: 2em;
}


/* Form Styles */

fieldset {
  background: #ddd;
}
legend {
  color: white;
  background: maroon;
  padding: .4em 1em;
}
label {
  width: 10em;
  float: left;
  text-align: right;
  margin-right: 0.2em;
  display: block;
}
.form_row {
  white-space: nowrap;
  padding-bottom: .5em;
}
.submit {
  margin-left: 15em;
}

strong.highlight {
 /* note that this may cause the highlight to overlap */
/*padding: .1em;

/* overlap is possible with border too */
/*border: 1px solid #000;*/ 
color: black;

/* we want to override the default behavior */
font-weight: bold; 

/* red background */
background-color: red;
}

a:link {text-decoration: none; color: #000000}
a:visited {text-decoration: none ; color: #000000}
a:hover, a:active {text-decoration: none; color: #FF0000}
td {font-family: Arial,sans-serif; font-size: 13px; color: #000000; }