/* Section 508 accessibility styles */

  a.s508, a:link.s508, a:visited.s508 {
    display: block;
    color: #333;
    height: 0px;
  }
  a:hover.s508, a:focus.s508, a:active.s508 {
    background-color: #333;
    color: #ccc;
    height: 1em;
  }



/* layout and positioning */

  body {
    margin:0px;
    border: 0px;
    padding:0px;
    font: 1em normal Verdana, Arial, sans-serif;
    text-align:center;
  }
  #page {
    margin:0 auto;
    border:#eee 1px solid;
    padding:0;
    width:80%;
    text-align:left;
  }
  #header {
    margin:1em 0 0 0;
    border:0;
    padding:0;
  }
  #navigation {
    margin:0;
    border:0;
    padding:0;
    }
  #content {
    margin:0;
    border:0;
    padding:0 .5em;
  }
  #footer {
    float:none;
    clear:both;
    margin:1em 0 0 0;
    border-top:#000 solid 1px;
    padding:0 .5em;
    color:#999;
    background-color:#eee;
  }
  #footer address {
    font-size: 80%;
    text-align: center;
  }

/* banner display */

  #header {
    text-align: center;
  }
  #header img#logo {
    height: 120px;
    width: 480px;
    border: 0px;
  }

/* navigation display */


  #navigation {
    width: 100%;
    background-color: #333;
    font-variant: small-caps;
  }
  #navigation ul {
    margin:0;
    border:0;
    padding:0;
  }
  #navigation ul li {
    list-style: none;
    display: inline;
  }
  #navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
    background-color: #333;
    color: #ccc;
    text-decoration: none;
    margin: 0px;
    border: 0px;
    padding: 0px 1em;
  }
  #navigation ul li a:active, #navigation ul li a:focus, #navigation ul li a:hover {
    background-color: #ccc;
    color: #333;
    text-decoration: underline;
  }
    
/* active page indication */
    body#home #navigation a.home         { font-weight: bold; color: #0f0; } 
    body#history #navigation a.history   { font-weight: bold; color: #ff0; } 
    body#services #navigation a.services { font-weight: bold; color: #f00; } 
    body#staff #navigation a.staff       { font-weight: bold; color: #00f; }  
    body#links #navigation a.links       { font-weight: bold; color: #f0f; }
    body#contact #navigation a.contact   { font-weight: bold; color: #0ff; } 

    body#home h2, body#home h3           { color: #0f0; } 
    body#history h2, body#history h3     { color: #ff0; } 
    body#services h2, body#services h3   { color: #f00; } 
    body#staff h2, body#staff h3         { color: #00f; }  
    body#links h2, body#links h3         { color: #f0f; }
    body#contact h2, body#contact h3     { color: #0ff; } 

/* float classes */
  .float_left {
    float:left;
    margin:0 1em 0 0;
  }
  .float_right {
    float:right;
    margin:0 0 0 1em;
  }
  .no-float {
    float:none;
    clear:both;
  }