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

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

li
{
  height: 18pt;
}

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;
}

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

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.form
{
  background-color: #009966;
  border: none;
  text-align: left;
}

td.form
{
  border: none;
  padding: 1%;
}

td.form_invalid
{
  background-color: #FF0000;
  border: none;
  text-align: left;
}

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

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

/*
input.invalid
{
  border: thin solid red;
}

select.invalid
{
  border: thin solid red;
  padding: 5px;
}

textarea.invalid
{
  border: thin solid red;
}
*/

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

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: 20%;
  margin-right: 20%;
  /*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%;
}

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

span.minititle
{
  text-decoration: underline;
}

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

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