/*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;
background-image:url(images/XPMenu/MenuBack.png);
background-repeat:repeat-y;
}

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

}

 /*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 for the background */
	background-color: #F2F2F2;

}

 /*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: #000000;*/
}
.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: #000000;*/
}
.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/MenuHeaderCentre25x25.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial;
	font-size: 10pt;
	height: 25px;
	/*background-color: #000000;*/
}

.XPMenu
{
	left: 0px;
	width: 100%;
	top: 0px;
	height: 100%;

}

.GroupMenu
{
}

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

.MenuItems
{
	font-size: 8pt;
	color: #FFFFFF;
	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: #F2F2F2;
}


/*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-color: #F2F2F2;

	/*VVV This VVV (value)is used at the Left of the menu box! VVV*/
	border-left: 1px solid #D0D1D3;
	/*VVV This VVV (value)is used at the Right of the menu box!*/
	border-right: 1px solid #D0D1D3;
	/*VVV This VVV (value)is used at the BOTTOM of the menu box!*/
	border-bottom: 1px solid #D0D1D3;

	
}
.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: #F43D0C;
	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: #F61711;
	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: #F2F2F2;

}
.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: #F74549;
	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: #FF2A00;
	font-weight: bold;
	text-decoration: none;
}