Please give me some guidance on centering the content of my nav2. Everything I try just adjusts the container. I want to center the categories over the content of the body. My site is down in Maintenance Mode but here is my Nav-Full.css. Maybe I'm not even looking in the right spot?! Thanks so much for any advice.

/*--------------- NAVIGATION(for full width layout) -----------------------------------*/
#nav1-container {border-bottom:solid 5px #069;}
#nav2-container {border-top:solid 5px #069;}
.navigation, .navigation ul {margin:0; padding:0; list-style-type:none;
.navigation ul{margin-left:-9px;}
.navigation li ul {z-index:120;}
.navigation a {display:block; padding:4px 12px;border-right:1px solid #CCC; text-decoration:none; color:#000}
.navigation a:hover,.navigation li.current-menu-item a{color:#fff}
.navigation li:hover,.navigation li.current-menu-item a{background:#069 }
.navigation li:hover a{color:#FFF}
.navigation li {float:left; position:relative;}
.navigation ul {position:absolute; display:none; width:144px; top:24px; left:8px;background:#069; padding-bottom:5px}

.navigation ul li a{border-width:0 0 1px;color:#FFF}
.navigation ul li a:hover{background:#005884}
.navigation ul a {border-left:1px solid #CCC;}
.navigation li ul { width:192px; border:solid 1px #CCC; border-width:0 1px 1px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-bottom-left-radius: 8px;}
.navigation li ul a {width:168px; height:auto; float:left; }
.navigation ul ul {top:auto;}
.navigation li ul ul {left:180px; margin:0px 0 0 12px;}
.navigation li:hover ul ul, .navigation li:hover ul ul ul, .navigation li:hover ul ul ul ul {display:none;}
.navigation li:hover ul, .navigation li li:hover ul, .navigation li li li:hover ul, .navigation li li li li:hover ul {display:block;}
#rss-links{float:right;margin:.3em 10px 0 0;font-size:.8em;}
ul#rss-links li{display:inline; text-decoration:none; padding:0.25em .3em;}
ul#rss-links li a{text-decoration:none;}