body { background-color: #e2e3d4;
       margin: auto;
       text-align: center; }

#valign { position: absolute;
          left: 0px;
          top: 50%;
          width: 100%;
          margin-top: -170px; }

#container { position: relative;
             margin: auto;
             width: 527px; 
             height: 340px; }

#layout { position: absolute;
          left: 0px;
          top: 0px;
          width: 523px;
          height: 366px;
          border-style: solid;
          border-width: 4px;
          border-color: #969188;
          z-index: 1; }

#text { position: absolute;
        overflow: auto;
        left: 2px;
        top: 4px;
        width: 360px;
        height: 222px;
        z-index: 2;
        padding: 7px;
        font-family: trebuchet ms, arial, verdana, helvetica;
        font-size: 11px;
        color: #000000;
        text-align: justify; }

#text a { text-decoration: none;
          color: #a48463; 
          font-weight: bold; }

#text a:hover { text-decoration: underline; }

#menu1 { position: absolute;
         left: 20px;
         top: 265px;
         height: 25px;
         z-index: 3;
         text-align: left; }

#menu2 { position: absolute;
         left: 100px;
         top: 295px;
         height: 25px;
         z-index: 3;
         text-align: left; }

#menu1 ul, #menu2 ul { list-style-type: none; }

#menu1 li, #menu2 li { display: inline; }

#menu1 li a, #menu2 li a { background-image: url(box2.gif);
                           background-repeat: no-repeat;
                           background-position: left;
                           padding-left: 15px;
                           padding-right: 15px;
                           color: #e7d9b9;
                           text-decoration: none;
                           font-family: trebuchet ms, arial, verdana, helvetica;
                           font-size: 12px;
                           font-style: italic;
                           font-weight: bold;
                           text-align: left; }

#menu1 li a:hover, #menu2 li a:hover { background-image: url(box1.gif);
                                       background-repeat: no-repeat;
                                       background-position: left;
                                       text-decoration: underline; }

.disclaimer { font-family: trebuchet ms, arial, verdana, helvetica;
              font-size: 10px;
              text-align: center; }

.header { font-size: 18px;
          letter-spacing: 7pt;
          font-weight: bold;
          font-style: italic;
          font-family: times new roman, arial, verdana, helvetica, sans-serif;
          color: #776070; }

b, strong { color: #776070; }

.center { text-align: center; }

textarea, input, option { font-family: trebuchet ms,verdana,arial,helvetica;
                          font-size: 12px;
                          color: #ffffff;
                          border-color: #776070;
                          border-style: solid;
                          border-width: 1px;
                          background-color: #776070; }
                          
.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: 300px; }