/*----------introduction----------*/


#intro { margin:0;
         padding:0;
         width:727px;
         border:1px solid #2255aa;
         background-color:#eeffff; }

#intro h1 { color:#444444;
            margin:0;
            padding:0;
            background-color:#ccffff;
            border-style:solid; 
            border-color:#2255aa;
            border-width:0 0 1px 0;
            width:auto;
            text-align:center; }

#intro ul { color:#444444;
            margin:15px 25px 0 25px;
            padding:0;
            width:auto;
            list-style-type:square; }

#intro li { color:#444444;
            margin:0;
            padding:0;
            width:auto; }

#intro p { color:#444444;
           text-align:center;
           margin:10px 0 10px 0;
           padding:0;
           width:auto; }

#greeting { margin:30px 0 0 0;
            padding:0;
            width:380px;
            float:left; }

#greeting h1 { color:#444444;
               margin:0;
               padding:0 0 0 10px;
               background-color:#ffeecc;
               border-style:solid; 
               border-color:#ffcc22;
               border-width:0 0 0 10px;
               width:auto; }

#greeting p { margin:15px 0 0 0;
              padding:0 10px 0 15px;
              width:auto;
              color:#444444; }

#t-rank { margin:30px 0 0 395px;
          padding:0;
          width:330px;
          border:1px solid #888888; }

#t-rank h1 { color:#444444;
             text-align:center;
             margin:0;
             padding:0;
             width:auto;
             background-color:#eeeeee;
             border-style:solid; 
             border-color:#888888;
             border-width:0 0 1px 0; }

#t-rank h2 { color:#444444;
             text-align:center;
             margin:5px 0 0 0;
             padding:0;
             width:auto; }

#t-rank ul { color:#444444;
             text-align:center;
             margin:5px 0 5px 0;
             padding:0;
             width:auto;
             list-style-type:none; }

#t-rank li { color:#444444;
             text-align:center;
             margin:0;
             padding:0;
             width:auto; }

#enlistment { margin:30px 0 0 0;
              padding:0;
              width:380px;
              float:left; }

#enlistment h1 { color:#444444;
                 margin:0;
                 padding:0 0 0 10px;
                 background-color:#ffeecc;
                 border-style:solid; 
                 border-color:#ffcc22;
                 border-width:0 0 0 10px;
                 width:auto; }

#enlistment p { margin:15px 0 0 0;
                padding:0 10px 0 15px;
                width:auto;
                color:#444444; }

#topix { margin:30px 0 0 395px;
         padding:0;
         width:330px;
         border:1px solid #888888; }

#topix h1 { color:#444444;
            text-align:center;
            margin:0;
            padding:0;
            width:auto;
            background-color:#eeeeee;
            border-style:solid; 
            border-color:#888888;
            border-width:0 0 1px 0; }

#topix ul { color:#444444;
            margin:5px 0;
            padding:0;
            width:auto;
            list-style-type:none; }

#topix li { color:#444444;
            margin:0 10px;
            padding:0;
            width:auto; }

#info { margin:30px 0 20px 0;
        padding:0;
        width:380px;
              float:left; }

#info h1 { color:#444444;
           margin:0;
           padding:0 0 0 10px;
           background-color:#ffeecc;
           border-style:solid; 
           border-color:#ffcc22;
           border-width:0 0 0 10px;
           width:auto; }

#info p { margin:15px 0 0 0;
          padding:0 10px 0 15px;
          width:auto;
          color:#444444; }

#info a { color:#00bb88;
          text-decoration:none; }

#info a:hover { color:#88bb00;
                text-decoration:underline; }

#info a:active { color:#88bb00;
                 text-decoration:underline; }