Tematização do menu principal

Olá a todos :))

como iniciante me deparei com uma tarefa um tanto intransponível.

Quero tematizar o menu como na imagem.

      <nav>
        <ul class="sf-menu" id="nav">
          <li class="selected"></li>

            ....
          <li>
            <ul>
              <li>

                   ....
                <ul>
                  <li><a href="#">Sub Drop Down One</a></li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </nav>

a saída padrão em page.tpl não exibe listas aninhadas. (((

<?php print theme('links__system_main_menu', array(
          'links' => $main_menu,
          'attributes' => array(
            'id' => 'nav',
            'class' => array('links', 'clearfix', 'sf-menu'),
          ),
          'heading' => array(
            'text' => t('Main menu'),
            'level' => 'h2',
            'class' => array('element-invisible'),
          ),
        )); ?>

a saída em forma de árvore não consigo trazer para a aparência como no template.(((

    <?php print render(menu_tree('main-menu')); ?>

Socorro!