body {background-image: url(/common/img/as_bknd.jpg);
        background-color: #CAC7BC; 
        color: #3C283C;
        font-family: "arial", helvetica, sans-serif;}
  A:link    {background-color: transparent;
             color: #685C94}
  A:visited {background-color: transparent;
             color: #685C94}
  A:hover   {background-color: transparent;
             color: #8E7512}
  A:active  {background-color: transparent;
             color: #cc3300}
  H1 {text-align: left;}
  H2 {text-align: left;}
  H3 {text-align: left;}
  H4 {text-align: left;
      margin-bottom: 0em;}
  TABLE {border-width: 0px;
         border-collapse: collapse;
         border-spacing: 0px;}
  TD {vertical-align: top;
      border-width: 0px;}
  HR {border-width: 2px;
      border-style: groove;
      border-color: #8C6D8C;
      height: 0px;}
  IMG {border: none;}

  #outer-box {width: 100%;}
  #main-page-left {float: left;
                   width: 260px;
}
  #main-page-right {margin-left: 268px;}

  .bold {font-weight: bold;}
  .top {vertical-align: top}
  .centered {text-align: center}
  .left {text-align: left}
  .right {text-align: right}
  .small {font-size: 90%;}
  .notes {text-align: center;
          margin: 10px;
          font-size: 80%;}
  .table-bg {background-image: url(/common/img/as_tablebknd1.jpg);
             border-width: 4px;
             border-style: groove;
             border-color: #8C6D8C;
             padding: 20px 10px 20px 10px;}
  .small-table {background-color: #F9F9FB;
                color: #000000;
                font-family: arial, helvetica, sans-serif;
                font-size: 9pt;
                text-align: center;
                padding:  4px;}
  .small-tentry {border-width: 1px;
                 border-style: solid;
                 border-color: #8C6D8C;
                 padding: 4px;}
  .small-theader {font-weight: bold;
                  color: #600D61;
                  background-color: transparent;}
  .small-theader2 {font-weight: bold;
                   color: #610D21;
                   background-color: transparent;}
  .thin-border {border-width: 1px;
                border-style: solid;
                border-color: #8C6D8C;
                padding: 10px;}
  .thick-border {border-width: 3px;
                 border-style: solid;
                 border-color: #8C6D8C;
                 padding: 10px;}
  .padded {padding: 20px 10px;}
  .indented {text-align: left;
             margin-left: 2em;
             margin-right: 2em;}
  .header {font-weight: bold;
           color: #753E29;
           background-color: transparent;}
  .fieldname {text-align: right;
              vertical-align: top;
              padding-top: 15px;
              padding-bottom: 10px;}
  .field {text-align: left;
          vertical-align: middle;
          padding-left: 10px;
          padding-top: 10px;
          padding-bottom: 10px;}
  .input {color: #000000;
          background-color: #DED9F9;
          background-image: url(/common/img/as_tablebknd3.jpg);
          font-family: "arial", helvetica, sans-serif;}
  .submit {color: #000000;
           background-color: #B494C3;
           background-image: url(/common/img/as_tablebknd2.jpg);
           font-family: "tahoma", "arial", helvetica, sans-serif;
           font-weight: bold;}

  .fact {text-align:left;
         font-family: "andale mono", monospace;
         font-size: 8pt;}
  .warning {font-style: italic;
            margin: 20px 4px 10px 4px;}
  .warning img {float: left;
                margin: 4px;}

  .outlined-box {background-image: url(/common/img/as_tablebknd1.jpg);
                 border-width: 4px;
                 border-style: groove;
                 border-color: #8C6D8C;
                 padding: 5px 10px;
                 margin: 4px 0px;}
  .outlined-fit-box {background-image: url(/common/img/as_tablebknd1.jpg);
                     border-width: 4px;
                     border-style: groove;
                     border-color: #8C6D8C;
                     padding: 5px 10px;
                     margin: 4px auto;
                     display: table;}

  #menu-box {background-image: url(/common/img/as_tablebknd1.jpg);
             border-width: 4px;
             border-style: groove;
             border-color: #8C6D8C;
             padding: 2px 4px 2px 4px;
             margin: 4px 0px 4px 0px;}
  #menu {margin: 0 auto 0 auto;
         padding: 0;
         border: none;
         display: table;}
  #menu img {border: none;
             margin: 1px;
             padding: 0;}
  #menu a {margin: 0;
           padding 0;}

  .album-cover {display: inline-block;
                width: 194px; 
                height: 250px;
                vertical-align: top;
                background: url(/common/img/album-cover-bg.png) no-repeat top left;
                border: none;}
  .album-cover a {text-decoration: none;
                  color: #222222;}
  .album-cover p {padding: 0;
                  margin: 0;}
  .album-cover img {border-top: 1px solid black;
                    border-left: 1px solid black;
                    border-bottom: none;
                    border-right: none;
                    margin: 17px 17px 11px 17px; 
                    padding: 0px;}

  #tagboard-box {background-image: url(/common/img/as_tablebknd3.jpg);
                 font-family: "tahoma", "arial", helvetica, sans-serif;
                 font-size: 8pt;
                 width: 400px;
                 border-width: 2px;
                 border-style: inset;
                 border-color: #8C6D8C;
                 margin: 10px auto;
                 padding: 4px;}
  #tagboard-box .header {font-weight: bold;
                         color: #3C283C;
                         margin: 2px;}
  #tagboard-box .submit {color: #000000;
                         background-color: #B494C3;
                         background-image: url(/common/img/as_tablebknd2.jpg);
                         font-family: "tahoma", "arial", helvetica, sans-serif;
                         font-size: 8pt;
                         font-weight: bold;}
  #tagboard-box table {border: none;
                       margin: 0;
                       padding: 0;}
  #tagboard-box td {border: none;
                    margin: 0;
                    padding: 0;}
  #tagboard-box tr {border: none;
                    margin: 0;
                    padding: 0;} 
  .tagboard-input {color: #000000;
                   background-color: #EFE7DF;
                   background-image: url(/common/img/as_tablebknd1.jpg);
                   font-family: "tahoma", "arial", helvetica, sans-serif;
                   font-size: 8pt;}
  .tagboard-status-box {color: #000000;
                        background-color: transparent;
                        border: 1px solid #8C6D8C;
                        margin: 1px;
                        padding: 0px;
                        font-family: "tahoma", "arial", helvetica, sans-serif;
                        font-size: 7pt;}
  .tagboard-status {color: #000000;
                    background-color: transparent;
                    border: none;
                    text-align: right;
                    font-family: "tahoma", "arial", helvetica, sans-serif;
                    font-size: 7pt;}

  #moon-box {background-image: url(/common/img/as_tablebknd1.jpg);
             border-width: 4px;
             border-style: groove;
             border-color: #8C6D8C;
             width: 160px;
             padding: 5px 5px 10px 5px;
             margin: 10px auto;
             text-align: center;
             font-family: "tahoma", "arial", helvetica, sans-serif;
             font-size: 9pt;
             color: #3C283C;}
  #moon-box p {padding: 0;
               margin: 2px 0px;}

  #moon-box .header {font-weight: bold;
                     color: #3C283C;
                     margin: 4px 0px;}

  #moon-box .moon-pic {padding: 0;
                       margin: 4px;}

  #moon-box .orbit-pic {padding: 0;
                        margin: 4px 0 0 0;}


  #music-table {border-width: 2px;
                border-style: inset;
                border-color: #8C6D8C;
                background-color: #000000; 
                color: #e2ba86;
                text-align: left;
                border-collapse: collapse;
                border-spacing: 0px;
                margin: 10px auto 4px auto; 
                font-size: 8pt;
                }

  #music-table .stats-table {vertical-align: top;
                             padding: 0 2px 3px 2px;}

  #music-table .notes {text-align: left;
                       margin: 0;
                       color: #CC4F24;
                       font-size: 7pt;}
  #music-table .no-border {border-width: 0;}

  #music-table .icons {vertical-align: bottom;}

  #music-table .bold {font-weight: bold;
                      color: #CC4F24;
                      font-size: 10pt;}
  #music-table TD {border-width: 0 1px 0 1px;
                   border-color: #A76149;
                   border-style: solid;}

  #music-table OL {margin: 4px 0px 2px 0px;
                   padding: 0 0px 0 16px;
                   list-style-type: disc;}