como hago esto (submenu)

   <div id="slide-1">
</div>
         </div><!-- /.entry -->
   
                       
        </div><!-- /.home-page -->

           
              </div><!-- /#main -->

   
        <!-- Sidebar Starts -->
<div id="sidebar" class="col-right">

   <!-- Widgetized Sidebar -->   
         <div id="woo_news-3" class="widget widget_woo_news">
            <h3>
               TITULO                </h3>
                <a class="rss" href="#" title="PWG"><img src="http://i48.tinypic.com/2nrn6ds.png" alt="PWG"/></a>

           
            <ul>
                                  <li><a href="#" title="name">Nombre</a></li>
                 
                                  <li><a href="#" title="name">Nombre</a></li>
                 
                                  <li><a href="#" title="name">Nombre</a></li>
                 
                           </ul>
         
      </div>   
               <div id="woo_news-3" class="widget widget_woo_news">
            <h3>
               TITULO                </h3>
                <a class="rss" href="#" title="PWG"><img src="http://i48.tinypic.com/2nrn6ds.png" alt="PWG"/></a>

           
            <ul>
                                  <li><a href="#" title="name">Nombre</a></li>
                 
                                  <li><a href="#" title="name">Nombre</a></li>
                 
                                  <li><a href="#" title="name">Nombre</a></li>
                 
                           </ul>
         
      </div>   
         
         <div id="woo_news-3" class="widget widget_woo_news">
            <h3>
               TITULO                </h3>
                <a class="rss" href="#" title="PWG"><img src="http://i48.tinypic.com/2nrn6ds.png" alt="PWG"/></a>

           
            <ul>
                                  <li><a href="#" title="name">Nombre</a></li>
                 
                                  <li><a href="#" title="name">Nombre</a></li>
                 
                                  <li><a href="#" title="name">Nombre</a></li>
                 
                           </ul>
         
      </div>                       
   
</div>
<!-- Sidebar Ends -->
    </div><!-- /#content -->
     
   <div id="footer" class="col-full">
   
      <div class="top">
         
         <div id="widget-left" class="col-left">
            <div id="text-3" class="widget widget_text"><h3>Titulo</h3>         <div class="textwidget"><p>nombre nombre nombre nom NombreNombreNombreNombreNombreNombre. no NombreNombreNombreNombreNombreNombreNo
NombreNombreNombreNombreNombreNombreNo. </p>

</div>
      </div>   
         </div><!-- /#footer-widget-1 -->
         
         <div id="widget-right" class="col-right">
              <div id="archives-3" class="widget widget_archive"><h3>Titulo</h3>      <ul>
   <li><a href='#' title='name'>Nombre</a></li>
   <li><a href='#' title='name'>Nombre</a></li>
   <li><a href='#' title='name'>Nombre</a></li>
        <li><a href='#' title='name'>Nombre</a></li>
      </ul>
</div>             
         </div><!-- /#footer-widget-2 -->
         
         <div class="fix"></div>
         
      </div><!-- /.top -->
     
      <div class="bottom">
     
         <div id="copyright" class="col-left">
            <p>© 2010 Nombre Web. All Rights Reserved.</p>

         </div>
         
         <div id="credit" class="col-right">
            <p>Powered by <a href="http://www.wordpress.org">Wordpress</a>. Designed by  <a href="http://pwg-designs.es.tl"><img src="http://i47.tinypic.com/2gxoi00.png" width="70" height="17" alt="PWG* Designs" /></a></p>
         </div>
         
      </div><!-- /.bottom -->
     
   </div><!-- /#footer -->
   

</div><!-- /#container -->
</body>
</html>