body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.7em;
	line-height: 18px;
}
.bodyColour {
color:#1E8987;
}
.pinkdots {
	color: #FC0044;
}
a:link {text-decoration: none;color: #6D6F71;}
a:visited {text-decoration: none;color: #6D6F71;}
a:active {text-decoration: none;color: #6D6F71;}
a:hover {text-decoration: none;color: #1E8987;}
.projImages img {
	padding: 5px;
}

#topLinksLayer {
	position:absolute;
	width:425px;
	height:24px;
	z-index:1;
	left: 63px;
	top: 24px;
}
#maritLayer {
	position:absolute;
	width:215px;
	height:17px;
	z-index:2;
	left: 15px;
	top: 31px;
}
#archiveLayer {
	position:absolute;
	width:90px;
	height:24px;
	z-index:3;
	left: 640px;
	top: 24px;
}
#mainImageLayer {
	position:absolute;
	width:652px;
	z-index:4;
	left: 15px;
	top: 210px;
	border: 1px solid #FFFFFF;
	height: 473px;
}

#catImageLayer {
	position:absolute;
	width:652px;
	z-index:4;
	left: 15px;
	top: 202px;
	border: 1px solid #FFFFFF;
	height: 473px;
	visibility: hidden;
}

#projImage1 {
	position:absolute;
	z-index:9;
	left: -30px;
}
#projImage2 {
	position:absolute;
	z-index:10;
	visibility: hidden;
	left: -30px;
}
#projImage3 {
	position:absolute;
	z-index:11;
	visibility: hidden;
	left: -30px;
}
#projImage4 {
	position:absolute;
	z-index:12;
	visibility: hidden;
	left: -30px;
}
#projImage5 {
	position:absolute;
	z-index:13;
	visibility: hidden;
	left: -30px;
}
#projImage6 {
	position:absolute;
	z-index:14;
	visibility: hidden;
	left: -30px;
}
#projImage7 {
	position:absolute;
	z-index:15;
	visibility: hidden;
	left: -30px;
}
#projImage8 {
	position:absolute;
	z-index:16;
	visibility: hidden;
	left: -30px;
}
#projImage9 {
	position:absolute;
	z-index:17;
	visibility: hidden;
	left: -30px;
}


#contentLayer {
	position:absolute;
	width:504px;
	height:480px;
	z-index:4;
	left: 66px;
	top: 139px;
}
#titleLayer {
	position:absolute;
	width:210px;
	height:25px;
	z-index:5;
	left: 66px;
	top: 96px;
}
.blueContent {color: #0000FF}


#topLeft {
	position:absolute;
	width:118px;
	height:16px;
	z-index:5;
	left: 15px;
	top: 14px;
}
#catLinksLayer {
	position:absolute;
	width:385px;
	height:22px;
	z-index:6;
	left: 476px;
	top: 89px;
}
#textLayer {
	position:absolute;
	width:516px;
	height:228px;
	z-index:7;
	left: 48px;
	top: 182px;
}
#catTextLayer {
	position:absolute;
	width:720px;
	height:228px;
	z-index:7;
	left: 48px;
	top: 182px;
}
#projTextLayer {
	position:absolute;
	width:516px;
	height:228px;
	z-index:22;
	left: 48px;
	top: 182px;
}

#mainImage {border: 1px dotted #FC0044;}
#thisPic1 {border: 1px dotted #FC0044;}
#thisPic2 {border: 1px dotted #FC0044;}
#thisPic3 {border: 1px dotted #FC0044;}
#thisPic4 {border: 1px dotted #FC0044;}
#thisPic5 {border: 1px dotted #FC0044;}
#thisPic6 {border: 1px dotted #FC0044;}
#thisPic7 {border: 1px dotted #FC0044;}
#thisPic8 {border: 1px dotted #FC0044;}
#thisPic9 {border: 1px dotted #FC0044;}

.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
.linkArrow {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
}

.linkArrow a:link {
	text-decoration: none;
	color: #FC0044;
	font-weight: normal;
}
.linkArrow a:visited {
	text-decoration: none;
	color: #FC0044;
	font-weight: normal;
}
.linkArrow a:active {
	text-decoration: none;
	color: #FC0044;
	font-weight: normal;
}
.linkArrow a:hover {
	text-decoration: none;
	color: #FC0044;
	font-weight: normal;
}
.bodyGrey {
color:#6D6F71;
}
.tableEntry {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 16px;
	font-size: 1em;
}
.blackLink {color: #000000}
.blackLink:link {color: #000000}
.blackLink:visited {color:#000000}
.blackLink:active {color:#000000}
.blackLink:hover {color:#1E8987}
.greyContent {
color: #6D6F71
}