@charset "UTF-8";
/* CSS Document */

/* site-wide font */
body {
	font-family: Geneva, Verdana, sans-serif;
	font-size: 11px;
}

h1 {
	font-family: Geneva, Verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

h2 {
	font-family: Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-decoration: underline;
}
.style1 {
	color: #FF0000;
	font-weight: bold;
}

/* navigation padding */
#navigation {
	margin-bottom: 15px;
}
#navigation a {
padding-right: 15px;	
}
/* links */
a {
	text-decoration: underline;
	color: #000;
}
/* hovering over links */
a:hover {
	text-decoration: none;
	color: #000;
}

/* visited links */
a:visited {
	color: #000;
}

a[href^="mailto"] { 
text-decoration: none; 
border-bottom:1px dotted;
	color: #000; 
}

a[href^="mailto"]:hover { 
text-decoration: none; 
	color: #000; 
	border-bottom:none;
}

a[href^="mailto"]:visited { 
	text-decoration: none; 
	color: #000; 
	border-bottom:none;
}

a img {
	color: #fff;
	border: none;
}
/* the left fixed box */
#boxtop {
	width: 445px;
	height: 100%;
	left: 0px;	
	top: 0px;
	padding-left: 40px;
	position: fixed;
	background-color: #fff;
	padding-top: 26px;
	}

/* position article container */
#articleouter {
	position: absolute;
	left: 485px;
	top: 121px;
	height: 500px;
}
/* the box which contains the transparent overlay images */
#tranimage {
	/*width:100%;*/
	height: 400px;
	left: 602px;
	position: fixed;
	z-index: 300;
	margin-top: 120px;
}
/* heat haze transparent image box */
#hazetranimage {
	height: 360px;
	width: 800px;
	left: 600px;
	position: fixed;
	z-index: 100;
	margin-top: 120px;
}

#hazetranimage a img {
	filter:alpha(opacity=100);
	     -moz-opacity: 1.0; 
	     opacity: 1.0;
	     -khtml-opacity: 1.0;
}

#hazetranimage a:hover {
	cursor: default;
}

#hazetranimage a:hover img {
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
	-khtml-opacity: 0.1;
}

/* the transparent image */
#tranimage a img {
filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;
}

#tranimage a:hover {
	cursor: default;
}

#tranimage a:hover img {
	filter:alpha(opacity=10);
	-moz-opacity: 0.1;
	opacity: 0.1;
	-khtml-opacity: 0.1;
}

.tranroll {
	z-index: 1000;
}

/* padding for the left fixed box */
#info {
	padding: 10px;
	margin-left: 49px;
}

/* each image in the article */
.imagebox{
	padding-top: 45px;
	padding-right: 40px;
	float: left;
	position: relative;
}
.imagebox1{
	padding-top: 35px;
	padding-right: 20px;
	float: left;
	position: relative;
}
#imagearticle {
	padding-left: 27px;
}
/* the text inside each article */
.articletext {
	padding: 34px 40px 20px 27px;
	float: left;
	position: relative;
	width: 405px;
	height: 99%;
}
.pale1articletext {
	padding: 34px 40px 20px 27px;
	float: left;
	position: relative;
	width: 300px;
	height: 99%;
}
.pale2articletext {
	padding: 34px 40px 20px 27px;
	float: left;
	position: relative;
	width: 500px;
	height: 99%;
}
.pale3articletext {
	padding: 34px 40px 20px 27px;
	float: left;
	position: relative;
	width: 280px;
	height: 99%;
}
.transporttext{
	padding: 40px 40px 20px 27px;
	float: left;
	position: relative;
	width: 250px;
	height: 100%;
}
.studiostext{
	padding: 34px 40px 20px 27px;
	float: left;
	position: relative;
	width: 845px;
	height: 100%;
}
#loaderbox {
	padding-right: 3000px;
	padding-top: 40px;
}

/* captions for images - change 'none' to 'block' if you want to show the captions */
.caption {
	display: block;
	padding-top: 10px;
}
.author{
	font-size:9px;
	font-style:italic;
}
/* article box which contains images and text */
#article,#luckyarticle,#luckyarticle,#devilarticle,#readingarticle,#artistsarticle,#educationarticle,#programmearticle {
	position: absolute;
	background-color: #fff;
}

#logo {
	position: relative;
	height: 78px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#seacexlogo {
	padding-top: 7px;
}
/* ------------------------------------- */
/* SECTION BELOW USED FOR ARTICLE WIDTHS */
/* ------------------------------------- */

/* article box for lucky dip */
#luckyarticle {
	width: 3600px;
}
/* article box for necktie */
#devilarticle {
	width: 3400px;
}
/* article box for reading a wave */
#readingarticle {
	width: 2580px;
}
/* article box for heat haze */
#heatarticle {
	width: 6800px;
}
#buzzarticle {
	width: 2560px;
}
#elenaarticle {
	width: 3100px;	
}
/* article box for artists */
#artistsarticle {
	width: 2930px;
}
/* article box for education */
#educationarticle {
	width: 3000px;
}
/* article box for programme page */
#programmearticle {
	width: 2100px;
}
/* article box for programme page */
#event2article {
	width: 900px;
}
/* article box for programme page */
#manarticle {
	width: 4200px;
}
#event4article {
	width: 5340px;
}
#transportarticle {
	width: 980px;
}
#studiosarticle {
	width: 846px;
}
#symposiaarticle {
	width: 1000px;
}
#bergenarticle {
	width: 4000px;
}

#thebigdrawarticle {
	width: 1640px;
}
#studentleadprojectsarticle {
	width: 1100px;
}	

#schoolworkshopsarticle {
	width: 2700px;
}

#postgradarticle {
	width: 400px;
}

#freeartarticle {
	width: 2200px;
}

#salonarticle {
	width: 1100px;
}

#palearticle {
	width: 2400px;
}

#coharticle {
	width: 2000px;
}

#colourspacearticle {
	width: 1100px;
}
#whitemarticle {
	width: 1000px;
}

#badhisarticle {
	width:2050px;
}

#projxarticle {
	width: 5700px
}

#comp8article {
	width: 1000px
}

#elephants {
	width: 2050px
}
#luckypdfarticle {
	width: 2000px
}

#beamer {
	width:1400px
}

#pevertedarticle {
	width:2260px;
}

#present1article {
	width: 2200px;
}

#printportfolioarticle {
	width:1100px;
}
#rip {
	width: 600px;
}