var hBar = new ItemStyle(86, 0, '', 0, 0, 'gray', '#FF0000',
    'highText', 'highText', '', '',

 null, null, 'hand', 'default');





// The 'sub Menu' items:

var subM = new ItemStyle(20, 0, '>', 45, 3, 'gray', 'red',


   'lowText', 'highText',

 'itemBorder', 'itemBorder', null, null, 'hand', 'default');


   var subMLONG = new ItemStyle(40, 0, '>', -15, 3, '#C60808', '#C60808',
   'lowText',

 'highText',

  'itemBorder', 'itemBorder', null, null, 'hand', 'default');

   


var subM2 = new ItemStyle(25, 0, '>', -15, 3, '#FF6521', '#D63810',
   'lowText',
 'highText',

 'itemBorder', 'itemBorder', null, null, 'hand', 'default');



   
var subM2LONG = new ItemStyle(40, 0, '>', -15, 3, '#FF6521', '#D63810',
   'lowText',
 'highText', 'itemBorder', 'itemBorder', null, null, 'hand', 'default');






// 'subBlank' is similar, but has an 'off' border the same colour as its background so it



//   appears borderless when dim, and 1px spacing between items to show the
 // hover border.

   

var subBlank = new ItemStyle(21, 1, '>', -15, 3, '#CCCCDD', '#D63810',

       'lowText', 'highText',

 'itemBorderBlank', 'itemBorder', null, null, 'hand', 'default');




// The purplish 'button' style also has 1px spacing to show up the fancy border, and it has



// different colours/text and less padding. They also have translucency set -- these items



// are 80% opaque when dim and 95% when highlighted. It uses the 'crosshair' cursor for items.

   



var button = new ItemStyle(22, 1, '>', -15, 2, '#006633', '#CC6600',

   'buttonText', 'buttonHover',

 'buttonBorder', 'buttonBorderOver', 40, 95, 'crosshair', 'default');