Help Remove bullets

Hi,

I’m having trouble removing the bullets from the top navigation bar. I am sure its something simple but I still cant figure it out.

<div id="globalnav">
	<ul>
                <li><a href="https://www.oneworldsdf.com">Main</a></li>
		<li><a href="https://www.oneworldkravmaga.com">Krav Maga</a></li>
		<li><a href="https://www.crossfitoneworld.com">CrossFit</a></li>
		<li><a href="https://meatymcbrown.typepad.com/guerrilla_jiujitsu_at_one/">Jiu-Jitsu</a></li>
		<li><a href="https://www.oneworldbootcamp.com">Boot Camp</a></li>

	</ul>
</div>

#globalnav {
list-style-type: none;
	width: 100%;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;  }
#globalnav ul {
        list-style-type: none;
	list-style: none;
	width: 800px;
	margin: 0 auto;
	padding: 0; }
#globalnav li {

	float: left; }
#globalnav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #c00;
	border-right: 1px solid #ccc; }
#globalnav li:first-child a {
list-style-type: none;
	list-style: none;
	border-left: 1px solid #ccc; }
#globalnav li a:hover {
	color: #000;
	background-color: #fff; }