/*THis is the actual body of th emenus section! */
body.Menu
{
	/*These margins allow you to position the menu */
	margin-right: 5px;
	margin-top: 0px;
	margin-left:0px;
	
	 /*THIS IS THE BACKGROUND COLOUR IN THE MENU FRAME WHEN THE MENUS LOAD!*/ 
	background-color: #FFFFFF;
}

.MenuHeaderExpand
{
	height: 28px;
	background-color: #ffffff;
}

 /*THIS IS THE FONT COLOUR WHEN THE MENUS LOAD!  */
.MenuHeaderExpanded td
{
    /*THIS IS THE FONT COLOUR WHEN THE MENUS LOAD! (Header) */
	color: #6A6A6A;
	/*Changed by MRG 20110303 */
	font-weight: bold;
}

/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */
.MenuHeaderExpanded .MenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-color: #FFFFFF;
}
 
 /*When the mouse roles over an EXPANDED MENU this value set is used */
.MenuHeaderExpandedOver
{
	font-weight: bold;
	height: 28px;
	/*When the mouse roles over an EXPANDED MENU this value is used the text changes this colour! 
	background-color: #FF1908;*/
}

 /*When the mouse roles over an EXPANDED MENU this value set is used */
.MenuHeaderExpandedOver td
{
    /*When the mouse roles over an EXPANDED MENU this value is used the text changes this colour! */
	color: #FF1908;
	font-weight: bold;
}

/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */

.MenuHeaderExpandedOver .MenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;

}


.MenuHeaderCollapsed
{
	height: 28px;
	background-color: #ffffff;
}
.MenuHeaderCollapsed td
{
	color: #6A6A6A;
	font-weight: bold;
	height: 28px;
}

/*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsed .MenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;

}

.MenuHeaderCollapsedOver
{
	height: 25px;
	font-weight: bold;

}
.MenuHeaderCollapsedOver td
{
	/*When the menu is collapsed, and you move the mouse over the menu header it will change to this colour*/
	color: #FF1908;
	font-weight: bold;
}

/*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsedOver .MenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;
	background-color: #FF1908;
}

/*LEFT HAND SIDE of the menu ALWAYS Displayed! */
.MenuHeaderLeft
{
	border-bottom:1px;
	border-bottom-color: #FF1908;
	height: 28px;
	width: 9px;
}

/*CENTRE of the menu ALWAYS Displayed! REMEMBER THE MENU TEXT GOES OVER THIS!*/
.MenuHeaderCaption
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCentre.png);
	background-repeat: repeat-x;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	height: 28px;
	border-bottom:1px;
	border-bottom-color: #FF1908;

}

/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */
.MenuHeaderExpanded .SubMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;

}

/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */
.MenuHeaderExpandedOver .SubMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;

}
/*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsed .SubMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;

}
/*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsedOver .SubMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand.png);
	background-repeat: no-repeat;
	height: 28px;
	width: 28px;

}

/*LEFT HAND SIDE of the menu ALWAYS Displayed! */
.SubMenuHeaderLeft
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderLeft.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 0px;

}

/*CENTRE of the menu ALWAYS Displayed! REMEMBER THE MENU TEXT GOES OVER THIS!*/

.SubMenuHeaderCaption
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCentre25x25.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	height: 25px;
	background-color: #315191;
}

.XPMenu
{
	left: 0px;
	width: 100%;
	top: 0px;
	height: 100%;
	background-color: #ffcccc;
}

.GroupMenu
{
}

.GroupMenu table
{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.MenuItems
{
	font-size: 8pt;
	color: #cc9933;
	font-family: Verdana, Tahoma, Arial;
	position: relative;
	/*VVV Below VVVV If you alter this value then you will be able to change the menu table colour (behind the words!)*/
	background-color: #FFFFFF;
}


/*This is the menus (main at the top of each section root ) */
.MenuItems table
{
	font-family: Tahoma, Verdana, Arial;
	/*This font size is the font used in the menu boxes */
	font-size: 10pt;
	color: #ff3333;
	border-top: none;
	background-image:url(images/XPMenu/MenuBack.png);
	background-position:right bottom;
	background-repeat:no-repeat;

}
.MenuItems a
{
	/*VVVV (Below) VVVVV This is the default colour of the menu text, alter this and you alter the menu text */
	/* Changed by MRG 20110302 */
	color: #6A6A6A;
	text-decoration: none;
}

.MenuItemLink
{
	color: #990000;
	text-decoration: none;
}

.MenuItems a:hover
{
    /*VVVV (Below) VVVVV This value is used when you hover a mouse over a menu item, the menu text will change this colour!*/
	color: #ff3333;
	font-weight: bold;
	text-decoration: none;
}

.GroupMenuItem
{
	font-weight: normal;
	cursor: hand;
	/*If there is a sub menu of a main menu then this colour will be used to bring peoples attention to the fact*/
	color: #ffcc33;
	text-decoration: none;
}
.GroupMenuItemHover
{
	/* If there is a sub menu and you hover over it then this is the colour it will go*/
	color: #66cc66;
	font-weight:bold;
	text-decoration: none;
	cursor: hand;
}

.SubGroupMenu
{

}

.SubGroupMenu table
{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.MenuSubItems
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana, Tahoma, Arial;
	/*This value is the SUB menu level value, if you have tirered submenus this will allow you to set a background colour to them!*/
	background-color: #ffffff;

}
.MenuSubItems table
{
	font-family: Tahoma, Verdana, Arial;
	font-size: 10pt;
	color: #ff9900;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;

}
.MenuSubItems a
{
	/*This colour is used for the submenu text, change this and the sub menu text will be this colour */
	color: #ffff00;
	text-decoration: none;
}

.MenuSubItems a:hover
{
	/*If the mouse hovers of the sub menu then this is the colour the tect will change to */
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


/********************* Drill Down Menu Items START **********************/
.GroupDrillMenuItem
{
      font-weight: normal;
      cursor: hand;
      /*If there is a sub menu of a main menu then this colour will be used to bring peoples attention to the fact*/
      color: #000000;
      text-decoration: none;
}
.GroupDrillMenuItemHover
{
      /* If there is a sub menu and you hover over it then this is the colour it will go*/
      color: #66cc66;
      font-weight:bold;
      text-decoration: none;
      cursor: hand;
}
.GroupDrillMenuItem1
{
      font-weight: normal;
      font-size:16pt;
      cursor: hand;
      /*If there is a sub menu of a main menu then this colour will be used to bring peoples attention to the fact*/
      color: #000000;
      text-decoration: none;
}
.GroupDrillMenuItem2
{
      font-weight: normal;
      font-size:14pt;
      cursor: hand;
      /*If there is a sub menu of a main menu then this colour will be used to bring peoples attention to the fact*/
      color: #000000;
      text-decoration: none;
}
.GroupDrillMenuItem3
{
      font-weight: normal;
      font-size:12pt;
      cursor: hand;
      /*If there is a sub menu of a main menu then this colour will be used to bring peoples attention to the fact*/
      color: #000000;
      text-decoration: none;
}

.DrillGroupMenu
{

}

.DrillGroupMenu table
{
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: none;
}

.MenuDrillItems
{
      font-size: 8pt;
      color: #cc9933;
      font-family: Verdana, Tahoma, Arial;
      position: relative;
      /*VVV Below VVVV If you alter this value then you will be able to change the menu table colour (behind the words!)*/
      background-color: #ffffff;

}
.MenuDrillItems table
{
      font-family: Tahoma, Verdana, Arial;
      /*This font size is the font used in the menu boxes */
      font-size: 10pt;
      color: #ff3333;
      border-top: none;
      /*VVV This VVV (value)is used at the Left of the menu box! VVV*/
      border-left: 1px solid #c6d3f7;
      /*VVV This VVV (value)is used at the Right of the menu box!*/
      border-right: 1px solid #c6d3f7;
      /*VVV This VVV (value)is used at the BOTTOM of the menu box!*/
      border-bottom: 1px solid #c6d3f7;

}
.MenuDrillItems a
{
      /*This colour is used for the submenu text, change this and the sub menu text will be this colour */
      color: #000000;
      text-decoration: none;
}

.MenuDrillItems a:hover
{
      color: #ff3333;
      font-weight: bold;
      text-decoration: none;
}

/********************* Drill Down Menu Items END **********************/