How can I style the second nested submenu (third menu in) specifically in a horizontal menu bar?

Question

I want to be able to control the third level in a horizontal
menu bar specifically (I.E. - two submenus in). Is there a way to
do this?
OR - Is there a way to have the first and second submenus be
the same and the main level of the menu be different? For example,
when I try to add a background image to the first level of the
menu, the third level also gets that image, but the second does
not. Also, when I change the text size in ul.MenuBarHorizontal ul
to say 85%, the second menu goes to 85% less, and the third menu
goes to another 85% less, even smaller.
Ultimately what I want to accomplish is:
1) The main menu to have a background image and size 14 font,
no border.
2) BOTH of the first and second level submenus to be exactly
the same: font size - 12, with a border, and no background image.
I have tried for hours upon hours to accomplish this but I
can't seem to target both the first and second submenu specifically
to be styled the same way and target the main level of the menu to
be styled differently without affecting the submenus.
Can anyone shed some light on this? There must be a way to
target each level of the menu individually here.
Thanks in advance to anyone that can help me out.

Answer 1

Just use basic CSS to accomplish this.
Make a new class that does what you need for the third menu.
Then apply that class to the 3rd level menu items.
You can use more complex selectors if you wish, but the class
is the easy way to do it.