var hBar = new ItemStyle(86, 0, '', 0, 0, '#7F9DAD', '#7F9DAD', 'highText', 'highText', '', '',

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

// The 'sub Menu' items:

var subM = new ItemStyle(25, 0, '>', -45, 3, '#D11EED', '#009A45', '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, '#D11EED', '#009A45', 'lowText', 'highText',

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

var subM2LONG = new ItemStyle(40, 0, '>', -15, 3, '#D11EED', '#009A45', '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', '#009A45', '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', 80, 95, 'crosshair', 'default');