/* Copyright 2006 Dawn of the Ages. All Rights Reserved. */
/* Written by Anasadi, September 18th, 2006 */

/* This style sheet is released to the public under a Creative Commons */
/* License - http://creativecommons.org/licenses/by-nc-sa/1.0/ */

/***********
    BODY
***********/


body {
              left: 0;
            margin: 0;
           padding: 0;
            border: 0 solid #000;
        background: transparent url( "../images/back.gif" ) 0% 0% repeat;
             color: #000;
       font-family: bitstream vera sans, helvetica, arial, sans-serif;
         font-size: 13px;
        text-align: left;
}

#pageBody {
          position: relative;
              left: 0;
        margin-top: 0;
            border: 0px solid #fff;
             width: 800px;
        background: transparent url( "../images/dawn2.gif" ) 0% 0% no-repeat;
}

#pageHeader h2 {
           display: none;
}

#pageMenu {
          position: relative;
               top: 0;
        background: transparent;
        margin-top: 20px;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageMenu {
        margin-top: 0;
}

#pageMenu .menuPlay {
           display: block;
          position: relative;
               top: 0px;
              left: 570px;
             color: #9e0b0e;
         font-size: 14px;
       font-weight: bold;
   text-decoration: none;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageMenu .menuPlay {
              left: 530px;
             width: 110px;
            height: 40px;
        background: transparent url( "../images/menuPlay3.png" ) top left no-repeat;
}

#pageMenu .menuPlay:hover {
             color: #f00;
      voice-family: "\"}\"";
      voice-family:inherit;
}

html>body #pageMenu .menuPlay:hover {
        background: transparent url( "../images/menuPlay3.png" ) bottom left no-repeat;
}

#pageMenu .menuForums {
           display: block;
          position: relative;
               top: 20px;
              left: 610px;
             color: #9e0b0e;
         font-size: 14px;
       font-weight: bold;
   text-decoration: none;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageMenu .menuForums {
              left: 610px;
             width: 80px;
            height: 40px;
        background: transparent url( "../images/menuForums3.png" ) top left no-repeat;
}

#pageMenu .menuForums:hover {
             color: #f00;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageMenu .menuForums:hover {
        background: transparent url( "../images/menuForums3.png" ) bottom left no-repeat;
}

#pageMenu .menuVote {
           display: block;
          position: relative;
               top: 40px;
              left: 590px;
             color: #9e0b0e;
         font-size: 14px;
       font-weight: bold;
   text-decoration: none;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageMenu .menuVote {
               top: 40px;
              left: 590px;
             width: 60px;
            height: 40px;
        background: transparent url( "../images/menuVote3.png" ) top left no-repeat;
}

#pageMenu .menuVote:hover {
             color: #f00;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageMenu .menuVote:hover {
        background: transparent url( "../images/menuVote3.png" ) bottom left no-repeat;
}

.menuDisplay {
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body .menuDisplay {
           display: none;
}

#pageContent {
             float: right;
          position: relative;
               top: 80px;
            border: 0px solid #000;
           padding: 5px;
       margin-left: 20px;
             width: 570px;
        text-align: left;
    /*       z-index: 2; ( */
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageContent {
               /* top: 40px; use for forums if up again */
               top: 80px;
}

#pageContent h2 {
        margin-top: 10px;
       padding-top: 30px;
     border-bottom: 1px solid #000;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageContent h2 {
        background: transparent url("../images/sun3.png") 100% 0% no-repeat;
}

#pageContent h3 {
        margin-top: 10px;
       padding-top: 10px;
     border-bottom: 1px solid #000;
}

#pageContent a {
             width: auto;
     border-bottom: 1px dashed;
        background: transparent;
             color: #412401;
         /*font-size: 12px;*/
       font-weight: bold;
   text-decoration: none;
}

#pageContent a:hover {
             color: #dfaa66;
}

#pageContent a.viewer {
      display: block;
        float: right;
}

#pageContent table {
            border: 0px solid #000;
             width: 550px;
        text-align: center;
}

#pageContent table.legend {
            border: 0px solid #000;
             width: 150px;
        text-align: left;
}

#pageContent table.legend td {
           width: 30px;
}

#pageContent table caption {
        font-weight: bold;
}

#pageContent tr {
            border: 0px double #000;
}

#pageContent td {
          padding-top: 5px;
          padding-bottom: 5px;
             width: 30px;
            border: 0px solid #000;
}

#pageContent td.yes {
        background: transparent url( "../images/yes.png" ) 50% 50% no-repeat;
}

#pageContent td.non {
        background: transparent url( "../images/no.png" ) 50% 50% no-repeat;
}

#pageContent td.head {
             width: 550px;
            border: 1px double #000;
}

#pageContent td span {
             display: none;
}

#pageContent td.noborder {
            border: 0px solid #000;
}

#pageContent pre {
        margin-left: 0em;
}

#pageContent pre a {
        font-weight: normal;
}

#pageContent ul li {
        list-style: none;
}

#pageContent .subject {
      margin-left: -3px;
       margin-top: 20px;
     margin-right: 5px;
          padding: 2px 10px 2px 10px; 
           border: 1px solid #000;
         position: relative;
              top: -5px;
       background: #dfaa66;
        font-size: 12px;
}

#pageContent .p1 {
     margin-top: 30px;
}

#pageLinks {
             float: right;
          position: relative;
              left: 0px;
               top: 180px;
          padding-bottom: 30px;
             width: 180px;
            height: 700px;
        background: transparent url( "../images/sun-lrg.gif" ) 100% 30% no-repeat;
        text-align: left;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageLinks {
               /* top: 160px; */
               top: 200px;
}

#pageLinks a {
            border: 0px dotted #000;
             width: auto;
        background: transparent;
             color: #fff;
         font-size: 12px;
   text-decoration: none;
}

#pageLinks ul {
            margin: 0;
           padding: 0;
             width: 140px;
        background: transparent;
}

#pageLinks ul li {
          position: relative;
            margin: 0;
     border-bottom: 1px dotted #dfaa66;
        background: transparent;
        list-style: none;
}

#pageLinks ul li:hover {
        background: transparent;
}

#pageLinks ul li a {
           display: block;
           padding: 0.25em 0 0.25em 0.5em;
             width: 130px;
        background: transparent;
             color: #dfaa66;
         font-size: 14px;
       font-weight: bold;
   text-decoration: none;
        text-align: right;
}

#pageLinks ul li a:hover {
        background: transparent url("../images/arrow.gif") left center no-repeat;
             color: #f4c187;
   text-decoration: none;
}

#pageLinks ul li.li1 {
       padding-top: 20px;
}

#pageLinks .validate {
         font-size: 9px;
}

#pageLinks .impressum {
         font-size: 9px;
}

#sponLinks {
          position: relative;
               top: 50px;
              left: 0px;
           padding: 5px 5px 10px 5px;
            border: 1px solid #000;
             width: 150px;
        background: #eee;
             color: #111;
         font-size: 12px;
        text-align: left;
}

#sponLinks h4 {
        margin-top: 0px;
         font-size: 12px;
        text-align: center;
}

#sponLinks p {
        margin-top: 0;
         font-size: 12px;
}

#sponLinks a {
             color: #00f;
         font-size: 12px;
       font-weight: bold;
   text-decoration: underline;
}

#sponLinks .blurb {
           display: block;
}

#navBar {
             float: left; 
          position: absolute;
               top: 0;
              left: 0;
            margin: -1px 0 0 0;
      padding-left: 7em;
             width: 100%;
        background: #000;
         font-size: 10px;
             color: #fff;
            border: 1px solid #ccc;
            height: 1em;
}

#navBar ul {
            margin: 0; 
           padding: 0; 
        background: #000;
            border: 1px solid #000;
}

#navBar li {
          position: relative;
        list-style: none;
     padding-left: 3px;
      border-left: 1px solid #ccc;
            margin: 0;
             float: left;
             width: 8em;
       line-height: 1em;
}

#navBar li:hover {
        background: #ccc;
}

#navBar li.submenu {
        background: transparent;
}

#navBar li.submenu:hover {
        background: #000;
}

#navBar li a {
           display: block; 
             color: #fff;
   text-decoration: none; 
             width: 7.5em;
}

#navbar> ul a {
             width: auto;
}

#navBar ul ul {
          position: absolute;
             width: 8em;
           display: none;
}

#navBar ul ul li {
     border-bottom: 1px solid #ccc;
}

#navBar li.submenu li.submenu {
        background: transparent;
}

#navBar li.submenu li.submenu:hover {
        background: #000;
}

#navBar ul.level1 li.submenu:hover ul.level2,
#navBar ul.level2 li.submenu:hover ul.level3 {
           display: block;
}

#pageFooter {
             clear: both;
          position: relative;
               top: 110px;
              left: 200px;
    padding-bottom: 100px;
             width: 600px;
        text-align: center;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageFooter {
    padding-bottom: 30px;
}

#pageFooter a {
     border-bottom: 1px dashed #000;
        background: transparent;
             color: #000;
   text-decoration: none;
}

.hidden {
           display: none;
}

.bold {
       font-weight: bold;
}

#pageCompliance {
          position: absolute;
              left: 800px;
               top: 20px;
           padding: 2px;
            border: 1px solid #000;
             width: 150px;
        background: #eee;
         font-size: 10px;
   text-decoration: none;
      voice-family: "\"}\"";
      voice-family: inherit;
}

html>body #pageCompliance {
           display: none;
}