/* ------------------------------------------------------ */
/* Standard constructions that should apply to all menus. */
/* Edit these definitions should not be required.         */
/* ------------------------------------------------------ */
.menuItemsContainer .menuItem, .menuItemsContainer .expandItem {
	display: block;
}
.horizontalMenu .menuItem, .horizontalMenu .expandItem, .horizontalMenu .separator {
	float: left;
}
.verticalMenu .menuItem, .verticalMenu .expandItem {
	/*width: 100%;*/
}
.menuItemsContainer .dropItem {
	display: block;
	clear:left;
	cursor: pointer;
	white-space: nowrap;
}
.menuItemsContainer .dropDown {
	position: absolute;
	z-index: 100000;
	visibility: hidden;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}
.menuItemsContainer li {
	display: inline;
}
.menuItemsContainer ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* ------------------------------------------------------ */
/* The following classes should be modified to customize  */
/* the appearance of your menu. */
/* ------------------------------------------------------ */


a.menuItem {
	zoom:1;
}
a.expandItem {
	zoom:1;
}
a.expandItem_2 {
	zoom:1;
}
a.expandItem_3 {
	zoom:1;
}

.Menu {
	width:200px;
}

/* Main Nav */
.Menu .menuItem {
/*	background-color: #fe404a;*/
	line-height: 25px;
	font-size: 12px;
	font-weight:bold;
	color: black;
	text-decoration: none;
	padding: 0px 10px 0px 20px;
	margin: 0px;
}
.Menu .menuItem:hover {
	background-image:url(../Images/arrow-black-hover.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color: #ec3c45;
	color: black;
	text-decoration: none;
}

.Menu .menuItem {
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
.Menu .lastItem {
	border-right: 0px solid #ccc;
}

/* Main Nav Dropdowns */
.Menu .dropItem {
	background-color: #dcdbdb;
	padding: 0px 10px;
	line-height: 22px;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: black;
}
.Menu .dropLastItem {
	border-bottom: 1px solid #ccc;
}
.Menu .dropItem:hover {
	background-color: #ededed;
	color: black;
	text-decoration: none;
}


/* Main Nav Expander */
.Menu .expandItem {
/*	background-color: #fe404a;*/
	padding: 0px 10px 5px 40px;
	line-height: 17px;
	font-size: 11px;
	text-decoration: none;
	border: 0px solid #ccc;
	border-bottom: 0px;
	color: black;
}
.Menu .expandItem:hover {
	background-color: #fee2e4;
	background-color: #ec3c45;
	color: black;
	text-decoration: none;
	background-image:url(../Images/arrow-black-hover.gif);
	background-repeat:no-repeat;
	background-position: 23px 5px;
}
.Menu .expandLastItem {
  /*  border-bottom: 1px solid pink;*/
		padding-bottom:20px;
}
.Menu .arrowItem {
	background-image: url(../Images/arrow-expand1.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
.Menu .expandArrowItem, .Menu .dropArrowItem {
	background-image: url(../Images/arrow-expand1.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.Menu .beforeExpandItem {
	/*color: blue;*/
	border-bottom: 0px;
}
.Menu .afterExpandItem {
	/*color: red;*/
	/*border-top: 1px solid black;*/
}

/* Currently selected items are highlighted the same colour in both main and dropdown nav */
.Menu .currentItem {
/*	background-color: #fd9ca1; /* pink */
/*	background-color: #dcdbdb;*/
	background-image:url(../Images/arrow-black-hover.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.Menu .dropCurrentItem {

}
.Menu .expandCurrentItem {
/*	background-color: #dcdbdb;*/
	background-image:url(../Images/arrow-black-hover.gif);
	background-repeat:no-repeat;
	background-position: 23px 5px;

}

/* ------------------------------------------------------ */
/* The following classes should be modified to customize  */
/* the appearance of your menu. */
/* ------------------------------------------------------ */



.TopMenu {
	float:left;
}



/* Main Nav */
.TopMenu .menuItem {
	vertical-align:bottom;
	font-size: 12px;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
	padding-top: 12px;
	padding-left:10px;
	padding-bottom:5px;
	margin: 0px;	
}
.TopMenu .hoverItem {
	background-color: #aaa9a7;
	color: #ffffff;
	text-decoration: none;
}



.TopMenu .lastItem {
	border-right: 0px solid #ccc;
}

/* Main Nav Dropdowns */
.TopMenu .dropItem {
	background-color: #dcdbdb;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: black;
}
.TopMenu .dropLastItem {
	border-bottom: 1px solid #ccc;
}

.TopMenu .dropHoverItem {
	background-color: #ededed;
	color: black;
	text-decoration: none;
}


/* Main Nav Expander */
/*
.TopMenu .expandItem {
	padding: 0px 10px 5px 40px;
	line-height: 17px;
	font-size: 11px;
	text-decoration: none;
	border: 0px solid #ccc;
	border-bottom: 0px;
	color: black;
}

.TopMenu .expandHoverItem {
	background-color: #ec3c45;
	color: black;
	text-decoration: none;
	background-image:url(../Images/arrow-black-hover.gif);
	background-repeat:no-repeat;
	background-position: 23px 5px;
}
.TopMenu .expandLastItem {
		padding-bottom:20px;
}
*/
.TopMenu .arrowItem {
}
/*
.TopMenu .expandArrowItem, 
*/
.TopMenu .dropArrowItem {
	background-image: url(../Images/arrow-expand1.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
/*
.TopMenu .beforeExpandItem {
	border-bottom: 0px;
}
.TopMenu .afterExpandItem {
}
*/
/* This is to put the double sided TAB background on the menu item */
#menu_3 .menuItem span {
	padding-right: 10px;
}

#menu_3 .hoverItem, #menu_3 .currentItem {
	color: #ffffff;
	background: #FFF url(../Images/leftMenuTab.gif) left top no-repeat;
	background-color: #aaa9a7;
}
#menu_3 .hoverItem span, #menu_3 .currentItem span {
	background: url(../Images/rightMenuTab.gif) right top no-repeat;
	padding-top: 12px;
	padding-bottom:5px;
	text-decoration: none;
}


.TopMenu .dropCurrentItem {

}
/*
.TopMenu .expandCurrentItem {

}
*/
/********************************************************************************/

.SideMenu {
	width:200px;
}

/* Main Nav */
.SideMenu .menuItem {
	font-size: 12px;
	font-weight:bold;
	color: black;
	text-decoration: none;
	padding: 3px 10px 3px 20px;
	margin: 0px;
}

.SideMenu .hoverItem {
	background-image:url(../Images/arrow-black-hollow.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-color: #cccccc;
	color: black;
	text-decoration: none;
}

.SideMenu .menuItem {
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
.SideMenu .lastItem {
	border-right: 0px solid #ccc;
}

/* Main Nav Dropdowns */
.SideMenu .dropItem {
	background-color: #dcdbdb;
	padding: 5px 10px;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: black;
}
.SideMenu .dropLastItem {
	border-bottom: 1px solid #ccc;
}
.SideMenu .dropItem:hover {
	background-color: #ededed;
	color: black;
	text-decoration: none;
}


/* Main Nav Expander */
.SideMenu .expandItem {
	padding: 0px 10px 5px 40px;
	line-height: 17px;
	font-size: 11px;
	text-decoration: none;
	border: 0px solid #ccc;
	border-bottom: 0px;
	color: black;
}
.SideMenu .expandHoverItem {
	background-color: #cccccc;
	color: #000000;
	text-decoration: none;
	background-image:url(../Images/arrow-black-hover.gif);
	background-repeat:no-repeat;
	background-position: 23px 5px;
}
.SideMenu .expandLastItem {
  /*  border-bottom: 1px solid pink;*/
		padding-bottom:20px;
}

.SideMenu .arrowItem {
	background-image: url(../Images/arrow-expand1.gif);
	background-repeat: no-repeat;
	background-position: center right;
}


.SideMenu .arrowItem:hover {
	background-image:url(../Images/arrow-black-hollow.gif);
	background-repeat:no-repeat;
	background-position:left;
}




.SideMenu .expandArrowItem, .SideMenu .dropArrowItem {
	background-image: url(../Images/arrow-expand1.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

.SideMenu .beforeExpandItem {
	/*color: blue;*/
	border-bottom: 0px;
}
.SideMenu .afterExpandItem {
	/*color: red;*/
	/*border-top: 1px solid black;*/
}

/* Currently selected items are highlighted the same colour in both main and dropdown nav */
.SideMenu .currentItem {
/*	background-color: #fd9ca1; /* pink */
/*	background-color: #dcdbdb;*/
	background-image:url(../Images/arrow-black-hollow-down.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.SideMenu .trueCurrentItem {
	background-image:url(../Images/arrow-black.gif);
	background-repeat:no-repeat;
	background-position:left;
}
.SideMenu .dropCurrentItem {

}
.SideMenu .expandCurrentItem {
/*	background-color: #dcdbdb;*/
	background-image:url(../Images/arrow-black-hollow-down.gif);
	background-repeat:no-repeat;
	background-position: 23px 5px;
}
.SideMenu .expandTrueCurrentItem {
	background-image:url(../Images/arrow-black.gif);
	background-repeat:no-repeat;
	background-position: 23px 5px;
}
/********************************************************************************/