body
{
  background-image: none;
  background-color: #009966;
  color: #FFFF00;
  font-family: Arial;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  margin-left: 3%;
  margin-right: 4%;
}

ul
{
  list-style-image: url(../images/french-horn-bullet.jpg);
  /*line-height: 90%;*/
  margin-left: 5%;
}

ul.intable
{
  line-height: 100%;
}

li.intable
{
  height: 9pt;
}

select
{
  /*width: 25%;*/
  /*min-width: 25%;*/
  /*max-width: 75%;*/
}

table
{
  background-color: #006900;
  /*border: thin outset #006900;*/
  border: 2px outset #006900;
  text-align: left;
}

th
{
  background-color: #009966;
  border: 2px inset #006900;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2%;
  padding-right: 2%;
  vertical-align: top;
  font-weight: bolder;
}

td
{
  background-color: #009966;
  /*border: thin inset #006900;*/
  border: 2px inset #006900;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2px;
  padding-right: 2px;
  vertical-align: top;
}

td.list_cell
{
  padding-right: 15px;
}

table.list
{
  background-color: #009966;
  border: none;
  text-align: left;
}

td.list
{
  border: none;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 1%;
  padding-right: 1%;
  vertical-align: bottom;
}

td.list_extra
{
  border: none;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 1%;
  padding-right: 1%;
  vertical-align: middle;
}

table.layout
{
  background-color: #009966;
  border: none;
  text-align: left;
}

td.layout
{
  border: none;
  padding-top: 0%;
  padding-bottom: 0%;
  padding-left: 1%;
  padding-right: 1%;
  vertical-align: middle;
}

table.form
{
  background-color: #009966;
  border: none;
  text-align: left;
}

td.form
{
  border: none;
  padding: 10px;
  vertical-align: middle;
  white-space: nowrap;
}

td.form_prompt
{
  border: none;
  padding: 10px;
  white-space: nowrap;
  text-align: right;
}

/* Used for files and similar controls where the input background colour
   can't be changed; instead there's a column with error string, which has
   foreground colour changed */
td.form_invalid
{
  border: none;
  padding: 10px;
  white-space: nowrap;
  font-weight: bold;
  color: #ff9966
}

table.webring
{
  background-color: #009966;
  border: none;
}

td.webring
{
  border: none;
  padding: 0%;
}

input.invalid, select.invalid, textarea.invalid
{
  background-color: #ffb0a0;
}

/* Use for disabled inputs to make them look like normal text */
input.output_text
{
  background-color: #009966;
  color: #FFFF00;
  font-family: Arial;
  border: none;
  font-size: 100%;
  text-outline: none;
  outline: none;
}

a:link
{
  /*color: #004C00;*/
  color: #FFFF80;
  text-decoration: underline;
}

a:visited
{
  /*color: #407900;*/
  color: #B8D000;
  text-decoration: underline;
}

a:active
{
  /*
  background-color: #407900;
  color: #000000;
  */
  background-color: #006900;
  color: #B8D000;
  text-decoration: underline;
}

p.title
{
  font-size: 150%;
  font-weight: bolder;
  text-align: center;
  margin-bottom: 24pt;
}

p.sectionheading
{
  font-size: 110%;
  font-weight: bolder;
  /*margin-bottom: -1pt;*/
}

p.reminder
{
  font-weight: bolder;
}

p.phpresponse
{
  font-weight: bolder;
}

p.minititle
{
  text-decoration: underline;
}

p.footer
{
  font-size: 65%;
  white-space: pre;
  text-align: center;
}

div.banner
{
  background-color: #006900;
  /* This assumes support for backgound-size - don't know which browsers support it */
  /*
  background-image: url(../images/banner.jpg);
  background-position: center 12%;
  background-size: 95% auto;
  background-repeat: no-repeat;
  */
  color: #FFFF00;
  font-size: 150%;
  font-weight: bolder;
  text-align: center;
  /*
  line-height: 160%;
  */
  line-height: 10%;
  margin-left: 28%;
  margin-right: 28%;
  /*padding-top: 19%; */
  /*padding-right: 0.5%; */
  padding-right: 1%;
  padding-left: 1%;
  border-top: 1px solid #006900;
  border-bottom: 1px solid #006900;
}

div.section
{
  margin-bottom: 18pt;
}

div.webring
{
  background-color: gray;
  color: black;
  border: white ridge medium;
  height: 100%;
  margin-left: 35%;
  margin-right: 35%;
  padding-top: 1%;
  padding-bottom: 1%;
  font-family: Arial;
  font-size: 75%;
  text-align: center;
  line-height: 135%;
}

/* div hidden until event occurs triggering it to be displayed.
   Coordinates must be set by event handler */
div.popup
{
  background-color: white;
  box-shadow: 2px 2px 2px 2px #006900;
  z-index: 2;
  position: absolute;
  display: none;                /* To be overridden by event handler, which should also set coordinates */
}

p.popup
{
  color: #009966;
  font-size: 75%;
  padding: 10px;
  margin: 0px;
}


a.webring
{
  color: #0000FF;
  text-decoration: underline;
}

span.minititle
{
  text-decoration: underline;
}

span.emphasis, td.emphasis
{
  font-size: 110%;
  font-weight: bold;
}

span.deemphasis, td.deemphasis
{
  font-size: 90%;
  font-style: italic;
  font-weight: normal;
}

span.superscript
{
  position: relative;
  bottom: 0.5em;
  font-size: 0.8em;
}

span.subscript
{
  position: relative;
  top: 0.3em;
  font-size: 0.8em;
}

/* Hidden text (used for alignment) */
span.hidden
{
  visibility: hidden;
}

/* For text associated with controls, e.g. "Set/clear all" or "x chars remaining" */
.control_helper
{
  font-size: 75%;
  font-weight: normal;
}