/*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;
	 /*THIS IS THE BACKGROUND COLOUR IN THE MENU FRAME WHEN THE MENUS LOAD!  */
	background-color: #ffffff;
}

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

 /*THIS IS THE FONT COLOUR WHEN THE MENUS LOAD!  */
.MenuHeaderExpanded td
{
    /*THIS IS THE FONT COLOUR WHEN THE MENUS LOAD!  */
	color: #ffffff;
	font-weight: normal;
}

/*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/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
 
 /*When the mouse roles over an EXPANDED MENU this value set is used */
.MenuHeaderExpandedOver
{
	font-weight: bold;
	height: 25px;
	/*When the mouse roles over an EXPANDED MENU this value is used the text changes this colour! */
	background-color: #ffffff;
}

 /*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: #ffffff;
	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/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}


.MenuHeaderCollapsed
{
	height: 25px;
	background-color: #ffffff;
}
.MenuHeaderCollapsed td
{
	color: #ffffff;
	font-weight: normal;
}

/*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/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

.MenuHeaderCollapsedOver
{
	height: 25px;
	font-weight: bold;
	background-color: #ffffff;
}
.MenuHeaderCollapsedOver td
{
	/*When the menu is collapsed, and you move the mouse over the menu header it will change to this colour*/
	color: #ffffff;
	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/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

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

/*CENTRE of the menu ALWAYS Displayed! REMEMBER THE MENU TEXT GOES OVER THIS!*/
.MenuHeaderCaption
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCentre135x25.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	height: 25px;
	background-color: #20335b;
}

/*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/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

/*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/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
/*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/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
/*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/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

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

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

.SubMenuHeaderCaption
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCentre135x25.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	height: 25px;
	background-color: #20335b;
}
/******************* Drill Down Menu Header Start ****************************/
/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */
.MenuHeaderExpanded .DrillMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

/*UP POINTING ARROW Used on the right hand side when the menu is to be shorterned or "stored" */
.MenuHeaderExpandedOver .DrillMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCollapse25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
/*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsed .DrillMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}
/*DOWN POINTING ARROW Used on the right hand side when the menu is to be lenghtened or "displayed" */
.MenuHeaderCollapsedOver .DrillMenuHeaderButton
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderExpand25x25.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
}

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

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

.DrillMenuHeaderCaption
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderCentre135x25.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	height: 25px;
	background-color: #20335b;
}
/******************* Drill down Menu Header END ******************************/

.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;
	/*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;
}
.MenuItems a
{
	/*VVVV (Below) VVVVV This is the default colour of the menu text, alter this and you alter the menu text */
	color: #000000;
	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: #ff9900;
	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: #ff3333;
	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 **********************/