/* Main Site Stylesheet  */

/* Basic font styles  */

  body {
    color: rgb(0, 0, 0);
    font-size: 12pt;
    font-family: "Century Gothic", "Arial", san-serif;
    }

  em {
    color: rgb(0, 0, 0);
    font-size: 1.1em;
    font-family: "Century Gothic", "Arial", san-serif;
    font-weight: bold;
    font-style: italic;
    }

  strong {
    font-size: 1.0em;
    font-weight: bold;
    }

  h1 {
    color: rgb(0, 0, 0);
    font-size: 30pt;
    font-weight: lighter;
    font-family: "Century Gothic", "Arial", san-serif;
    }

  h2 {
    color: rgb(0, 0, 0);
    font-size: 24pt;
    font-family: "Century Gothic", "Arial", san-serif;
    }

  h3 {
    color: rgb(0, 0, 0);
    font-family: "Century Gothic", "Arial", san-serif;
    font-size: 18pt;
    font-style: italic;
    }

  h4 {
    color: rgb(255, 0, 0);
    font-family: "Century Gothic", "Arial", san-serif;
    font-size: 14pt;
    font-style: italic;
    }

  h5 {
    color: rgb(64, 64, 64);
    font-family: "Century Gothic", "Arial", san-serif;
    font-size: 14pt;
    }

  h6 {
    color: rgb(0,0,0);
    font-size: 14pt;
    font-weight: lighter;
    font-family: "Century Gothic", "Arial", san-serif;
    }

/* Basic element styles  */

 table {
    border: thick solid rgb(192,192,192);
    width: 95%;
    margin: 1em 1em 1em 1em;
/*     border-spacing: 0; */
    border-collapse: collapse;
    }

  td {
/*     border: thin solid rgb(192,192,192); */
    color: rgb(0, 0, 0);
    font-family: "Century Gothic",Arial,"Sans Serif";
    font-size: 12pt;
    vertical-align: top;
    }

  hr {
/*     color: rgb(192,0,0); */
    width: 90%;
    border: thin solid rgb(192,0,0);
    }

  ol,ul,li {
    margin: 0 0 0 0;
/*     text-indent:1em; */
/*     font-weight: lighter; */
/*     font-size: 12pt; */
/*     line-height: 16pt; */
/*     position: relative; */
/*     left: -1em; */
    }

  a:link {
    color: rgb(192, 0, 0);
    text-decoration: none;
    }

  a:visited {
    color: rgb(0, 128, 72);
    text-decoration: none;
    }

  a:hover {
    color: rgb(0, 0, 192);
    text-decoration: underline;
    }

  a:active {
    color: rgb(0, 0, 0);
    text-decoration: none;
    cursor: pointer;
    }

  .button {
    font-weight: bold;
    margin-left: 1em;
    letter-spacing: 0.25em;
    }

/* ID element styles  */

/* Class element styles  */

  .bar {
    font-size: 0.8em;
    font-style: italic;
    text-align: center;
    }

  .egif {
/*     image: url('e-m-a-i-l.gif'); */
    border-style: none;
    margin-right: 0.25em;
    width: 1.4em;
    height: 1em;
    }

  .piegif {
/*     image: url('images/pieicon.gif'); */
    border: thin solid rgb(192,0,0);
    vertical-align:text-bottom;
    margin-right: 0.25em;
    width: 4em;
    height: 3em;
    }

  .crxpic {
/*     image: url('images/crx_icon.gif'); */
    border: none;
    vertical-align:text-bottom;
    margin-right: 0.25em;
    width: 2em;
    height: 3em;
    }

  .piepic {
/*     image: url('images/pieicon.gif'); */
    border: none;
    vertical-align:text-bottom;
    margin-right: 0.25em;
    width: 8em;
    height: 6em;
    }

  .i {
    text-indent: 2em;
    }

  .redtext {
    color: red;
    }

  .center {
    text-align: center;
    }

  .small {
/*     color: rgb(0, 0, 0);  */
/*     font-family: Arial;  */
/*     font-style: italic;  */
    font-size: 10pt;
    }

  .large {
    font-size: 16pt;
    }

  blacktext {color:rgb(0, 0, 0); }
  redtext {color:rgb(255, 0, 0); }

table#youth {
  border-collapse: collapse;
  font-size: 10pt;
  width: 48em;
  padding: 0 0 0 0;
  }

table#youth td, table#youth td strong {
  font-size: 10pt;
  font-weight: bold;
  padding-top: 0.5em;
  padding-bottom: 0em;
  }
table#youth td h3 {
  font-size: 14pt;
  font-weight: bold;
  padding-top: 0em;
  padding-bottom: 0em;
  }

table#pieColorCodes tr td {
  padding-top: 0.25em; 
  padding-bottom: 0.25em; 
  }