body { background-color: #08111b;
       background-image: url('topbg.jpg');
       background-repeat: repeat-x;
       background-position: top left;
       margin: 0px; }

.center { margin: auto;
          text-align: center; }

#image { position: absolute;
         top: 0px;
         left: 0px;
         width: 686px;
         height: 333px;
         z-index: 1; }

#welcome { position: absolute;
           top: 105px;
           left: 375px;
           width: 340px;
           color: #ffffff;
           font-size: 12px;
           font-family: trebuchet ms,arial,verdana,helvetica;
           text-align: justify;
           z-index: 2; }

#menu { position: absolute;
        top: 375px;
        left: 40px;
        width: 100px;
        color: #ffffff;
        font-size: 12px;
        font-family: trebuchet ms,arial,verdana,helvetica;
        text-align: justify;
        z-index: 2; }

#menu ul { margin: 0;
           padding: 0;
           list-style-type: none;
           text-align: center; }

#menu li { border-bottom: 2px solid #08111b; }

#menu li a { display: block;
             background-color: #7998bd;
             width: 100px;
             padding-top: 2px;
             padding-bottom: 2px;
             color: #ffffff;
             text-decoration: none;
             font-weight: bold;
             font-family: trebuchet ms,verdana,arial,helvetica;
             font-size: 12px;
             border: 1px solid #08111b;
             text-transform: uppercase;
             letter-spacing: 2px; }
             
#menu li a:hover { background-color: #aab5c2;
                   text-decoration: none;
                   border-bottom: 5px solid #18559e;}

#main { position: absolute;
        top: 375px;
        left: 195px;
        width: 510px;
        color: #ffffff;
        font-size: 12px;
        font-family: trebuchet ms,arial,verdana,helvetica;
        text-align: justify;
        z-index: 2; }

.header { color: #d1d3d6;
          font-weight: bold;
          font-size: 21px;
          font-family: times new roman, arial, verdana, helvetica;
          letter-spacing: 3px;
          font-style: italic;
          border-bottom: 1px solid #ffffff; }

b, strong { color: #d1d3d6; }

ul { padding: 0;
     margin-left: 4em;
     margin-top: 2px; }

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

a:hover { text-decoration: underline; }

.disclaimer { margin: auto;
              text-align: center;
              font-size: 10px; }
              
option,textarea,input { font-family: Arial,Verdana,Helvetica,Sans-serif;
                        font-size: 9pt;
                        color: #ffffff;
                        border: 1px solid #ffffff;
                        background-color: #20567a; }
                        
.show_join_email_field, .show_update_old_email_field, .show_update_email_field, .show_lostpass_email_field { width: 230px; }
.show_join_url_field, .show_update_url_field { width: 350px; }