Footer Menu Support Thread

[autoace]

Hi,

Need some help getting the styling right with this great mod!

Just looking to get the whole thing centered correctly, I believe its a bit off (to the left).

Here is the css, I have made changes to it (changes marked by comments) - trying to get the styling right!

#footer {
	clear:both;
	margin:5em 0em 0em 0em; /*0*/
	text-align: center; /*added code*/
	}
	
/*
#navSuppWrapper {
	margin: 10px 5px 0;
	padding: 0;
	background:none;
	font-weight: bold;none
	}
*/
	
dl {  /*Adjust the height and width of the menu*/
	/*margin:5px 160px 3px 160px;/*0 0 3px 0*/
	margin:5px auto 3px auto;/*added*/
	padding:0 auto;/*0*/
	clear:both;
	height:125px;/*79px */
	width:75%;/*100%*/
	color: #005599; /*added code*/
	background-color: #d7d7d7;/*added eeeeee*/
	border:0px solid #000;/*added*/
	vertical-align:middle;/*added*/
	}
	
dt {
	margin-bottom:.3em;
	/*font-weight:bold;*/
	}
dd { /*Column width of the menu - currently set for 4 columns*/
	margin:0 25px;/*0*/
	padding:0 auto;/*0*/
	float:left;
	width:18%;/*24.3%*/
	color: #005599; /*added code*/
	}
ul {
	margin:0;
	padding:0;
	list-style: none;
	}
li {
	margin:0;
	padding:0;
	}
li a {
	margin:0;
	padding-left:3.5em;
	display:block;
	/*text-decoration:underline;/*added*/
	}
	
li a:hover {
	color: #005599;
	/*text-decoration:underline;/*added*/
	}
.menuTitle {
	margin:0;
	padding-top:0.5em;/*added*/
	padding-bottom:0.5em; /*.3*/
	padding-left:2.5em;/*added 0.8em*/
	text-align:left;/*center*/
	font-size:1.3em; /*1.2em*/
	font-weight: bold;/*added*/
	color: #000000;/*added ff6600*/
	/*border:1px solid #000;/*added*/
	}
	
.first, .second, .third , .four{
	/*border:1px dotted #000;/*added*/
	vertical-align:middle;/*added*/
	margin-left:2em;/*added*/
	/*border-right:1px dotted #000;*/
	}
	
#siteinfoLegal {
    margin: 0 auto;
	padding: .5em 0 0;
	font-size: 1.2em; /*0.9em*/
	text-align:center;
	width:100%;
	line-height:normal;
	clear:both;
}
#siteinfoLegal a {
	padding: 0 0.5em 1.5em 0.5em;/*0 0.5em 1.5em 0.5em*/
	color: #000059; /*000*/
	text-decoration: underline; /*added code*/
	font-weight:normal; /*bold*/
	white-space: nowrap;
	}
	
#siteinfoLegal a:hover {
	color: #005599; /*000
	background: #EAC27C;*/
	}

Thanks for all help.