Hi,

I need to style the DNN Nav menu using an existing stylesheet deriving from ul and li tags.  I've referenced the menu object as:

<dnn:nav runat="server" id="dnnNav" ProviderName="DNNMenuNavigationProvider" ControlOrientation="Vertical" />

My relevant CSS is:

#p-nav

{ width:251px; padding-left:16px; float:left;}

#p-nav ul { margin:0px; padding:0px;}

#p-nav li { background-image:url(images/sae-p-nav-bg.gif); list-style:none; width:230px; height:35px; padding-left:21px; padding-top:10px; }

#p-nav li#top-nav { background-image:url(images/sae-p-nav-top.gif); list-style:none; width:230px; height:38px; padding-left:21px; padding-top:10px; }

#p-nav li#bottom-nav { background-image:url(images/sae-p-nav-bottom.gif); list-style:none; width:230px; height:38px; padding-left:21px; padding-top:10px; }

#p-nav a:link, #p-nav a:visited { color:#FFF; font-size:16px; text-decoration:none;}

#p-nav a:hover { text-decoration:underline;}

Given that p-nav is the conainter DIV, what changes do I need to make to the above CSS so that the styles will be read by the Nav object?

Thanks,

Sid