Having main menu bold, while having sub menu non-bold

HTML & CSS
1

Is it possible to have the manu men (Home, Information, Our Mission, FAQ, Contact) be bolded, while having the sub menu objects non-bold?

When I change the font:normal to font:bold EVERYTHING becomes bold. It seems to be all or nothing.

My site can be found here. http://darkhelmet.site11.com/

2

This is actually very easy.

What you need to keep in mind is inheritance. Font weight applied to the element is inherited by ALL descendants (all elements contained inside that tag). Since the drop down menu is really a list of list, all you have to do is “reset” the font-weight of the nested list. Essentially this:

#nav li {font-weight:bold;}
#nav li li {font-weight:normal;}

Hope that helps.

3

Thanks dresden_phoenix!