Font Color in JQuery Drop Down Navigation Won't Change

Hey Everyone,

I am finalizing a site and for some reason when I edit the main navigation CSS for a JQuery drop down navigation the color will not change. I have been able to edit the sub navigation successfully but the main navigation just won’t edit.

Here is the site: https://www.ggtestsite1.info and below is the code for the menu:
/* ——- 1. Top Level Menu ——- */
#main_navigation{font-size:11px;height:60px; left:-15px;position:absolute; top:98px;letter-spacing:1px;text-transform:uppercase;color:#555;}
.jqueryslidemenu{ position:relative; z-index:200;}
.jqueryslidemenu ul{ margin: 0; padding: 0; list-style-type: none; }
.jqueryslidemenu ul li{ position: relative; display: inline; float: left; margin:0; list-style:none; }
.jqueryslidemenu ul li a{
color:#555;
display: block;
text-decoration: none;
height:36px;
line-height:36px;
overflow:hidden;
padding:0 16px; }
* html .jqueryslidemenu ul li a{ display: inline-block; }
/* top level menu link styles */
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
height:60px;
line-height:56px;
color:#555;}
/* .jqueryslidemenu li:hover a – creates the “sticky” */
.jqueryslidemenu ul li a:hover, .jqueryslidemenu .current_page_parent, .jqueryslidemenu .current_page_item, .jqueryslidemenu ul li:hover a{
background: url(styles/_shared/menu_hover.png) no-repeat scroll center -4px transparent;}
/* turn off hover image on current page sub items as well as */
.jqueryslidemenu ul li:hover li a, .jqueryslidemenu ul ul li.current_page_item, .jqueryslidemenu ul ul li.current_page_parent {background:none;}

/* ——- 2. Dropdowns ——- */
.jqueryslidemenu ul li ul{ position: absolute; left: 0px; display: block; visibility: hidden; }
.jqueryslidemenu ul li ul li{ display: list-item; float: none; }
.jqueryslidemenu ul li ul li ul{ top:0px; }
.jqueryslidemenu ul li ul li a{ width: 200px; padding: 6px 16px; margin: 0; }
.jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited { height:100%; line-height:20px; color:#555;}
.jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover{ margin:0 4px; padding:6px 10px; }

/* sub level link styles */
.jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited{
color:#555;
text-shadow:0 1px 1px #fff;}
/* sub level hover styles */
.jqueryslidemenu ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover{
background:url(styles/_shared/opacity_strip.png) repeat-x scroll 0 4% transparent;
color:#555;
padding-left:12px;}
.jqueryslidemenu ul ul{
padding-top:4px;
top:30px;
padding-bottom:4px;
background: #f5f5f5;
border-top:1px solid #fff;}
.jqueryslidemenu ul ul ul{margin-top:-5px;}

Any help would be greatly appreciated!

Pam