Atahualpa 3.1.8-Center Page Navigation

https://www.ckspaddlefest.com
I am using the Atahualpa theme. I was wondering if anyone had any suggestions as to the easiest way to make the page navigation appear centered. I’ve tried playing around with the CSS sheet…The trouble is that i don’t really know CSS that well. Here is the section that has the navigation..I think:

* ##################################################################
———————————————————————
———- DROP DOWN / FLY OUT MENUS ——————————–
Ruthsarian’s rMenu https://webhost.bridgew.edu/etribou/layouts/
modified by Bytes For All https://wordpress.bytesforall.com/
———————————————————————
################################################################## */

/* ——————————————————————
———- GENERAL MENU MECHANICS ———————————–
—————————————————————— */

ul.rMenu, ul.rMenu ul, ul.rMenu li, ul.rMenu a
{
display: block; /* make these objects blocks so they’re easier
to deal with */
margin: 0;
padding: 0; /* get rid of padding/margin values that these
elements may have by default */
}

ul.rMenu, ul.rMenu li, ul.rMenu ul
{
list-style: none;
}

ul.rMenu ul
{
display: none; /* hide the sub-menus until needed */
}

ul.rMenu li
{
position: relative; /* so sub-menus position relative to their
parent LI element */
z-index: 1;
}

ul.rMenu li:hover
{
z-index: 999; /* make sure this and any sub-menus that pop
appear above everything else on the page */
}

ul.rMenu li:hover > ul /* hide from IE5.0 because it gets confused
by this selector */
{
display: block; /* show the sub-menu */
position: absolute; /* remove the sub-menus from the flow of the
layout so when they pop they don’t cause any
disfiguration of the layout. */
}

/* ——————————————————————
———- EXTENDED MENU MECHANICS ———————————-
—————————————————————— */

/* These rules exist only for specific menu types, such as horizontal
or vertical menus, right or left aligned menus. */

ul.rMenu-hor li
{
float: left;
width: auto;
}

ul.rMenu-hRight li
{
float: right; /* horizontal, right menus need their LI
elements floated to get them over there */
}

ul.rMenu-ver li
{
float: none; /* clear this so vertical sub-menus that are
children of horizontal menus won’t have
their LI widths set to auto. */
}

div#menu1 ul.rMenu-ver, div#menu1 ul.rMenu-ver ul
{
/* more … */ /* sub-menus need a defined width, especially
vertical sub-menus. salt to taste. */
}

div#menu2 ul.rMenu-ver, div#menu2 ul.rMenu-ver ul
{
/* more … */ /* sub-menus need a defined width, especially
vertical sub-menus. salt to taste. */
}

ul.rMenu-wide
{
width: 100%; /* apply this rule if you want the top-level
menu to go as wide as possible. this is
something you might want if your top-level
is a vertical menu that spans the width
of a column which has its width
pre-defined. IE/Win 5 seems to prefer
a value of 100% over auto. */
}

ul.rMenu-vRight
{
float: right; /* use this to float a vertical menu right. */
}

ul.rMenu-lFloat
{
float: left; /* use this to float a vertical menu left. */
}

ul.rMenu-noFloat
{
float: none; /* this is to cover those cases where a menu
is floated by default and you have a reason
to not float it. such as a menu on the
right side of the screen that you want
to have drops going left but not floated.
to be honest, i don’t think this rule is
needed. the clearfix hack will resolve
renering issues associated with a floated
menu anyways. */
}

/* ——————————————————————
———- EXTENDED MENU MECHANICS – Center Horizontal Menu ———
—————————————————————— */

div.rMenu-center ul.rMenu
{
float: left;
position: relative;
left: 50%;
}

div.rMenu-center ul.rMenu li
{
position: relative;
left: -50%;
}

div.rMenu-center ul.rMenu li li
{
left: auto;
}

/* ——————————————————————
———- DROP POSITIONS ——————————————-
—————————————————————— */

ul.rMenu-hor ul
{
top: auto; /* a value of 100% creates a problem in IE 5.0
and Opera 7.23 */
right: auto;
left: auto; /* typically want a value of 0 here but set to
auto for same reasons detailed above */
margin-top: -1px; /* so the top border of the dropdown menu
overlaps the bottom border of its parent
horizontal menu. */
}

ul.rMenu-hor ul ul
{
margin-top: 0; /* reset the above for fly out menus */
margin-left: 0px;
}

ul.rMenu-ver ul
{
/*left: 60%;*/
left: 100%;
right: auto;
top: auto;
/*margin-top: -0.5em;*/ /* i prefer top: 80% but this creates a problem
in iCab so negative top margin must be used.
salt to taste. */
top: 0;
}

ul.rMenu-vRight ul, ul.rMenu-hRight ul.rMenu-ver ul
{
left: -100%;
right: auto;
top: auto;
/*margin-top: -0.5em;*/ /* i prefer top: 80% but this creates a problem
in iCab so negative top margin must be used.
salt to taste. */
}

ul.rMenu-hRight ul
{
left: auto;
right: 0; /* this doesn’t work in Opera 7.23 but 7.5 and
beyond work fine. this means right-aligned
horizontal menus break in Opera 7.23 and
earlier. no workaround has been found. */
top: auto;
margin-top: -1px; /* so the top border of the dropdown menu
overlaps the bottom border of its parent
horizontal menu. */
}

/* ——————————————————————
———- PRESENTATION: General ————————————
—————————————————————— */

ul.rMenu
{
/* more … */
border-left: none;
}
/*added for darkmenu*/
ul#rmenu
{
/* more … */
border-left: none;
}

ul.rMenu li a
{
/* more … */ /* border around all anchor tags */
}
/*added*/
ul#rmenu li a
{
/* more … */ /* border around all anchor tags */
}

ul.rMenu-hor li
{
margin-bottom: -1px; /* this is so if we apply a bottom border to
the UL element it will render behind, but
inline with the bottom border of the LI
elements. Default: -1px */
margin-top: -1px; /* this is so if we apply a top border to
the UL element it will render behind, but
inline with the bottom border of the LI
elements. Default: -1px */
margin-left: -1px; /* negative borders on LIs to make borders on
child A elements overlap. they go here and
not on the A element for compatibility
reasons (IE6 and earlier). Default: -1px */
}

ul#rmenu li
{
/*margin-right: 3px;*/ /* set to 0 to remove the space between single,
horizontal LI elements */
}
ul#rmenu li ul li
{
/*margin-right: 0;*/ /* without this, the 2nd level horizontal LI’s would get
a margin-right, too. This should always be 0 */
}

ul.rMenu-hor
{
padding-left: 1px ; /* compensate for the 1px left jog created by
the above negative margin. */
}

ul.rMenu-ver li
{
margin-left: 0;
margin-top: -1px; /* same thing above except for vertical
menus */
}

div#menu1 ul.rMenu-ver
{
/* more … */ /* ditto */
}

div#menu2 ul.rMenu-ver
{
/* more … */ /* ditto */
}

ul.rMenu li a
{
padding: 4px 5px;
}
/* added for dark menu*/
ul#rmenu li a
{
padding: 4px 5px;
}

ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active
{
text-decoration: none;
/* more … */
margin:0;
padding: 4px 5px;
}

/*added*/
ul#rmenu li a:link, ul#rmenu li a:hover, ul#rmenu li a:visited, ul#rmenu li a:active
{
text-decoration: none;
/* more … */
margin:0;
padding: 4px 5px;
}

/*
ul.rMenu li.sfhover a:active,
ul.rMenu li:hover a:active
{
color: #fff;
background-color: #c00;
}
*/

ul.rMenu li
{
/* more … */
}

/*added*/
ul#rmenu li
{
/* more … */
}

ul.rMenu li:hover,
ul.rMenu li.sfhover
{
/* more … */ /* background color for parent menu items of
the current sub-menu. includes the sfhover
class which is used in the suckerfish hack
detailed later in this stylesheet. */

}
/*added for dark menu*/
ul#rmenu li:hover,
ul#rmenu li.sfhover
{
/* more … */ /* background color for parent menu items of
the current sub-menu. includes the sfhover
class which is used in the suckerfish hack
detailed later in this stylesheet. */
}

/* “current” page and hover */
ul.rMenu li.current_page_item a:link,
ul.rMenu li.current_page_item a:active,
ul.rMenu li.current_page_item a:hover,
ul.rMenu li.current_page_item a:visited,
ul.rMenu li a:hover
{
/* more … */
}
/*added*/
/* “current” category and hover */
ul#rmenu li.current-cat a:link,
ul#rmenu li.current-cat a:active,
ul#rmenu li.current-cat a:hover,
ul#rmenu li.current-cat a:visited,
ul#rmenu li a:hover
{
/* more … */
}

Any info at all would be a huge help.

Thanks,
Bobby