In the SpryMenuBar css document, the 3rd section for Submenu Indication. There you will see some gif images with a background position. That is the arrow image. Just change the position and you are good to go.
That basically worked! A couple of things about this though:
1. The file was SpryMenuBarVertical.css.
2. I had to "flip" the arrows (i.e. so they would point from right to left). To do that, I opened the .gif files in Photoshop, reversed their direction and saved them as "SpryMenuBarLeft.gif" and "SpryMenuBarLeftHover.gif". Then in the .css file I replaced "SpryMenuBarRight.gif" and "SpryMenuBarRightHover.gif" with the corresponding files.
Thanks a lot
Can you explain to an amateur, like myself, how to change the direction of the menu to open from right-to-left?