body { 
      margin: 0;
      font-family: "Bookman Old Style", Baskerville, serif;
      min-width: 600px;
    }
    a:link { color: #bf4859; text-decoration: none; }
    a:visited { color: #a41722; text-decoration: none; }
    a:hover { text-decoration: underline; }

    body h1, body h2 {
      font-family: "Bookman Old Style", Baskerville, serif;
      text-align: center;
    }
    body h1 a:link, body h1 a:visited, 
    body h2 a:link, body h2 a:visited { color: black; }
    
    body#feedback {
    }

    div.navmenu {
      background-image: url(../graphics/menu-bar-background.jpg); 
      color: black;
      float: left;
      width: 250px;
      margin: 0;
      padding-bottom: 1.5em;
    }
    div.navmenu a:link { color: black; }
    div.navmenu a:visited { color: black; }
    div.navmenu a:hover { text-decoration: underline }

    div.navmenu p.intro {
      margin-left: 10px;
      margin-bottom: 5px;
      font-weight: bold;
    }
    div.navmenu p {
      line-height:150%; margin: 0 10px 0 10px;
    }
    div.navmenu a {
      text-decoration: none;
    }
    .menu {
      font-family: "Bookman Old Style", Baskerville, serif;
      font-size: 16px; 
      padding-left: .5em;
    }
    .menu2 {
      padding-left:  2em;
      font-family: "Bookman Old Style", Baskerville, serif;
      font-size: 16px; 
    }
    .menu3 {
      padding-left:  3em;
      font-family: "Bookman Old Style", Baskerville, serif;
      font-size: 14px; 
    }

    img#btbhdr { Width: 500px; }

    div#maps { font-family: sans-serif; width: 50%; }
    div#maps img { width: 100%; }

    div.staffbio {
       clear: both;
       padding-top: 24pt;
    }
    div.bandpic {
       margin-right: 20px;
       float: left;
       width: 51%;
       padding: 0;
    }
    /*\*/ * html div.bandpic { 
      height: 1%;
    }/**/

    div.biopic {
       margin-right: 20px;
       float: left;
    }
    div.inside {
       position: relative;
    }
    img.staffbio {
       border: 4px solid;
       height: 120px;
    }
    img.staffbio#stuartpic {
       position: absolute;
       width: 35%;
       height: auto;
       bottom: 0;
       left: 25%;
    }
    img.bandpic {
       width: 100%;
       border: 4px solid; 
    }

    p.caption {
      padding: 2px;
      margin-top: 0;
      text-align: center;
      font-family: sans-serif;
      font-size: 75%;
    }

    .name { 
      font-size: 200%; 
      padding-left: .25em;
      padding-right: .25em; 
    }

    div.content { 
       color: black; position: absolute; left: 250px; 
       padding: 20px 30px 20px 20px;
    }
    div.content a.link { color: blue; }
    div.content a.visited { color: purple; }
    div.content a.active { color: red; }
    
    div#home { 
       min-width: 550px;
    }
    
    div.clear {
      clear: both;
      height: 0;
    }
    
    #tshirtimage { float: right; margin-left: 3%;
                   width: 47%; border: 3px solid black; }
    #toteimage { float: left; margin-right: 3%;
                   width: 47%; border: 3px solid black; }
    div.tshirt { clear: both; }

    img.left { float: left; }
    img.right { float: right; }

form {
  text-align: left;
  border: 2px black;
}

form p {
  text-align: left;
}

.radioButton {
   text-align: left;
}
   
.formLabel {
   float: left;
   text-align: right;
   padding-right: .5em;
   min-width: 90px;
}

.formLabelRight {
   float: right;
   padding-left: .5em;
}

.formLabelBox {
   margin-left: 100px;
}

form#tsform input {
  width: 100%;
  font-family: monospace;
}
form#tsform input.number {
  width: 2em; 
  padding-right: 1em;
  font-family: monospace;
}
form#tsform textarea {
  width: 100%;
  font-family: monospace;
}

form.formmail input[type="text"] {
  width: 100%;
  font-family: monospace;
}
form.formmail input[type="text"].number {
  width: 2em; 
  padding-right: 1em;
  font-family: monospace;
}


form.formmail textarea {
  width: 100%;
  font-family: monospace;
}

    form.reg {
    }

    fieldset.reg label {
      white-space: nowrap;
      position: relative;
      display: inline-block;
    }

    fieldset.reg {
      border: none;
      padding: 0;
    }
    
    fieldset.reg#personal-info {
      padding: 6px 10px 12px 100px;
      text-align: left; 
    }

    fieldset.reg#personal-info .col1 {
      position: absolute;
      left: -100px;
      width: 95px;
      padding: 0px;
      overflow: hidden;
    }

    input.reg[type="text"] {
      font-family: monospace;
    }

    fieldset.reg p {
      text-align: left;
      padding: 0px;
      margin: 4px 0px 4px 0px;
      line-height: 150%;
    }

    fieldset.reg#personal-info p {
      margin: 2px 0px 2px 0px;
      white-space: nowrap;
      overflow: visible;
    }

    fieldset.reg#volunteer-info {
    }

    fieldset.reg .header {
      display: inline;
      text-decoration: underline;
      font-weight: bold;
      font-size: 100%;
      padding-right: 1em;
    }

    fieldset.reg .tshirtlabel {
      display: inline-block;
      width: 140px;
      overflow: hidden;
    }

    fieldset.reg#registration-type table {
      width: 550px;
      margin-bottom: 1em;
    }

    fieldset.reg#registration-type td {
      padding-right: 0px;
    }

    fieldset.reg th {
      text-decoration: underline;
    }

    fieldset.reg#fees table {
      border: double;
      margin-top: 30px;
      padding: 20px;
    }

    fieldset.reg#fees td.col1 {
      text-align: left;
      padding-right: 2em;
    }
    fieldset.reg#fees td.col2 {
      text-align: right;
    }

    fieldset.reg#buttons {
      margin-top: 1em;
    }
    fieldset.reg#buttons ul {
      padding-left: 2em;
      list-style: none;
    }
    fieldset.reg#buttons input[type=radio] {
      position: absolute;
      left: -2em;
      padding-right: 1em
    }

    div.error p {
       margin: 0;
       padding: 4px;
    }
    
    .error { background-color: #f39aa1; }
    .num-error { background-color: #f39aa1; text-align: right; }

    .one-line { white-space: nowrap; }
    .fullwidth { width: 100%; }
    .centered { text-align: center; }
    .bordered { border: 4px solid; }
    .floatright { float: right; }
    .floatleft { float: left; }
    .number { text-align: right; }