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

body {
	background: #000000 url(http://www.newmedia.artdesignhull.ac.uk/stopham/transpire/images/backgroundSmall2.jpg) repeat-y scroll center top;
	}

a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	text-decoration:none;
	text-transform:none;
	letter-spacing:0px;
	color:#adadad;
	}

a:hover {
	font-weight:normal;
	text-transform:none;
	letter-spacing: 0px;
	color:#FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
	}

#wrapper {
	width: 800px;
	height: auto !important;
	border: 0 none;
	margin: 0 auto;
	/*overflow:hidden;*/
	}

#header {
	width: 800px;
	height:auto;
	margin: 0 auto;
	padding: 0;
	}
	
#header-email {
	float:left;
	height:auto;
	margin: 0 auto;
	padding: 0;
	}

#header-info {
	float:right;
	height:auto;
	margin: 0 auto;
	padding: 0;
	}
	

#navbar {
	float:left;
	margin: 0 auto;
	padding: 0;
	}
	
#navbar ul {
	margin: 0;
	padding: 0;
	}
	
#navbar li.link {
	float:left;
	display:inline;
	margin: 0px;
	}

#maincontent {
	float:left;
	margin: 0 auto;
	width: 760px;
	overflow:auto;
	padding:20px;
	min-height:600px;
	color:#CCCCCC;
	list-style-type:none;
	}

#maincontent li.thebody blockquote {
	color:#CCCCCC;
	list-style-type:none;
	font-family:Georgia, "Times New Roman", Times, serif, "Helvetica CE 35 Thin";
	font-size:14px;
	}
	
#maincontent li.thebody h4 {
	color:#CCCCCC;
	list-style-type:none;
	font-family:Georgia, "Times New Roman", Times, serif, "Helvetica CE 35 Thin";
	font-size:16px;
	}

#maincontent blockquote {
	margin-left:20px;
	margin-right:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	text-align:justify;
	}
	
#maincontent img {
	border-style:none;
}

#maincontent img {
	border-style:none;
}
	
#maintext {
	float:left;
	width:700px;
	height:auto;
	margin: 0 auto;
	padding: 0;
	}

#footer {
	background:url(http://www.newmedia.artdesignhull.ac.uk/stopham/transpire/images/footer.jpg) no-repeat scroll 0 0;
	float:left;
	height:auto;
	padding: 0 0 0 10px;
	width:790px;
	}
	
#footer img {
	border:none;
	}
	
#footer a {
	float:left;
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif, "Helvetica CE 35 Thin";
	font-size:32px;
	color:#FFFFFF;
	text-align:left;
	margin-left:20px;
	}

h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
}

#floatMenu {
    position:absolute;
    top:210px;
    left:65%;
    margin-left:235px;
    width:120px;
}
#floatMenu ul {
	list-style:none;
    margin:5px;
	padding:0px;
}
#floatMenu ul li a {
	display:block;
    border:1px solid #CCC;
    background-color:#666;
    border-left:5px solid #727272;
    text-decoration:none;
    color:#ccc;
    padding:3px 3px 3px 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-topright: 10px;
	-webkit-border-radius-bottomright: 10px;
}

#floatMenu ul.menu1 li a:hover {border-color:#069;}
#floatMenu ul.menu2 li a:hover {border-color:#069;}
#floatMenu ul.menu3 li a:hover {border-color:#069;}
#floatMenu ul.menu4 li a:hover {border-color:#069;}
#floatMenu ul.menu5 li a:hover {border-color:#069;}
#floatMenu ul.menu6 li a:hover {border-color:#069;}

#unifloatMenu {
    position:absolute;
    top:290px;
    right:277px;
    margin-left:235px;
    width:120px;
}
#unifloatMenu ul {
	list-style:none;
    margin-bottom:20px;
	padding:0px;
	border-style:none;
}
#unifloatMenu ul li a {
    display:block;
    border-style:none;
    background-color:#666;
    text-decoration:none;
    color:#ccc;
    padding:5px 5px 5px 25px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-topright: 10px;
	-webkit-border-radius-bottomright: 10px;
}

#unifloatMenu ul.menu1 li a:hover {border-color:#069;}
#unifloatMenu ul.menu2 li a:hover {border-color:#069;}
#unifloatMenu ul.menu3 li a:hover {border-color:#069;}
#unifloatMenu ul.menu4 li a:hover {border-color:#069;}
#unifloatMenu ul.menu5 li a:hover {border-color:#069;}
#unifloatMenu ul.menu6 li a:hover {border-color:#069;}



#breadcrumbs {
	font-family:Georgia, "Times New Roman", Times, serif, "Helvetica CE 35 Thin";
	font-size:16px;
	padding-left:30px;
}

.hover li{
    width:125px;
    height:30px;
    float:left;
    color:#000000;
    overflow:hidden;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:20px;
	margin-left:40px;
}

.hover img{
	border:none;
}

/*Menu Color Classes*/
.hover yearone{
	padding:0px;
	border-style:none;
	background:#000;
	}
.hover yeartwo{
	border-style:none;
	background:#000;
	}
.hover yearthree{
	border-style:none;
	background:#000;
	}
.subtext{
	margin:0px;
	padding:0px;
	border-style:none;
}

#container .article ul{
	list-style-type:circle;
}

/* ----------------------------------------------------- IMAGE VIEWER STYLES --------------------------------------------------*/

#lightbox {
	position:absolute;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	line-height:0;
	}

#lightbox a img {
	border:none;
	}

#outerImageContainer {
	position:relative;
	background-color:#fff;
	width:250px;
	height:250px;
	margin:0 auto;
	}

#imageContainer {
	padding:10px;
	}

#loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
	}
	
#hoverNav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
	}
	
#imageContainer>#hoverNav {
	left:0;
	}
	
#hoverNav a {
	outline:none;
	}

#prevLink, #nextLink {
	width:9%;
	height:100%;
	background:transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display:block;
	}
	
#prevLink {
	left:0;
	float:left;
	width:70px;
	}
	
#nextLink {
	right:0;
	float:right;
	width:70px;
	}
	
#prevLink:hover, #prevLink:visited:hover {
	background:url(../images/prevlabel.gif) left 15% no-repeat;
	}
	
#nextLink:hover, #nextLink:visited:hover {
	background:url(../images/nextlabel.gif) right 15% no-repeat;
	}

#imageDataContainer {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0 auto;
	line-height:1.4em;
	}

#imageData {
	padding:0 10px;
	color:#666;
	}
	
#imageData #imageDetails {
	width:70%;
	float:left;
	text-align:left;
	}
		
#imageData #caption {
	font-weight:bold;
	}
	
#imageData #numberDisplay {
	display:block;
	clear:left;
	padding-bottom:1.0em;
	}
				
#imageData #bottomNavClose {
	width:66px;
	float:right;
	padding-bottom:0.7em;
	}	
		
#overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:500px;
	background-color:#000000;
	}
	
/* Min-Width */
.lbWidth { /* most browsers */
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-width:790px;
	}

* html .lbContent { /* IE6 */
	margin-left:-790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
	}
	
.clearfix {
	display:block;
	}
/* End hide from IE-mac */