Tematización del menú principal

¡Buen día a todos!))

Como novato, me he encontrado con una tarea algo abrumadora.

Quiero personalizar el menú como en la imagen.

      <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>

La salida estándar en page.tpl no muestra listas anidadas. (((

<?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('Menú principal'),
            'level' => 'h2',
            'class' => array('element-invisible'),
          ),
        )); ?>

No puedo hacer que la salida en forma de árbol se vea como en la plantilla.(((

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

¡Ayuda!