poi c'è la parte del file css del template che ho modificato per adattarlo alle mie esigenze:

codice:
#navigation{
		width:100%;
		background-color:#373737;
		}
		/*stile generale delle liste*/
		#navigation ul{
		margin:0;
		padding:0;
		position: relative;
		height: 30px;
		width:100%;
		}
		/*stile generale delle sub liste*/
		#navigation ul ul{
		position: absolute;
		top:30px;
		left: 0;
		visibility: hidden;
		}
		/*stile generale dei list item*/
		#navigation li{
		list-style: none;
		float: left;
		padding:0 5px;
		background-color:#373737;
		}
		#navigation ul, #navigation li{
		background-color:#373737;
		}
		#navigation ul ul, #navigation li li{
		background-color:#767676;
		}
		#navigation ul ul ul, #navigation li li li{
		background-color:#DDDDDD;
		}
		
		/*style generale dei link*/
		#navigation a{
		display:block;
		float:left;
		padding:0 30px;
		text-decoration:none;
		text-align: center;
		line-height: 30px;	
		font-family: Verdana;
		font-size: 9px;
		font-weight: bold;
		}
		/*style generale dei link sullo stato hover*/
		#navigation ul :hover > a, #navigation ul a:hover{
		height:20px;
		border-top:5px solid #373737;
		border-bottom:5px solid #373737;
		line-height:20px;
		}
		#navigation ul :hover > a.sub{
		height:25px;
		border-bottom:none;
		line-height:20px;
		}
		/*stile link primo livello*/
		#navigation ul a{
		color:#FFFFFF;
		}		
		#navigation ul :hover > a{
		background-color:#767676;
		border-color:#373737;
		color:#FFCC00;
		} 	
		/*stile link secondo livello*/
		#navigation ul ul a{
		color:#FFCC00;
		}	
		#navigation ul ul :hover > a{
		background-color:#DDDDDD;
		border-color: #767676;
		color:#336699;
		}	
		/*stile link terzo livello*/
		#navigation ul ul ul a{
		color:#336699;	
		}
		#navigation ul ul ul :hover > a{
		background-color:#FFF;
		border-color:#DDDDDD;
		}	
		/*secondo livello visibile su hover del primo livello*/
		#navigation ul li:hover ul, #navigation ul a:hover ul{
		visibility:visible;
		}
		/*terzo livello invisibile su hover del primo livello*/
		#navigation ul li:hover ul ul, #navigation ul a:hover ul ul{
		visibility:hidden;
		}
		/*terzo livello visibile su hover del secondo livello*/
		#navigation ul ul li:hover ul, #navigation ul ul a:hover ul{
		visibility:visible;
		}
		/*style per Internet Explorer 6*/
		#navigation table {
		position:absolute; 
		border-collapse:collapse; 
		top:0; 
		left:0;
		width:100%;
		}
		#navigation a:hover{
		height:20px;
		border-top:5px solid #373737;
		border-bottom:5px solid #373737;
		line-height:20px;
		}
		#navigation ul a.sub:hover{
		height:25px;
		border-bottom:none;
		line-height:20px;
		}
		#navigation ul a:hover{
		background-color:#767676;
		border-color:#373737;
		color:#FFCC00;
		} 
		#navigation ul ul a:hover{
		background-color:#DDDDDD;
		border-color: #767676;
		color:#336699;
		}
		#navigation ul ul ul a:hover{
		background-color:#FFF;
		border-color:#DDDDDD;
		}	



/*
#navigation{ overflow: hidden; margin-bottom: 50px }



*#navigation ul{

*	float: left;

*	list-style: outside none;

*	margin: 0;

*	padding: 0;

*}

*

*#navigation li, #navigation a{ float: left }

*

*#navigation a{

*	padding:5px 10px;

*	margin-right: 5px;

*	background: #7b7b7b;

*	color: #fff;

*	text-decoration: none;

*	font-weight: bold

*}

*

*#navigation a:hover, #navigation a:focus{ background-color: #000 }
la parte finale commentata era la formattazione originale del menu.

Scusate se ho creato 4 post x inserire il codice e scusate x la lunghezza ma nn sapevo come mostrarlo diversamente.

Grazie