/************************************************************************************************/
/*							Styles to apply to menu links 1-3.									*/
/*				The styles will allow the overriding of global link colours						*/
/*								to the specific layer colour!									*/

.Layer1Link {
	font-family: Arial, Helvetica, sans-serif;
	color: #3A006B;
	font-size: 11px;
	text-transform: uppercase;
	vertical-align: middle;
	text-decoration: none;
}
.Layer1Link:hover {
	text-decoration:none;
	/*text-transform: uppercase;*/
}


.Layer2Link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
/*	text-transform: uppercase;*/
	vertical-align: middle;
	/* cursor: default; */
	text-decoration: none;
}
.Layer2Link:hover {
text-decoration:none;
}



.Layer3Link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 11px;
	/* text-transform: uppercase; */
	vertical-align: middle;
	/* cursor: default; */
	text-decoration: none;
}



/****************************************************************************/
/* 					Styles to apply to menu layer's 1-3.					*/
/*		"normal" implies the table cell is not selected or a roll-over		*/

.Layer1Normal {
	font-family: Arial, Helvetica, sans-serif;
	color: #3A006B;
	font-size: 11px;
	background-color: #95A8D5;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: default;
	text-decoration: none;
}
.Layer1Normal:hover {
text-decoration:none;
}


.Layer2Normal {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	background-color: #B1C3D9;
	/* text-transform: uppercase; */
	vertical-align: middle;
	cursor: default;
	text-decoration: none;
}
.Layer2Normal:hover {
text-decoration:none;
}


.Layer3Normal {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 11px;
	background-color: #F7F7F7;
	/* text-transform: uppercase; */
	vertical-align: middle;
	cursor: default;
	text-decoration: none;
}
/*.Layer3Normal:hover {
text-decoration:none;
}*/

/*--------------------------------------------------------------------------*/


/****************************************************************************/
/*					Styles to apply to menu layer's 1-3. 					*/
/*		"selected" implies the table cell is the current selected option	*/

.Layer1Selected {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	/*background-color: #B1C3D9;*/
	
	background:#B1C3D9 url(img/general/RL1-TB.gif) right top no-repeat;
	padding-right: 10px;
	
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	cursor: default;
	text-decoration: none;
}
.Layer1Selected:hover {
text-decoration:none;
}


.Layer2Selected {
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 11px;
	padding-right: 10px;
	/* text-transform: uppercase; */
	font-weight: bold;
	vertical-align: middle;
	cursor: default;
	text-decoration: none;
	background-color: #F7F7F7;
	background-image: url(img/general/RL2-TB.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.Layer2Selected:hover {
text-decoration:none;
}


.Layer3Selected {
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 11px;
	background-color: #F7F7F7;
	vertical-align: middle;
	text-decoration: underline;
	cursor: default;
}
/*--------------------------------------------------------------------------*/


.Layer3SelectedLink {
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 11px;
	background-color: #F7F7F7;
	vertical-align: middle;
	text-decoration: underline;
	cursor: default;
}



.Layer2SelectedLink {
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	cursor: default;
	text-decoration: none;
}

.Layer1SelectedLink {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	cursor: default;
	text-decoration: none;
}



/****************************************************************************/
/* 					Styles to apply to menu layer's 1-3.					*/
/*		"Over" implies the user has their mouse curser over the cell		*/

.Layer1Over {
	font-family: Arial, Helvetica, sans-serif;
	color: #3A006B;
	font-size: 11px;
	/* text-transform: uppercase; */
	vertical-align: middle;
	cursor:default;
	text-decoration: none;
	border-right-width: thin;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;	/*font-weight: bold;*/
	background-color: #C1D0E1;
	background-image: url(img/general/RL1Over-TB.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-transform: uppercase;
}
.Layer1Over:hover {
text-decoration:none;
}


.Layer2Over {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	/* text-transform: uppercase; */
	vertical-align: middle;
	/*font-weight: bold;*/
	cursor: default;
	background-color: #C1D0E1;
	background-image: url(img/general/RL2Over-TB.gif);
	background-repeat: no-repeat;
	background-position: right top;	/*text-decoration: none;*/
}
.Layer2Over:hover {
text-decoration:none;
}


.Layer3Over {
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	font-size: 11px;
	background-color: #F7F7F7;
	/* text-transform: uppercase; */
	vertical-align: middle;
	cursor: default;
	/*text-decoration: none;*/
	/*font-weight: bold;*/
}

/*--------------------------------------------------------------------------*/