.jqueryslidemenu         { color: white; font: bold 12px Verdana; background: #ffc; width: 100% }

.jqueryslidemenu ul      { color: white; list-style-type: none; margin: 0; padding: 0 }

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

/*Top level menu link items style*/
.jqueryslidemenu ul li a      { color: white; text-decoration: none; background: #ffc; display: block; padding: 8px 10px; border-right: 1px solid #ffc }

* html .jqueryslidemenu ul li a  { color: white; display: inline-block  }

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited   { color: #334d55 }

.jqueryslidemenu ul li a:hover     { color: #fff; background: #660 }
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul    { color: white; visibility: hidden; display: block; position: absolute; left: 0 }

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li  { color: white; display: list-item; float: none }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul  { color: white; top: 0 }

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a   { color: white; font: 13px Verdana; margin: 0; padding: 5px; width: 160px; border-top: 0 none; border-bottom: 1px solid #ffc }

.jqueryslidemenuz ul li ul li a:hover  { color: white; background: #eff9ff }

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

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

.rightarrowclass  { color: white; position: absolute; top: 6px; right: 5px }
/*Changing Colours
1. Covers right hand stretch background
2. No obvious effect
3. No obvious effect
4. Covers main background + use border tab to change border colour
5. No obvious effect
6. Covers font colour
7. Hover colours: Background and Font
11. Not sure. border tab may change border*/