Как отцентрировать меню? - Вопросы по CSS

/* CSS Document */

body
{background-color:#170000;}
.style3 {
	color: #FAE37D;
	font-size: 10px;}
.style4 {
	color: #FAE37D;
	font-size: 12px;
	font-style: italic;}

 ul.menu li {
	float: left; /* выравниваем ссылки по горизонтали */
	list-style-type: none; /* убираем маркеры списка*/	
	padding-left:25px; /* внутренний отступ слева */	
	padding-right:10px; /* внутренний отступ справа */	
	padding-bottom:11px; /* внутренний отступ снизу */	
	padding-top:0px; /* внутренний отступ сверху */	
	background-image: url(../images/menu.png) no-repeat right top; /* разделитель */	
	position:relative; /* позиционируем в блоке родителя */	
	background-position: center;
	background-repeat: no-repeat;}

 ul.menu a {
	display: block; /* делаем кликабельной всю кнопку */	
	height: 30px; /* высота кнопки*/
	width: 80px; /* ширина кнопки*/	
	padding: 0 1px; /* внутренний отступ справа и слева */	
	overflow: hidden; /* запрещаем обтекание */	
	color: #7a7a7a; /* цвет ссылки */	
	font-family:'Times New Roman' ; /* название шрифта */	
	font-style:bold; /* жирность шрифта */	
	font-size: 18px; /* размер шрифта */	
	text-decoration:none; /* убираем подчеркивание ссылки */	
	padding-top:3px; /* внутренний отступ сверху */
	background: url(../images/12.png);}

ul.menu li a, ul.menu li.active ul li a  {color:#7a7a7a;}
 
ul.menu li ul {
    display:none;
    position:absolute;
    top:2em;
    left:0;
    padding:0px 0x 0px; /* всплывающее окно в ширину */
    margin:0px 0px 7px;  /* всплывающее окно в высоту */
   /* background-color:black; */
	background: url(../images/12.png);
    opacity:1;  /* прозрачность всплывающего окна 0,75 */}
	
ul.menu li:hover ul {display:block;}
	
ul.menu li:hover ul li a{height:auto;}

 ul.menu {padding:0; margin:0; }
 
 ul.menu li.active a, ul.menu li a:hover {color:#E8A03D; /* цвет ссылки при наведении и активной ссылки */}
ul.menu li a, ul.menu li.active ul li a  {color:#7a7a7a; }

ul.menu > li > a {
background: #f00; /* это правило применится только к ссылкам первого уровня*/
}
ul.menu > li {
line-height:100px; /* это правило применится только к пунктам первого уровня, однако line-height скорее всего унаследуется, так что дописывает следующее:*/
}

ul.menu > li li {
background: #0f0; /* это правило применится к пунктам второго и последующего уровней*/
}
ul.menu > li > ul > li {
background: #00f; /* это правило применится только к пунктам второго уровня*/
}

if ($item->deeper) {
	$class .= ' deeper';
}

if ($item->parent) {
	$class .= ' parent';
}
/*начало вставки*/
$class .= ' mlev-'.$item->level;
/*конец вставки*/

ul.menu li a {
color: red;
}
ul.menu li li a{
color: green;
}
ul.menu li li li a{
color: blue;
}