Some CSS help please

I am trying to insert a simple CSS menu into my side bar. Their is a white space and some bullets to the left of the menu. Can you help me take out the white space and bullets. my site is https://www.myslavelake.com/directory/

I am using the Thematic Theme Framework
https://themeshaper.com/thematic-for-wordpress/

I am using menue #1
https://exploding-boy.com/images/EBmenus/menus.html

CSS code is

/*- Menu 1--------------------------- */

#menu1 {
	width: 200px;
	margin: 10px;
	border-style: solid solid none solid;
	border-color: #3D261D;
	border-size: 1px;
	border-width: 1px;
	}

#menu1 li a {
	height: 32px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	

#menu1 li a:link, #menu1 li a:visited {
	color: #E4D6CD;
	display: block;
	background:  url(images/menu1.gif);
	padding: 8px 0 0 10px;
	}

#menu1 li a:hover {
	color: #FFF;
	background:  url(images/menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}

This is the HTML code

<div id="menu1">

<ul>
<li><a href="#1" title="Link 1">Link 1</a></li>
<li><a href="#2" title="Link 2">Link 2</a></li>
<li><a href="#3" title="Link 3">Link 3</a></li>
<li><a href="#4" title="Link 4">Link 4</a></li>
<li><a href="#5" title="Link 5">Link 5</a></li>
</ul>
</div>

Thanks for your time
-mike