/* For the Right context menu. JS accompanies it for click events. */

.rightMenuA, .siteMenuA {
	/* DO NOT USE! For identification of Right and Sitemenus only */
}

#collapse {
	display: none;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	border: 0px solid;
}

div.content, div.content div.content {
	margin-top: 0;
	margin-bottom: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.content {
	border: 1px solid #000000;
	border-bottom-width: 1px; /* With of bottom border */
	border-top: none;
/*	border-bottom: none;
	border-right: none; */
	padding-top: 10px;
	margin-top: -10px;
	margin-left: 8px;
	margin-right: 8px;
	FONT-SIZE: 8pt;
}

div.content div.content {
	padding-top: 5px;
	border-color: #6B6B6B;
/*	border-bottom: none;
	border-right: none; */

}

div#advfooter {
	position: fixed;
	bottom: 0px;
	background-color: #D4D4D4;
	margin: 0;
	padding: 5px;
	padding-left: 30px;
}

div.content a {
	display: block;
	background-color: #ffffff;
	color: #696969;
	margin-bottom: 5px;
	padding: 2px 5px;
	padding-left: 22px;
	padding-left: 12px;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
}

div.content a:visited {
/*	background-color: #bbbbbb; */
	background-color: #ffffff;
}

div.content a:hover {
	background-color: #527BBD;
	color: #ffffff;
	text-decoration: underline;
}

div.content div.content a {
	padding-left: 2px;
}

/* Extra content2 labelling used to allow non-collapsable menu links to be always displayed. */

div.content2, div.content2 div.content2 {
	margin-top: 0;
	margin-bottom: 1px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.content2 {
/*	border: 1px solid #000000; */
	border-bottom-width: 1px; /* With of bottom border */
	border-top: none;
/*	border-bottom: none;
	border-right: none; */
	padding-top: 12px;
	margin-top: -10px;
	margin-left: 3px;
	margin-right: 8px;
	FONT-SIZE: 10pt; /* To match size of Label */
}

div.content2 div.content2 {
	padding-top: 5px;
	border-color: #6B6B6B;
/*	border-bottom: none;
	border-right: none; */

}

div.content2 a {
	display: inline;
	background-color: #ffffff;
	color: #000000;  /* Needs to be as dark as the label */
	margin-bottom: 5px;
	padding: 0px 5px; /* Prvs setting of 2, 5px was not good for the main menu. Adjusted to match labels */
/*	padding-left: 22px; */
	padding-left: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	FONT-SIZE: 10pt; /* To match size of Label */
}

div.content2 a:visited {
/*	background-color: #bbbbbb; */
	background-color: #ffffff;
}

div.content2 a:hover {
	background-color: #527BBD;
	color: #ffffff;
	text-decoration: underline;
}

div.content2 div.content2 a {
	padding-left: 2px;
}

div.content2 img {
	vertical-align: bottom;
	margin-bottom: 2px;
}

/* End of extra code */

a#currentPage {
/* 	Background colour has to match the top / bottom menus (see class "clicked") 
	else setNav function could chg ID of clicked menu item to Currentpage. */
/*	background-color: #527bbd; */
	background-color: #2586d7;
	border-right: 5px solid #527BBD; 
	color: #ffffff;
/*	margin-right: 5px; */
}

div#advfooter a {
	display: inline;
	background-color: transparent;
	font-size: 80%;
	padding: 0;
	margin: 0;
	padding-right: 10px;
}

p.separator {
	border-top: 1px solid #000000;
	margin-top: 7px;
	margin-bottom: 5px;
	font-size: 1px;
}

div.label {
/*	styles; */
	border-bottom: none;
	FONT-SIZE: 10pt;
	cursor: pointer;
	cursor: hand;
/*	background-color: #dddddd;*/	 /* IE Bug, makes borders go funny. Mozilla ok. */
}

div.label img {
	vertical-align: bottom; 
	border-bottom: none;
	margin-left: 1px; /* To centre over vertical border */
	margin-right: 6px; /* Distance to text */
}

/* Sitemap Content Styles */
/* ---------------------- */
#sitemap {
	text-decoration: none;
	border: 0px solid;
}
div.SiteContent, div.SiteContent div.SiteContent {
	margin-top: 0;
	margin-bottom: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.SiteContent {
	border: 0px solid #000000;
	border-bottom-width: 0px; /* With of bottom border */
	border-left: 1px solid #000000;
	border-top: none;
	border-bottom: none;
	border-right: none; 
	padding-top: 10px;
	margin-top: -10px;
	margin-left: 8px;
	margin-right: 8px;
	FONT-SIZE: 8pt;
}

div.SiteContent div.SiteContent {
	padding-top: 5px;
	border-color: #6B6B6B;
	border-bottom: none;
	border-right: none; 

}

div.SiteContent a {
	display: block;
	background-color: #ffffff;
	color: #696969;
	margin-bottom: 5px;
	padding: 2px 5px;
	padding-left: 22px;
	padding-left: 12px;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
}

div.SiteContent a:visited {
/*	background-color: #bbbbbb; */
	background-color: #ffffff;
}

div.SiteContent a:hover {
	background-color: #527BBD;
	color: #ffffff;
	text-decoration: underline;
}

div.SiteContent div.SiteContent a {
	padding-left: 2px;
}

/* Extra content2 labelling used to allow non-collapsable menu links to be always displayed. */

div.SiteContent2, div.SiteContent2 div.SiteContent2 {
	margin-top: 0;
	margin-bottom: 10px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

div.SiteContent2 {
/*	border: 1px solid #000000; */
	border-bottom-width: 1px; /* With of bottom border */
	border-top: none;
	border-bottom: none;
	border-right: none; 
	padding-top: 10px;
	padding-bottom: 0px;
	margin-top: -10px;
	margin-left: 3px;
	margin-right: 8px;
	margin-bottom: 0px;
	FONT-SIZE: 10pt; /* To match size of Label */
	vertical-align: bottom; 
}

div.SiteContent2 div.SiteContent2 {
	padding-top: 5px;
	border-color: #6B6B6B;
	border-bottom: none;
	border-right: none; 
}

div.SiteContent2 a {
	display: inline;
	background-color: #ffffff;
	color: #000000;  /* Needs to be as dark as the label */
	margin-bottom: 5px;
	padding: 0px 5px;
/*	padding-left: 22px; */
	padding-left: 0px;
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	FONT-SIZE: 10pt; /* To match size of Label */
}

div.SiteContent2 a:visited {
/*	background-color: #bbbbbb; */
	background-color: #ffffff;
}

div.SiteContent2 a:hover {
	background-color: #527BBD;
	color: #ffffff;
	text-decoration: underline;
}

div.SiteContent2 div.SiteContent2 a {
	padding-left: 2px;
}
div.SiteContent2 img {
	vertical-align: bottom;
	margin-bottom: 2px;
}

/* End of extra code */