I have a ul bullet point list that has CSS styling. This is for my navigation bar. The problem is the font-size: 12px; is too small and I need to separate the navigation bar CSS from the main content CSS which needs size 12 writing.

How would I do this please?

The code below is for my navigation bar bullet point.

#navi li{
	text-align: center;
How do I call 'li' into my HTML document for that specific part of what I need to make font size 20?

If I put font-size: 20px; into the above code it doesn't work because the CSS for links active, visited and the hover has font-size: 12px;

Thank you.