Javascript + CSS

Olá galera,

Ajuda em Javascript

<div id="nav-main">
 <ul class="principal">
 <li><a href="a_igreja.html">A Igreja</a>

 <ul class="secundaria" onmouseover="document.getElementById('#nav-main ul').style.border='1px';document.getElementById('#nav-main ul').style.borderStyle='solid'">
 <li>No que cremos</li>
 <li>Pastores e Presbíteros</li>
 <li>Grupos e Conjuntos</li>
 </ul>

 </li>
 <li><a href="cultos.html">Cultos</a></li>
 <li><a href="contato.html">Contato</a></li>
 </ul>

 

 

 

 

Estou fazendo um menu e gostaria que ao **passar o mouse** no **<ul class="secundaria">** mude a **propriedade** do **<ul class="principal">**