Hi, if you go to my site www.edgeandengine.com/store, you'll see that I am using the CSS Horizontal Dynamic Menu (Paul's Edition). My problem is that I want to center the flyout links, and I can't figure out how. (Right now all the links left-aligned) I'm sure it's something in the stylesheet, but I suck at CSS. Here's the stylesheet:

Code:
body {  
    behavior: url(includes/csshover.htc);
    }
    
/*green*/
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #4f4f4f!important;background:#D5E88F;}


/*blue
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#6C99D9;}
*/ 

/*red 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #ffffff!important;background:#DC262E;}
*/ 

/*grey 
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover, div#dropMenu ul.level2 a:hover {color: #4f4f4f!important;background:#D5D5D5;}
*/
    
#dropMenuWrapper {
    width:100%;
    height:25px;
    margin:0;
    font-size:11px;
    }
    
div#dropMenu {
      width:830px;
      margin:0 auto;
    text-align:center;
    z-index:1000;
    position:relative;
    }

div#dropMenu ul {
    margin: 0; 
    padding: 0;
    }
    
div#dropMenu li {
    position: relative; 
    list-style: none; 
    margin: 0; 
    float: left; 
    line-height: 1em;
    }
    
div#dropMenu ul.level1 {
    width:830px; 
    margin:0 auto; 
    text-align:center;
    background:#4F4F4F;
    height:25px;
    z-index:1000;
    }
    
div#dropMenu li:hover {}
div#dropMenu li.submenu {}
div#dropMenu li.submenu:hover {}
div#dropMenu li a {display: block; padding: 7px 25px ;text-decoration: none; text-transform:uppercase; color:#ffffff; text-align:center; border-right:1px solid #ffffff;} 
div#dropMenu>ul a {width: auto;}
div#dropMenu ul ul {position: absolute; width: 13em;display: none;}
div#dropMenu ul ul li {border-bottom: 1px solid #CCC; width:13em;}
div#dropMenu li.submenu li.submenu {}
div#dropMenu ul.level1 li.submenu:hover ul.level2, 
div#dropMenu ul.level2 li.submenu:hover ul.level3,
div#dropMenu ul.level3 li.submenu:hover ul.level4,
div#dropMenu ul.level4 li.submenu:hover ul.level5 {display:block;z-index:1000;}
div#dropMenu ul.level2 {top: 2.17em; background:#4f4f4f;z-index:1000;}
div#dropMenu ul.level3, div#dropMenu ul.level4, div#dropMenu ul.level5 {top: 0; left: 13em; background:#4f4f4f}
div#dropMenu ul.level2 a {padding: 0.5em 0.25em;color: white; text-transform:none;}  /* this is text color on drop-down submenu */
div#dropMenu ul.level2 a:hover {color:#4f4f4f;}
I'd appreciate any help