Duda en como armar Lista desplegable

[Rafael]

No he revisado el código que pones, pero básicamente una lista desplegable debería ser algo con listas anidadas.

Código HTML:

<div id="templatemo_menu">
<ul>
<li><a href="index.html" class="current">Inicio</a></li>
<li><a href="news.html">Noticias</a></li>
 <ul>
 <li>Argentina</li>
 <li>Colombia</li>
 <li>Ecuador</li>
 </ul>
<li><a href="howto.html">How To...</a></li>
<li><a href="gallery.html">Galería</a></li>
<li><a href="contact.html">Contactenos</a></li>
</ul>
</div>
 

En cuanto al css depende del theme que escojas, pero este DEBE de estar preparado para desplegar el subnivel cuando hagas un hover. Este puede desplegarse con puro css o con JavaScript.
Busca alguno como estos: https://www.google.com.mx/search?q=c...menu+drop+down

Busca alguno que deba utilizar este anidado que te pongo, si empieza a usar divs por aquí y por allá no está bien preparado. Algún class, como <ul class="submenu"> puede ser, aunque yo prefiero que esté el código html limpio. (el primer link que aparece: http://cssdeck.com/labs/another-simp...-dropdown-menu está muy bien)

Otra cosa. Te conviene usar <nav id="templatemo_menu"> en lugar de <div id="templatemo_menu">