/*THis is the actual body of th emenus section! */
body.Menu
{
	/*These margins allow you to position the menu */
	margin-right: 5px;
	margin-top: 10px;
	 /*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;
}


 /*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;
}




.MenuHeaderCollapsed
{
	height: 25px;
	background-color: #ffffff;
}
.MenuHeaderCollapsed td
{
	color: #ffffff;
	font-weight: normal;
}



.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;
}



/*This is where the MenuHeaderCaption would normally exist
to allow for altering style sheets it it moved */

/*This is where the arrow and end blocks go */

/*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: #ffffff;
}

.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;
}



.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: #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;
}



