How do I evenly space radio buttons

How do I evenly space radio buttons

My radio button won't space out evenly. I've tried adding, "margin-right:
250px;" along with another method but they will not give me the result
that I'm looking for. I want the buttons to be evenly spaced out on the
page and stay center aligned. Also I've tried adding style the the text
next to the radio buttons but I don't know how to incorporate it in the
CSS of my code. The code does work in the body though.
Here's the JSFiddle: http://jsfiddle.net/2DJsP/embedded/result/
Here's the CSS:
#navlist li {
margin-left: auto;
margin-right: auto;
}
style="color:#fa7f28; font-size:20px; font-weight:bold;