Carlos Heidtmann

Olá, gostaria de ajuda neste problema, não consigo centralizar os icones e links ao menu, tentei vários códigos, mas não consegui resolver o problema.

O site é HTML, mas creio que deva editar a CSS.

Foto do que está acontecendo:

http://imgur.com/eOziHmc

CSS:

@charset "utf-8";

body {
	background-color: #492118;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#banner {
	background-image: url(imgsweb/i1.png);
	width: 800px;
	height: 256px;
	margin: auto;
}

#menu {
	background-image: url(imgsweb/i2.png);
	text-align: center;
	width: 800px;
	height: 35px;
	margin: auto;
	line-height: 32px;
	color: #8B4513;
	text-transform:lowercase;
}

#principal {
	padding: 20px;
	background-color: #F1D58A;
	width: 760px;
	margin: auto;
}

#titulo {
	color: #5C4033;
	font-family: Verdana;
	font-size: 19px
}

#titulo2 {
	color: #97694F;
	font-family: Verdana;
	font-size: 17px
}

#copyright {
	background-image: url(imgsweb/i3.png);
	text-align: center;
	width: 800px;
	height: 50px;
	margin: auto;
	line-height: 45px;
	color: #8B4513;
}

#topvote {
	background-image: url(imgsweb/vote.png);
	width: 700px;
	height: 100px;
	margin: auto;
}

/*Links*/

#menu a{
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#8B4513;
}
#menu a:visited{
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#8B4513;
}
#menu a:hover{
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#CD853F;
}
#menu a:active{
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#CD853F;
}

#titulo2 a{
	text-decoration:none;
	color:#6592C1;
}
#titulo2 a:visited{
	text-decoration:none;
	color:#0000FF;
}
#titulo2 a:hover{
	text-decoration:none;
	text-decoration:underline;
	color:#287375;
}
#titulo2 a:active{
	text-decoration:none;
	color:#287375;
}

*Não estou usando programas.

Obrigado desde já.