a:link {color:#FFFF00;text-decoration:none;}    /* unvisited link */
a:visited {color:#8080FF;text-decoration:none;} /* visited link */
a:hover {color:#FF0040;text-decoration:none;}  /* mouse over link */
a:active {color:#FF00FF;text-decoration:none;}  /* selected link */   

#back {
text-align:center;
}

#back > a:link {
color:#0000AA;
border-radius:3px;
background:-webkit-linear-gradient(270deg,#EEEEEE,#CCCCCC); /* Replace with CSS3. */
background:linear-gradient(to bottom,#EEEEEE,#CCCCCC);
border:solid #DDDDDD 1px;
font-weight:bold;
padding:5px;
}

#back > a:visited {
color:#0000AA;
}

#back > a:hover {
color:#FF0000;
border:solid #CCCCCC 1px;
text-shadow:#555555 0px 0px 5px;
}

#back > a:active {
color:#FF0000; 
}

#maintitle {
	font-family:sans-serif;
	color:#FF0000;
}

#nav {
	background: hsla(210,85%,35%,1)
}

.breadcrumb { 
	list-style: none; 
	overflow: hidden; 
	font: 10px Helvetica, Arial, Sans-Serif;
}
.breadcrumb li { 
	float: left; 
}
.breadcrumb li a {
	color: white;
	text-decoration: none; 
	padding: 6px 0 6px 65px;
	background: blue;                   /* fallback color */
	background: hsla(210,85%,35%,1); 
	position: relative; 
	display: block;
	float: left;
}

.breadcrumb li a:after { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid hsla(210,85%,35%,1);
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	left: 100%;
	z-index: 2; 
}

.breadcrumb li a:before { 
	content: " "; 
	display: block; 
	width: 0; 
	height: 0;
	border-top: 50px solid transparent;       
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px; 
	margin-left: 1px;
	left: 100%;
	z-index: 1; 
	
}
	
	.breadcrumb li:first-child a {
	padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        hsla(210,85%,45%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(210,85%,45%,1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(210,85%,55%,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(210,85%,55%,1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(210,85%,65%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(210,85%,65%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(210,85%,75%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(210,85%,75%,1); }
.breadcrumb li:nth-child(6) a       { background:        hsla(210,85%,75%,1); }
.breadcrumb li:nth-child(6) a:after { border-left-color: hsla(210,85%,75%,1); }
.breadcrumb li:last-child a {
	background: transparent !important;
	color: black;
	pointer-events: none;
	cursor: default;
}
.breadcrumb li a:hover { background-color: hsla(210,85%,25%,1); color:#FF0000;}
.breadcrumb li a:hover:after { border-left-color: hsla(210,85%,25%,1); }

#nav-menu-1 {
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}

#nav-menu-1 li{
display:inline;
}
#nav-menu-1 a:link
{
font-weight:bold;
color:#FFFFFF;
background-color:#686868;
text-align:center;
padding:6px;
text-decoration:none;
}

#nav-menu-1 a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:#686868;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}

#nav-menu-1 a:hover
{
background-color:#909090;
}

#nav-menu-1 a:active
{
background-color:#909090;
}

div.navsection {
	font-size: 10pt;
}

a.button {
	display:inline-block;
	font-weight:bold;
}

a.button > div {
	border-radius:8px;
	background:#606060; 
}

a.button:link {
	text-decoration:none; /** For IE. */
	color:#AADDDD;
}

a.button:visited {
	color:#8080FF;
}

a.button:active {
	color:#FF0000;
}

a.button:hover {
	color:#FFFFFF;
	font-weight:bold;
	text-shadow:#000000 0px 0px 10px;
}

a.button > div:hover {
	background:#500000; /* Replace with CSS3. */
}

a.smallbutton > div {
	width:140px;
	height:50px;
}

a.emailbutton > div {
	width:160px;
	height:50px;
}

div.vertcentre {
	display:table;
	overflow:hidden;
}

div.vertcentre > div {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	margin:0 auto;
	text-align:center;