Commande pour abaisser du texte

Bonjour,
je débute en .css et j'aimerai savoir comment abaisser du texte ..
J'ai ça actuellement : http://www.noelshack.com/
Et je veux obtenir ça : http://www.noelshack.com/

La commande HTML :

<!-- Menu Principal--> 
        <div id="topMenu"> 
          
            <ul>                          
                         <li style="background-image:none;"><div class="pageActive">Accueil</div></li> 
                         <li><a href="cv.html">Télécharger mon CV</a></li> 
                         <li><a href="services.html">Services</a></li> 
                         <li><a href="portfolio.html">Portfolio</a></li> 
       <li><a href="contact.html">Contact</a></li> 
                   </ul> 
        </div> 

La commande CSS :

/* ------------ Menu principal ------------------- */

#topMenu {background: url(images/menubg.jpg) no-repeat; width: 929px; height: 78px; margin: 0 auto 0 auto; padding: 0; font: bold 17px Eurostile LT, Helvetica, sans-serif; } 
#topMenu ul {margin:0; padding:0; list-style:none; position: relative; width: 700px; left: 170px;} 
#topMenu li  {float:left; background: url(../images/topMenuSeparateur.gif) top left no-repeat; padding: 0 0px;} 
#topMenu a {display: block; height:20px; font-size:18px; padding: 15px; text-align: center; text-decoration: none; color:#FFF;} 
#topMenu a:hover {border-radius:6px; background-color: #39F; } 
.pageActive {font-size: 18px; border-radius:6px; display: block; height: 24px; margin: 0; padding: 20px 15px 0 15px; text-align:center; text-decoration: none; background-color: #39F;}