.jqueryslidemenu {
position: absolute;              /*  I added ALL this position code AND THEY WORK */
top: 205px;                     /*  205 is normal navbar lactation  */
left: 13px;                     /* added this and above 2 lines */
font: bold 18px Arial;      /*  these work fine too  */
display: block;
background: #550055;     /*  when menu bar isnt full extra space is this color  WAS #414141  */ 
padding: 6px;              /*    Helps solve roll-up problem with sub items     */
color: #FFFF00;              /* WAS #FF9900 for SUB menu item fonts that r NOT LINKS    */
width: 97.5%;           /* naturally the original download had one hundred percent here */
}


.jqueryslidemenu ul{
margin: 0;                    /* WAS 0 trying to fill up NavBar     */
padding: 0;
list-style-type: none;
}

                              /*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

                                 /*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #550055; /* DOESNT WORK sposed tobe background of tabs #414141 (default state)  */
color: white;
padding: 8px 8px;
border-right: 1px solid #778;
color: #2d2b2b;              /*  fnt clr WAS 2d2b2b  */ 
text-decoration: none;
}

.jqueryslidemenu ul li a{ /*   html  IE6 hack to get sub menu links to behave correctly  */
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #FFFF00;       /*  This gives the FNT CLR of the Navbar items AND all the subitems 4Fs is tangerine */
background: #550055;  /*  this one works for backgrounds of all menus (link items)  */
                           /*    while visible except not during mouseover  */
}      

.jqueryslidemenu ul li a:hover{
background: #aa11aa;             /* FF3300 ALL link backgrounds during hover state aa11aa is pretty purple */
color: #FFFF00;                     /*  gives hover state font color of any LINKS */
}
	
                                  /*  1st sub level menu   */
.jqueryslidemenu ul li ul{
position: absolute;
                                /* I tried this and saw nothing change top: 150px; */
left: 0;
                          /* putting padding here surrounds ALL subdrop menus */
display: block;
visibility: hidden;
background-color: #550055;   /* TWO NEW LINES I ADDED  */
color: #FFFF00;
}

                            /*  Sub level menu list items (undo style from Top level List Items)  */
.jqueryslidemenu ul li ul li{
left: 0px;
line-height: 38px;              /*  WAS 38  tried 46 but it put green borders around MANY things */
font-size: 100%;                 /* WAS 95%                */
display: Block;               /* WAS list-item, now block I added the two color lines below */
background-color: #009900;   /* WAS #550055 the 009900 is GREEN   */
color: #00FFFF;              /* WAS #FFFF00  the 00FFFF is baby blue */
float: none;
}

                             /* All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;                                /* this was a zero making it 150 did NOTHING */
}

                                  /* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: bold 16px Arial;             /*  THIS CONTROLS FNT of SUB items not top navbar */
width: 135px;                        / *  width of sub menus  */
padding: 3px;                    /* doesn't seem to show up as any change */
margin: 0px;
border-top-width: 1px;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{         /*     sub menus hover style  backgrnd WAS #eff9ff  */
background: #eff9ff;                        /*  This line doesn't seem to do anything  */
color: black;                                    /*  this line does nothing */
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}