body { background-color: #d5d5d5;
       background-image: url('bg.gif');
       background-repeat: repeat-y;
       background-position: top center;
       margin: 0px; }

#container { position: relative;
             margin: auto;
             width: 780px; }

#top { position: absolute;
       left: 0px;
       top: 0px;
       z-index: 1;
       width: 780px;
       height: 185px; }

#menu { position: absolute;
        left: 0px;
        top: 195px;
        width: 150px;
        z-index: 2;
        padding: 10px; }

#menu ul { margin: 0;
           padding: 0; }

#menu li { list-style-type: none;
           text-align: left;
           display: block;
           background-color: #a5b1a2;
           width: 150px;
           border-top: 2px solid #ffffff;
           padding-top: 2px;
           padding-bottom: 2px;
           padding-left: 3px;
           font-family: trebuchet ms,verdana,arial,helvetica;
           font-size: 12px;
           color: #ffffff; }

#menu li a { border-left: 7px solid #000000;
             padding-left: 4px; 
             text-decoration: none;
             font-weight: bold;
             font-family: trebuchet ms,verdana,arial,helvetica;
             font-size: 12px;
             color: #ffffff; }
             
#menu li a:hover { text-decoration: underline;
                   border-left: 7px solid #dadfd8; }

.menutitle { font-family: times new roman, trebuchet ms,verdana,arial,helvetica;
             font-size: 18px;
             color: #889784;
             font-style: italic;
             font-weight: bold;
             letter-spacing: 3px; }

#text { position: absolute;
        left: 170px;
        top: 185px;
        width: 580px;
        padding: 10px;
        font-family: trebuchet ms,verdana,arial,helvetica;
        font-size: 12px;
        text-align: justify;
        color: #000000;
        line-height: 23px;
        z-index: 2; }

#text ul { margin-top: 4px; }

a { text-decoration: none;
    font-weight: bold;
    color: #c0c8be; }

a:hover { text-decoration: underline;
          color: #a4b0a0; }

option,textarea,input { font-family: trebuchet ms,verdana,arial,helvetica;
                        font-size 12px;
                        color: #ffffff;
                        border: #a5b1a2 solid 1px;
                        background-color: #000000; }

.header { font-family: times new roman,arial,verdana,helvetica;
          font-size: 24px;
          font-weight: bold;
          font-style: italic;
          letter-spacing: 3px;
          color: #2d332b;
          border-bottom: 1px solid #000000; }

.smheader { font-family: times new roman,arial,verdana,helvetica;
            font-size: 18px;
            font-weight: bold;
            font-style: italic;
            letter-spacing: 3px;
            color: #2d332b;
            border-bottom: 1px solid #000000; }

b, strong { color: #2d332b; }

.episodes { width: 90%;
            margin: auto;
            border: none; }

.episodes td { font-family: trebuchet ms,verdana,arial,helvetica;
               font-size: 12px;
               text-align: justify;
               color: #000000;
               padding-left: 10px;
               padding-right: 10px;
               padding-bottom: 5px;
               vertical-align: top; }

.st { font-weight: bold; }

.disclaimer { border-top: 1px solid #000000;
              font-size: 11px;
              text-align: center;
              line-height: 16px; }
              
.center { text-align: center; }

.show_join_email_field, .show_update_old_email_field, .show_update_email_field, .show_lostpass_email_field { width: 200px; }
.show_join_url_field, .show_update_url_field { width: 350px; }
.enth3_character, .show_update_character_field { width: 350px; }
