/* This style sheet may take a while to read, but its worth it. */

      BODY          {
                      scrollbar-arrow-color:      #0066CC; /* Internet explorer scrollbars */
                      scrollbar-track-color:      #ffffff; /* Internet explorer scrollbars */
                      scrollbar-face-color:       #ffffff; /* Internet explorer scrollbars */
                      scrollbar-highlight-color:  #0066CC; /* Internet explorer scrollbars */
                      scrollbar-3dlight-color:    #ffffff; /* Internet explorer scrollbars */
                      scrollbar-darkshadow-color: #ffffff; /* Internet explorer scrollbars */
                      scrollbar-shadow-color:     #0066CC; /* Internet explorer scrollbars */
                    }

      TABLE         { display: table; border-collapse: collapse;}
      TR            { display: table-row;width: auto; }

           /* Aligning cells to center fixes issues in Internet Explorer with the "Centered Paragraph w. width" tag.. */
      TD            { display: table-cell; text-align: center; width: auto; }

      P, A          {  /* Stupid internet explorer */
                      font: 9pt Tahoma, Verdana, Arial, sans-serif;
                      font-family: Tahoma, Verdana, Arial, sans-serif;
                      color: #0066CC;
                      text-align: left;
                    }

      TABLE.Main    { width: 720px;} /* The main picture has this width, the table should conform around it. */

      TD#TopImg     { border: 1px solid #0066CC; }                           /* Put a border around the image. */
      TD.U          { border: 1px solid #0066CC; border-top: none; }         /* The Border around the side and copyright cells */
      TD.U#LeftSide, TD.U#RightSide, TD.U#Sides
                    { width: 15%; vertical-align: top; } /* Special width and text alignment for the side cells */

      TD.Main       { padding: 20px; padding-top: 0px; vertical-align: top; }

      .link         { text-align: center; }

      P.header      {
                      clear: both;
                      text-align: center ! Important;                    /* Center the text                              */
                      font-weight: bold;                                 /* Bold the Text                                */
                      width: 90%;                                        /* The amount of space the background takes up. */
                      background-image: url(./layout/head.jpg);          /* The background                               */
                      margin-left: auto  ! Important;                    /* Makes sure the background is centered.       */
                      margin-right: auto ! Important;                    /* Makes sure the background is centered.       */
                      margin-top: 5px    ! Important;                    /* make a space above, at least 3 pixels wide   */
                      border: 1px solid #0066CC;                         /* Put a border around the field.               */
                    }

      P.smallheader {
                      clear: both;
                      text-align: center ! Important;                    /* Center the text                              */
                      font-weight: bold;                                 /* Bold the Text                                */
                      width: 45%;                                        /* The amount of space the background takes up. */
                      background-image: url(./layout/head.jpg);          /* The background                               */
                      margin-left: auto  ! Important;                    /* Makes sure the background is centered.       */
                      margin-right: auto ! Important;                    /* Makes sure the background is centered.       */
                      margin-top: 5px    ! Important;                    /* make a space above, at least 3 pixels wide   */
                      border: 1px solid #0066CC;                         /* Put a border around the field.               */
                    }

      IMG.Original  {
                      float: none        ! Important;
                      margin-right: 0px  ! Important;
                      margin-top: 0px    ! Important;
                      margin-left: 0px   ! Important;
                      margin-bottom: 0px ! Important;
                    }

      IMG           { /* Do not use images in the sidebar */
                      float: left;
                      clear: left;
                      margin-right: 5px;
                      margin-top: 5px;
                      margin-left: 22px;
                      margin-bottom: 5px;
                      border: 0;
                    }

      SPAN.Stupid IMG
                    { /* Fix sidebar images. */
                      margin-right: 0;
                      margin-left: 0;
                      margin-top: 0px;
                      margin-bottom: 0px;
                      border: 0;
                      float: right;
                      clear: none;
                    }

      SPAN.Stupid *
                    {
                      /* Argh!! */
                      text-align: left;
                    }

      a:link        {color: #0066CC; text-decoration: none;}
      a:visited     {color: #0077DD; text-decoration: none;}
      a:active      {color: #0066CC; text-decoration: none;}
      a:hover       {color: #0077DD; text-decoration: none;}