body {
    background: lightgray;
    margin: 0px;
    padding: 0px;
    /* font-family: Verdana, Geneva, Helvetica, Arial, sans-serif; */
    font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Geneva,sans-serif;
    font-size: 11pt;
  }
  ul {
    list-style-type: square;
  }
  a {
    text-decoration: none;
  }
  a:link    { color: saddlebrown; }
  a:visited { color: saddlebrown; }
  a:hover   { color: #fa5a02; }
  a:active  { color: darkgray; }

  #all {
    clear: both;
    width: 800px;
    margin: 20px auto;
  }

  #header_pane {
    position: relative;
    clear: both;
    background-image: url(/graphics/banner3.1-resized.jpg);
    background-color: darkgray;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding: 5px;
    height: 100px;
    border: none;
    border-top: thin solid darkgray;
    border-left: thin solid darkgray;
    border-right: thin solid darkgray;
  }
  #header_pane p {
    margin: 0px;
    padding-top: 50px;
    line-height: 175%;
  }
  .header_title {
    font-size: 22pt;
    font-weight: bold;
  }
  .header_subtitle {
    font-size: 16pt;
    font-weight: bold;
  }
  #header_pane a:link    { color: white; }
  #header_pane a:visited { color: white; }
  #header_pane a:hover   { color: lightgray; }
  #header_pane a:active  { color: lightgray; }

  #content_pane {
    position: relative;
    clear: both;
    background: white;
    margin: 0px;
    padding: 35px;
    padding-top: 5px;
    /* width: 800px; */
    border: black solid thin;
  }

  #footer_pane {
    position: relative;
    clear: both;
    background: lightgray;
    color: darkgray;
    margin: 0px;
    padding: 2px;
    padding-top: 10px;
    /* width: 800px; */
    text-align: center;
    font-size: 10pt;
  }
  #footer_pane p {
    margin: 0px;
  }
  #footer_pane a:link    { color: darkgray; }
  #footer_pane a:visited { color: darkgray; }
  #footer_pane a:hover   { color: #fa5a02;    }
  #footer_pane a:active  { color: black;    }

  .sectionrow {
    clear: both;
    border: none;
    margin: 0px;
    margin-top: 20px;
    margin-left: 0px;
  }
  .sectionbox {
    position: relative;
    width:  350px;
    height: 350px;
    float: left;
    border: black solid thin;
    margin: 0px;
    margin-left: 21px; 
    margin-bottom: 20px;
    padding: 5px;
  }
  .sectionbox p {
    margin: 2px;
    padding: 2px;
  }
  .sectionbox a.more { text-decoration: none; }
  .sectionbox a.more:link    { color: lightgray; }
  .sectionbox a.more:visited { color: lightgray; }
  .sectionbox a.more:hover   { color: #fa5a02;  }
  .sectionbox a.more:active  { color: black;    }

  .sectionbox h1 {
    margin: 2px;
    padding: 2px;
    font-size: 12pt;
    font-variant: small-caps;
    font-weight:  bold;
    /* text-decoration: underline; */
  }
  
  .sectionbox p.listheader {
    margin-top: 4px;
    margin-bottom: 0px;
    font-variant: small-caps;
  }
  .sectionbox ul {
    margin: 0px;
    margin-left: 20px;
    padding: 0px;
  }
  .sectionbox a {
    /* text-decoration: underline; */
    text-decoration: none;
  }

  .hotstuff .sectionbox {
    background: white;
    height: 50px;
    width: 230px;
    border: none;
  }
  .hotstuff .sectionbox a {
    text-decoration: none;
  }
  .hotstuff .sponsor {
    font-size: 8pt;
    color: darkgray;
  }

  #navbar {
    background: #bebebe; /* between lightgray and darkgrey */
    height: 28px;
    margin: 0px;
    margin-left: 40px;
    margin-right: 40px;
  }
  #navbar > ul {
    margin: 0px;
    margin-left: -60px;
    list-style-type: none;
  }
  #navbar li {
    float: left;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
  }
  #navbar li:hover  { background: darkgray; color: lightgray; }
  #navbar li:active { background: darkgray; color: lightgray; }
  #navbar a:link    { color: black; }
  #navbar a:visited { color: black; }
  #navbar a:hover   { background: darkgray; color: lightgray; }
  #navbar a:active  { background: darkgray; color: lightgray; }
  #navbar li.selected       { background: black; color: lightgray; }
  #navbar li.selected:hover { background: black; color: lightgray; }

  #navbar li.navbar_subheader {
    margin: 0px;
    margin-left: 20px;   /* some space between navbar subsections */
    background: darkgray;
    color: black;
  }
  #navbar li.navbar_subheader:hover { background: darkgray; color: black; }
  #navbar li.navbar_sublist {
    margin: 0px;
    padding: 0px;
  }
  #navbar li.navbar_sublist:hover { background: #bebebe;  }
  #navbar li.navbar_sublist > ul {
    margin: 0px;
    margin-left: -40px;
    list-style-type: none;
  }