/* ------------------------------------------------------ */
/* Standard constructions that should apply to all menus. */
/* Edit these definitions should not be required.         */
/* ------------------------------------------------------ */
.menuItemsContainer .menuItem, .menuItemsContainer .expandItem {
	display: block;
/*	white-space:nowrap;*/
}
.horizontalMenu .menuItem, .horizontalMenu .expandItem, .horizontalMenu .separator {
	float: left;
/*	white-space:nowrap;*/
}
.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. */
/* ------------------------------------------------------ */



.Menu {
}
.Menu ul {
}

/* Main Nav */
.Menu .menuItem {
	line-height: 25px;
	font-size: 12px;
	color: #cccccc;
	font-weight: bold;
	font-stretch:extra-expanded;
	text-decoration: none;
	padding: 0px 30px 0px 0px;
	margin: 0px;
}
.Menu .hoverItem {
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}

.Menu .lastItem {
}

/* Main Nav Dropdowns */
.Menu .dropItem {
	text-align:left;
	background-color: #ffeda7; /* light-yellow */ 
	padding: 0px 40px 0px 10px;
	line-height: 27px;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: #000000;
}
.Menu .dropLastItem {
	border-bottom: 1px solid #ccc;
}
.Menu .dropItem:hover {
/*	background-color: #f7f7f7;*/
	background-color: #fddf6e; /* medium-yellow-orange */
	color: #666666;
	text-decoration: none;
}


/* Main Nav Expander */
.Menu .expandItem {
	background-color: yellow;
	padding: 0px 10px 0px 20px;
	line-height: 27px;
	font-size: 11px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-bottom: 0px;
	color: red;
}
.Menu .expandLastItem {
  /*  border-bottom: 1px solid pink;*/
}
.Menu .expandItem:hover {
/*	background-color: #f7f7f7; /* original off-white */
	background-color: #ffcd11; /* cat-yellow */
	color: black;
	text-decoration: none;
}
.Menu .expandArrowItem, .Menu .dropArrowItem {
	background-image: url(../Images/arrow_blu-pad-right.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 {
	color: #ffffff;
	text-decoration: underline;
}
.Menu .dropCurrentItem {
	color: #333333;
	text-decoration: underline;
	background-color: #fddf6e; /* medium-yellow-orange */
}
.Menu .expandCurrentItem {
	background-color: #fddf6e; /* medium-yellow-orange */
	color: #ffffff;
	text-decoration: underline;
}


/********************************************************************************/



.SideMenu {
/*	line-height:30;*/
	width:200px;
}

/* Main Nav */
.SideMenu .menuItem {
	padding-left: 20px;
	padding-right: 10px;
	padding-top:3px;
	padding-bottom:3px;
	text-decoration: none;
	color: #5f5f5f;	
	font-weight: bold;
	font-size: 12px;
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;
}
.SideMenu .hoverItem {
	background-image: url(../Images/arrow-black-hollow.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px; /* h v */
	font-weight: bold;
	color: #162E6F;
	text-decoration: underline;
}

.SideMenu .lastItem {
/*	border-right: 1px solid #ccc; /* original */
	border-right: 0px solid #ccc;	
}

/* Main Nav Dropdowns */
.SideMenu .dropItem {
/*	background-color: white;*/
	background-color: #ffeda7; 
	padding: 0px 10px;
	line-height: 25px;
	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: #fddf6e;
	color: black;
	text-decoration: none;
}


/* Main Nav Expander */
.SideMenu .expandItem {
	padding: 5px 5px 5px 30px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	border: 0px solid #ccc;
	border-bottom: 0px;
	color: #5f5f5f;	
}
.SideMenu .expandItem:hover {
	background-image: url(../Images/arrow-black-hollow.gif);
	background-repeat: no-repeat;
	background-position: 15px 7px; /* h v */
	color: #162E6F;
	text-decoration: underline;
}
.SideMenu .expandLastItem {
	padding-bottom:20px;
}
.SideMenu .expandArrowItem, .SideMenu .dropArrowItem {
	background-image: url(../Images/arrow-expand.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, .SideMenu .dropCurrentItem, .SideMenu .expandCurrentItem { /* original */
.SideMenu .currentItem {
	background-image: url(../Images/arrow-black-hollow-down.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px; /* h v */
	font-weight: bold;
	color: #162E6F;
}

.SideMenu .currentItem:hover {
	background-image: url(../Images/arrow-black.gif);
}

.SideMenu .trueCurrentItem {
	background-image: url(../Images/arrow-black.gif);
	text-decoration: none;
}

.SideMenu .trueCurrentItem:hover {
	background-image: url(../Images/arrow-black-hollow.gif);
}


.SideMenu .expandCurrentItem {
	background-image: url(../Images/arrow-black.gif);
	background-repeat: no-repeat;
	background-position: 15px 7px; /* h v */
	font-weight: bold;
	color: #162E6F;
	text-decoration: none;
}

/********************************************************************************/