/* Colour accents selected by the user */
.colour1 a:link,
.colour1 a:visited,
.colour1 a:hover,
.colour1 a:active,
.colour1 ul .liAsP a {
	color: rgb(12, 106, 138);
}
.colour1 .titleOfBlock h4, .colour1 .blockContent div.itemTitle {
	color: rgb(12, 106, 138);
}
.colour1 .rolloverImage li.active {
	background-color: rgb(12, 106, 138);
}
.colour1 .titleOfBlock h4 a:hover {
	/* Bit lighter variant of above colour */
	color: rgb(18, 146, 188);
}
.colour1 .rolloverImage li {
	/* Same colour as previous selector, but here used for the background */
	background-color: rgb(18, 146, 188);
	/* Still lighter */
	border-bottom: 1px solid rgb(24, 186, 218);
}
.colour1 .rolloverImage .imageSpacer,
.colour1 .topImage .imageSpacer {
	background-color: rgb(12, 106, 138);
	/* Lightest variant */
	border-bottom: 1px solid rgb(24, 186, 218);
}

.colour2 a:link,
.colour2 a:visited,
.colour2 a:hover,
.colour2 a:active,
.colour2 ul .liAsP a {
	color: rgb(75, 86, 118);
}
.colour2 .titleOfBlock h4, .colour2 .blockContent div.itemTitle {
	color: rgb(75, 86, 118);
}
.colour2 .rolloverImage li.active {
	background-color: rgb(75, 86, 118);
}
.colour2 .titleOfBlock h4 a:hover {
	color: rgb(95, 116, 148);
}
.colour2 .rolloverImage li {
	background-color: rgb(95, 116, 148);
	border-bottom: 1px solid rgb(115, 136, 188);
}
.colour2 .rolloverImage .imageSpacer,
.colour2 .topImage .imageSpacer {
	background-color: rgb(75, 86, 118);
}

.colour3 a:link,
.colour3 a:visited,
.colour3 a:hover,
.colour3 a:active,
.colour3 ul .liAsP a {
	color: rgb(0, 87, 133);
}
.colour3 .titleOfBlock h4, .colour3 .blockContent div.itemTitle {
	color: rgb(0, 87, 133);
}
.colour3 .rolloverImage li.active {
	background-color: rgb(0, 87, 133);
}
.colour3 .titleOfBlock h4 a:hover {
	color: rgb(0, 107, 163);
}
.colour3 .rolloverImage li {
	background-color: rgb(0, 107, 163);
	border-bottom: 1px solid rgb(0, 127, 183);
}
.colour3 .rolloverImage .imageSpacer,
.colour3 .topImage .imageSpacer {
	background-color: rgb(0, 87, 133);
}

.colour4 a:link,
.colour4 a:visited,
.colour4 a:hover,
.colour4 a:active,
.colour4 ul .liAsP a {
	color: rgb(2, 112, 97);
}
.colour4 .titleOfBlock h4, .colour4 .blockContent div.itemTitle {
	color: rgb(2, 112, 97);
}
.colour4 .rolloverImage li.active {
	background-color: rgb(2, 112, 97);
}
.colour4 .titleOfBlock h4 a:hover {
	color: rgb(3, 142, 127);
}
.colour4 .rolloverImage li {
	background-color: rgb(3, 142, 127);
	border-bottom: 1px solid rgb(4, 162, 147);
}
.colour4 .rolloverImage .imageSpacer,
.colour4 .topImage .imageSpacer {
	background-color: rgb(2, 112, 97);
}

.colour5 a:link,
.colour5 a:visited,
.colour5 a:hover,
.colour5 a:active,
.colour5 ul .liAsP a {
	color: rgb(76, 112, 22);
}
.colour5 .titleOfBlock h4, .colour5 .blockContent div.itemTitle {
	color: rgb(76, 112, 22);
}
.colour5 .rolloverImage li.active {
	background-color: rgb(76, 112, 22);
}
.colour5 .titleOfBlock h4 a:hover {
	color: rgb(96, 152, 32);
}
.colour5 .rolloverImage li {
	background-color: rgb(96, 152, 32);
	border-bottom: 1px solid rgb(116, 182, 42);
}
.colour5 .rolloverImage .imageSpacer,
.colour5 .topImage .imageSpacer {
	background-color: rgb(76, 112, 22);
}

.colour6 a:link,
.colour6 a:visited,
.colour6 a:hover,
.colour6 a:active,
.colour6 ul .liAsP a {
	color: rgb(77, 56, 112);
}
.colour6 .titleOfBlock h4, .colour6 .blockContent div.itemTitle {
	color: rgb(77, 56, 112);
}
.colour6 .rolloverImage li.active {
	background-color: rgb(77, 56, 112);
}
.colour6 .titleOfBlock h4 a:hover {
	color: rgb(97, 76, 162);
}
.colour6 .rolloverImage li {
	background-color: rgb(97, 76, 162);
	border-bottom: 1px solid rgb(117, 96, 192);
}
.colour6 .rolloverImage .imageSpacer,
.colour6 .topImage .imageSpacer {
	background-color: rgb(77, 56, 112);
}

.colour7 a:link,
.colour7 a:visited,
.colour7 a:hover,
.colour7 a:active,
.colour7 ul .liAsP a {
	color: rgb(105, 30, 121);
}
.colour7 .titleOfBlock h4, .colour7 .blockContent div.itemTitle {
	color: rgb(105, 30, 121);
}
.colour7 .rolloverImage li.active {
	background-color: rgb(105, 30, 121);
}
.colour7 .titleOfBlock h4 a:hover {
	color: rgb(145, 50, 171);
}
.colour7 .rolloverImage li {
	background-color: rgb(145, 50, 171);
	border-bottom: 1px solid rgb(185, 70, 231);
}
.colour7 .rolloverImage .imageSpacer,
.colour7 .topImage .imageSpacer {
	background-color: rgb(105, 30, 121);
}

.colour8 a:link,
.colour8 a:visited,
.colour8 a:hover,
.colour8 a:active,
.colour8 ul .liAsP a {
	color: rgb(132, 2, 89);
}
.colour8 .titleOfBlock h4, .colour8 .blockContent div.itemTitle {
	color: rgb(132, 2, 89);
}
.colour8 .rolloverImage li.active {
	background-color: rgb(132, 2, 89);
}
.colour8 .titleOfBlock h4 a:hover {
	color: rgb(172, 3, 129);
}
.colour8 .rolloverImage li {
	background-color: rgb(172, 3, 129);
	border-bottom: 1px solid rgb(212, 4, 179);
}
.colour8 .rolloverImage .imageSpacer,
.colour8 .topImage .imageSpacer {
	background-color: rgb(132, 2, 89);
}

.colour9 a:link,
.colour9 a:visited,
.colour9 a:hover,
.colour9 a:active,
.colour9 ul .liAsP a {
	color: rgb(99, 94, 53);
}
.colour9 .titleOfBlock h4, .colour9 .blockContent div.itemTitle {
	color: rgb(99, 94, 53);
}
.colour9 .rolloverImage li.active {
	background-color: rgb(99, 94, 53);
}
.colour9 .titleOfBlock h4 a:hover {
	color: rgb(139, 134, 83);
}
.colour9 .rolloverImage li {
	background-color: rgb(139, 134, 83);
	border-bottom: 1px solid rgb(179, 174, 113);
}
.colour9 .rolloverImage .imageSpacer,
.colour9 .topImage .imageSpacer {
	background-color: rgb(99, 94, 53);
}

.colour10 a:link,
.colour10 a:visited,
.colour10 a:hover,
.colour10 a:active,
.colour10 ul .liAsP a {
	color: rgb(80, 70, 56);
}
.colour10 .titleOfBlock h4, .colour10 .blockContent div.itemTitle {
	color: rgb(80, 70, 56);
}
.colour10 .rolloverImage li.active {
	background-color: rgb(80, 70, 56);
}
.colour10 .titleOfBlock h4 a:hover {
	color: rgb(110, 100, 86);
}
.colour10 .rolloverImage li {
	background-color: rgb(110, 100, 86);
	border-bottom: 1px solid rgb(150, 140, 116);
}
.colour10 .rolloverImage .imageSpacer,
.colour10 .topImage .imageSpacer {
	background-color: rgb(80, 70, 56);
}

.colour11 a:link,
.colour11 a:visited,
.colour11 a:hover,
.colour11 a:active,
.colour11 ul .liAsP a {
	color: rgb(53, 53, 53);
}
.colour11 .titleOfBlock h4, .colour11 .blockContent div.itemTitle {
	color: rgb(53, 53, 53);
}
.colour11 .rolloverImage li.active {
	background-color: rgb(53, 53, 53);
}
.colour11 .titleOfBlock h4 a:hover {
	color: rgb(83, 83, 83);
}
.colour11 .rolloverImage li {
	background-color: rgb(83, 83, 83);
	border-bottom: 1px solid rgb(113, 113, 113);
}
.colour11 .rolloverImage .imageSpacer,
.colour11 .topImage .imageSpacer {
	background-color: rgb(53, 53, 53);
}

.colour12 a:link,
.colour12 a:visited,
.colour12 a:hover,
.colour12 a:active,
.colour12 ul .liAsP a {
	color: rgb(133, 22, 7);
}
.colour12 .titleOfBlock h4, .colour12 .blockContent div.itemTitle {
	color: rgb(133, 22, 7);
}
.colour12 .rolloverImage li.active {
	background-color: rgb(133, 22, 7);
}
.colour12 .titleOfBlock h4 a:hover {
	color: rgb(183, 32, 10);
}
.colour12 .rolloverImage li {
	background-color: rgb(183, 32, 10);
	border-bottom: 1px solid rgb(223, 42, 14);
}
.colour12 .rolloverImage .imageSpacer,
.colour12 .topImage .imageSpacer {
	background-color: rgb(133, 22, 7);
}

.colour13 a:link,
.colour13 a:visited,
.colour13 a:hover,
.colour13 a:active,
.colour13 ul .liAsP a {
	color: rgb(186, 80, 12);
}
.colour13 .titleOfBlock h4, .colour13 .blockContent div.itemTitle {
	color: rgb(186, 80, 12);
}
.colour13 .rolloverImage li.active {
	background-color: rgb(186, 80, 12);
}
.colour13 .titleOfBlock h4 a:hover {
	color: rgb(236, 120, 18);
}
.colour13 .rolloverImage li {
	background-color: rgb(236, 120, 18);
	border-bottom: 1px solid rgb(250, 150, 24);
}
.colour13 .rolloverImage .imageSpacer,
.colour13 .topImage .imageSpacer {
	background-color: rgb(186, 80, 12);
}
/* End of colour accents */