.jqueryslidemenu { font:bold 12px Verdana; background:#fff; float:left; margin-left: 5%; } .jqueryslidemenu ul { list-style-type:none; z-index:1000; margin:0; padding:0; }  .jqueryslidemenu ul li { position:relative; display:inline; float:left; background-color:#089EDE; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; color:#fff; }  .jqueryslidemenu ul li a { display:block; text-decoration:none; padding:8px 10px; }  * html .jqueryslidemenu ul li a { display:inline-block; }  .jqueryslidemenu ul li a:link,.jqueryslidemenu ul li a:visited { color:#fff; font-weight:700; }  .jqueryslidemenu ul li ul li a:link,.jqueryslidemenu ul li ul li a:visited { color:#000; }  .jqueryslidemenu ul li ul li a:hover { background:#fff; color:#089EDE; }  .jqueryslidemenu ul li ul { position:absolute; left:0; display:block; visibility:hidden; }  .jqueryslidemenu ul li ul li { display:list-item; float:none; background:#999; color:#089EDE; }  .jqueryslidemenu ul li ul li ul { top:0; }  .jqueryslidemenu ul li ul li a { font:normal 13px Verdana; width:160px; border-top-width:0; margin:0; padding:5px; }  .downarrowclass { position:absolute; top:12px; right:7px; }  .rightarrowclass { position:absolute; top:6px; right:5px; }  .jqueryslidemenu ul li a:hover,.jqueryslidemenuz ul li ul li a:hover { background:#ECECEC; color:#089EDE; }

<!--New Top line to place menu bar centered is this
.jqueryslidemenu { font:bold 12px Verdana; background:#fff; position: absolute; right: 180px; top: 80px;, ; }

Orig top line code was this which puts menu bar over to the right
.jqueryslidemenu { font:bold 12px Verdana; background:#fff; float:right; }-->