/*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;
	border-collapse:collapse;
	margin-bottom:0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	 /*THIS IS THE BACKGROUND COLOUR IN THE MENU FRAME WHEN THE MENUS LOAD! 
	background-color: #C74949; */
}

.table
{
	margin-top: 0px;
	border-collapse:collapse;
	margin-bottom:0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.td
{
	margin-top: 0px;
	border-collapse:collapse;
	margin-bottom:0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}


.MenuHeaderExpand
{
	height: 25px;
	background-color: #ffffff;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

 /*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;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/*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/MenuHeaderCollapse40x25.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 40px;
	margin-top: 0px;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
 
 /*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;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

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


.MenuHeaderCollapsed
{
	height: 25px;
	background-color: #ffffff;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.MenuHeaderCollapsed td
{
	color: #ffffff;
	font-weight: normal;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/*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/MenuHeaderExpand40x25.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 40px;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.MenuHeaderCollapsedOver
{
	height: 25px;
	font-weight: bold;
	background-color: #ffffff;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.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;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/*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/MenuHeaderExpandHover40x25.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 40px;
		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

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

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

		border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

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

/*LEFT HAND SIDE of the menu ALWAYS Displayed! */
.SubMenuHeaderLeft
{
	background-position: right center;
	background-image: url(images/XPMenu/MenuHeaderLeft25x25.png);
	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: #ffffff;
}

.XPMenu
{


		margin-top: 0px;
	border-collapse:collapse;
	margin-bottom:0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;

}

.GroupMenu
{
    	margin-top: 0px;
    	margin-bottom:25px;
	border-collapse:collapse;
	margin-bottom:0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color:#E6E5E5;

}

.GroupMenu table
{
    	margin-top: 0px;
    	margin-bottom:0px;
	border-collapse:collapse;
	margin-bottom:0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.MenuItems
{
	font-size: 8pt;
	color: #cc9933;
	font-family: Verdana, Tahoma, Arial;
	border-bottom:none 0px; 
	border-collapse:collapse;
	/*Padding on the bottom is BELOW the final text section */
	padding-bottom:5px;
	
	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: #E6E5E5;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 10px;
	
	
	/*
	background-repeat:no-repeat;
border:25px;
border-top:solid 5px white;
padding-bottom:10px;
padding-top:10px;
border-bottom:solid 1px white;
	border-left:solid 1px green;

*/
}


/*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;
	border-top-width:0px;
	border-bottom:none 0px;
	border-collapse:collapse;
		margin-top: 0px;
	border-collapse:collapse;
	margin-bottom:0px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
	


}
.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: #000000;*/

}
.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;
}