/* Stylesheet for the TreadCorp site */

/* ---------- General ---------- */

* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  font: 12px Arial;
  background-color: #aaa;
}

a {
  color: #00f;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: none;
}

h2.box, h3.box {
  font: 14px Arial;
  background-color: #f2f2f2;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px dotted #8cacc0;
  margin-bottom: 10px;
}

.link-list {
  list-style-type: none;
}

.link-list li {
  margin: 5px 0 5px 10px;
}

.link-list li a {
  font: 12px Arial;
  color: #000;
}

.summary ul, .body ul, .article ul {
  margin-left: 20px;
}

.summary ol, .body ol, .article ol {
  margin-left: 25px;
}

.edit {
  color: #f00;
}

/* ---------- Framework ---------- */

#canvas {
  width: 1020px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#content {
  width: 1000px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
}

  #top {
    position: relative;
    width: 1000px;
    height: 120px;
    margin-bottom: 5px;
  }

    #masthead {
      position: relative;
      width: 1000px;
      height: 90px;
      background: url(img/logo3.jpg) no-repeat;
      margin-bottom: 5px;
    }

      a.home-link {
        position: absolute;
        display: block;
        top: 5px;
        left: 0;
        width: 230px;
        height: 70px;
        text-decoration: none;
      }

      a.home-link span {
        visibility: hidden;
      }

      a.jump-to-content {
        position: absolute;
        top: 0;
        left: -2000px;
      }

      .nav-tools {
        float: right;
        list-style-type: none;
        margin-top: 60px;
      }

      .nav-tools li {
        float: left;
        margin-left: 10px;
      }

      .nav-tools a {
        color: #000;
      }

      .nav-tools a.selected {
        font-weight: bold;
      }

    #bar-top {
      width: 1000px;
      height: 30px;
      background-color: #000;
    }

      .nav-top {
        list-style-type: none;
        margin-left: 10px;
      }

      .nav-top li {
        float: left;
        height: 30px;
        margin-right: 30px;
      }

      .nav-top a {
        display: block;
        height: 21px;
        padding-top: 6px;
        font: 14px Arial;
        color: #fff;
      }

      .nav-top a.selected {
        font-weight: bold;
      }

      #search {
        float: right;
        padding-top: 4px;
        padding-right: 10px;
      }

      #searchbutton {
        font: 14px Arial;
        color: #fff;
        background-color: #000;
        border: none;
        cursor: pointer;
        width: 30px;
        height: 20px;
      }

  #main-container {
    width: 1000px;
  }

  #footer {
    width: 1000px;
    margin-top: 20px;
    border-top: 1px dotted #8cacc0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

    #footer p {
      text-align: center;
    }

/* ---------- Frontpage template ---------- */

    #frontpage-top {
      width: 1000px;
      overflow: hidden;
      padding-top: 10px;
    }

      #frontpage-top h1 {
        font: bold 24px Arial;
        color: #206068;
        margin-bottom: 20px;
      }

      #frontpage-top p {
        font: 16px Arial;
        margin-bottom: 10px;
      }

      #frontpage-top a {
        font: 12px Arial;
      }

      .frontpage-social-links {
        margin-top: 20px;
      }

      .frontpage-social-links span {
        margin-right: 10px;
      }

      #frontpage-top-left {
        float: left;
        width: 450px;
      }

      #frontpage-top-right {
        float: left;
        width: 500px; /* Max 550px */
      }

    #frontpage-columns {
      width: 1000px;
      overflow: hidden;
      padding-top: 20px;
    }

      #frontpage-columns .frontpage-column {
        float: left;
        width: 300px;
        margin-right: 50px;
      }

      #frontpage-columns .last {
        margin-right: 0;
      }

        .frontpage-section {
          margin-bottom: 20px;
        }

          .frontpage-news-item {
            width: 100%;
            overflow: hidden;
            padding-bottom: 30px;
          }

            .frontpage-news-item h3, h3 a {
              font: bold 14px Arial;
              color: #000;
            }

            .frontpage-news-item .img-left {
              float: left;
              width: 70px;
              margin-right: 10px;
              overflow: hidden;
            }

            .frontpage-news-item .txt-right {
              float: right;
              width: 220px;
            }

            .frontpage-news-item .txt-left {
              float: left;
              width: 220px;
              margin-right: 10px;
            }

            .frontpage-news-item .img-right {
              float: right;
              width: 70px;
              overflow: hidden;
            }

            .frontpage-news-item .date {
              color: #999999;
              white-space: nowrap;
            }

          .events {
            margin-left: 10px;
          }

          .events td {
            vertical-align: top;
          }

          .events th {
            text-align: left;
          }

          .events .date {
            width: 90px;
          }

          .events .title {
            width: 130px;
          }
  
          .events .location {
            width: 70px;
          }

          .all-events-link {
            padding: 10px 0 20px 10px;
          }

          .event th {
            width: 90px;
            height: 20px;
          }

/* ---------- Content template with wide main area and right column ---------- */

    #main-content-wide {
      width: 100%;
      overflow: hidden;
    }

      #main-content-wide-left {
        float: left;
        width: 765px;
        padding-right: 25px;
      }

      #main-content-wide-left h1 {
        font: bold 28px Arial;
        color: #206068;
        margin-bottom: 20px;
      }

      #main-content-wide-left .body {
        margin-bottom: 20px;
      }

      #main-content-wide-left h3 {
        font: bold 14px Arial;
        color: #206068;
      }

/* ---------- Content template with left menu, main area and right column ---------- */

    #wrapper {
      width: 100%;
      overflow: hidden;
      background: url(img/bg-main-repeat.gif) repeat-y 150px 0;
    }

    #left {
      float: left;
      width: 150px;
    }

      .nav-left {
        list-style-type: none;
        padding-top: 20px;
      }

        .nav-left li.level-1 {
          margin-top: 15px;
          font: bold 14px Arial;
        }

        .nav-left li.level-2 {
          margin-top: 5px;
          font: 12px Arial;
        }

        .nav-left a {
          color: #000;
        }

        .nav-left a.selected {
          text-decoration: underline;
        }

      .editor-tools {
        margin-top: 30px;
      }

    #main-content {
      float: left;
      width: 850px;
    }

      #breadcrumb {
        width: 825px;
        color: #8cacc0;
        padding-left: 25px;
        margin-bottom: 20px;
        background-color: #fff;
      }

      #breadcrumb a {
        color: #8cacc0;
      }

      #main-content p, #main-content-wide p {
        font: 12px Arial;
        margin-bottom: 10px;
      }

      #main-content-left {
        float: left;
        width: 590px;
        padding-left: 25px;
        padding-right: 25px;
      }

        #main-content-left h1 {
          font: bold 28px Arial;
          color: #206068;
          margin-bottom: 20px;
        }

        #main-content-left .body {
          clear: left;
          margin-bottom: 20px;
        }

        #main-content-left h3 {
          font: bold 14px Arial;
          color: #206068;
        }

        .article-footer {
          clear: left;
          padding-top: 10px;
          color: #999999;
        }

        .social-links {
          text-align: right;
        }

        .social-links span {
          margin-left: 10px;
        }

        .article {
          width: 100%;
          overflow: hidden;
          padding-bottom: 20px;
        }

          .article h2, h2 a {
            font: bold 14px Arial;
            color: #000;
          }

          .article .img-left {
            float: left;
            width: 70px;
            margin-right: 10px;
            overflow: hidden;
          }

          .article .txt-right {
            float: right;
            width: 510px;
          }

          .article .txt-left {
            float: left;
            width: 510px;
            margin-right: 10px;
          }

          .article .img-right {
            float: right;
            width: 70px;
            overflow: hidden;
          }

        .nav-links img {
          vertical-align: middle;
          background-color: #aaa;
        }

        .nav-links img.nav-back {
          margin-right: 5px;
        }

        .nav-links img.nav-forward {
          margin-left: 5px;
        }

      #main-content-right {
        float: left;
        width: 210px;
      }

        .section-right {
          margin-bottom: 20px;
        }
        
          .section-right p {
            margin-left: 10px;
          }

/* ---------- Sitemap ---------- */

        .sitemap-columns {
          width: 100%;
          overflow: hidden;
        }

        .sitemap-column {
          float: left;
          width: 45%;
        }

        .sitemap, .sitemap ul {
          list-style-type: none;
        }

          .sitemap li.level-2 {
            background: url(img/bg-sitemap-level-2.gif) no-repeat;
          }

            .sitemap li.level-3 {
              background: url(img/bg-sitemap-level-3.gif) no-repeat;
            }

          .sitemap li.level-2 a {
            margin-left: 25px;
          }

            .sitemap li.level-3 a {
              margin-left: 50px;
            }

        .sitemap li a {
          color: #000;
          padding-left: 22px;
          background: url(img/bg-sitemap-link.gif) no-repeat;
        }

        .sitemap li a.last {
          background: url(img/bg-sitemap-link-last.gif) no-repeat;
        }

          .sitemap li.last li.level-2 {
            background: none;
          }

            .sitemap li.last li.level-3 {
              background: url(img/bg-sitemap-level-2.gif) no-repeat;
            }

            .sitemap li.last li.level-2 li.level-3 {
              background: url(img/bg-sitemap-level-3-last.gif) no-repeat;
            }

            .sitemap li.last li.last li.level-3 {
              background: none;
            }