I have a site that I initially started developing as a standalone ASP.NET application using RadMenu as the menu system but then as things progressed I realized that the direction this site will be going will require more interaction (ie., CMS-like functionality) so I started switching it over to DNN just the other day. 

The ASP.NET development version is at http://dev1.homeip.net/adventdvr and the DNN version is http://dev1.homeip.net/advent.  I "cheated" on the straight ASP.NET app one by using images for the main menu items but due to the more dynamic nature of DNN I switched that up to use a background image... it seems to look ok.  My problem is the children on the menu -- in the straight ASP.NET version they have left and right padding but in the DNN version they don't.  I'll be the first to admit that my ability to skin a UL based menu is quite lacking so I pretty much just copy/pasted crap out of the default Telerik menu skin for my ASP.NET version and changed some colors.  It didn't quite work as intended when I tried that on the DNN side though... so my CSS follows:

Can anybody give me some pointers to make it work more like the straight ASP.NET version?

.RadMenu_Advent
{
	white-space: nowrap;
}

.RadMenu_Advent ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.RadMenu_Advent li
{
	float: left;
	margin: 0;
}

.RadMenu_Advent li a:active
{
	color: White;
}

.RadMenu_Advent li a:visited
{
	color: White;
}

.RadMenu_Advent li a:link
{
	color: White;
}

.RadMenu_Advent li a
{
	background: url(images/btn_background.gif) #fff bottom left repeat-x;
	height: 40px;
	line-height: 40px;
	float: left;
	width: 9em;
	display: block;
	border: 1px solid #AFD2FF;
	border-bottom: none;
	border-top: none;
	color: white;
	text-decoration: none;
	text-align: center;
	padding: 0 5px;
	font-size: 16pt;
	text-transform: uppercase;
	font-family:Arial,sans-serif;
}

.RadMenu_Advent li ul li a
{
	background: #1E3445;
	height: 1.5em;
	line-height: 1.5em;
	text-align: left;
	font-size: 8pt;
	font-family:Arial,sans-serif;
	text-transform: none;
	margin: 0 5px 0 5px;
}

.RadMenu_Advent li a:hover
{
	background: url(images/btn_background_h.gif) #fff bottom left repeat-x;
	text-decoration: none;
}

.RadMenu_Advent .rmFirst
{
	color: White;
	text-decoration: none;
}

In case anybody is interested I went through it piece by piece and found that all I needed to do was add "padding: 4px 37px 5px 20px" to the css pertaining to those subitems as such:

.RadMenu_Advent li ul li a
{
	background: #1E3445;
	height: 1.5em;
	line-height: 1.5em;
	text-align: left;
	font-size: 8pt;
	font-family:Arial,sans-serif;
	text-transform: none;
	margin: 0 5px 0 5px;
        // added following line and VOILA!
	padding: 4px 37px 5px 20px;
}