I had stuff hardcoded in before I using this great tool, but now when I drop the nav in there, my CSS gets all wonky. I am unsure what to select for my classes. here is the CSS I have.

#vertNav {
clear:both;
margin:0;
padding:0 0 0;
}
#vertNav ul {
margin:0;
padding:0;
}
#vertNav ul ul {
margin-top:5px;
}
#vertNav li {
background:none repeat scroll 0 0 transparent;
color:#186396;
font-size:1.45em;
font-weight:bold;
list-style-type:none;
margin:0;
padding:0 0 7px;
}
#vertNav li a {
color:#186396;
text-decoration:none;
}
#vertNav li a:hover {
text-decoration:underline;
}
#vertNav li li a {
color:#394792;
}
#vertNav li li {
color:#394792;
font-size:0.75em;
font-weight:bold;
list-style-image:none;
margin:0 10px 0 0;
padding-left:10px;
}
#vertNav li li.selected {
background:url("images/img_arrow_blue_down.gif") no-repeat scroll 0 2px transparent;
font-weight:bold;
}
#vertNav li li li {
color:#636363;
font-size:0.9em;
font-weight:normal;
}
#vertNav li li li li {
font-size:1em;
}
#vertNav ul.lowest li a {
color:#636363;
}
#vertNav ul.lowest li.selected {
background:url("images/img_arrow_grey.gif") no-repeat scroll 0 3px transparent;
}
#vertNav ul ul.lowest {
padding-bottom:0;
}
#vertNav ul ul ul.lowest {
padding-bottom:0;
}
#vertNav ul ul ul ul.lowest {
padding-bottom:0;
}
#vertNav ul ul ul ul ul.lowest {
padding-bottom:0;
}
#vertNav li li.bottomGrey {
border-top:1px dotted #B2B2B2;
color:#636363;
margin-top:0;
padding-top:7px;
}
#vertNav li li.bottomGrey a {
color:#636363;
}

Can anybody help me implement this? Thanks.