/* CSS Document */
body {
	background-color:white; 
	background-image:url(/britain/exhibitions/howweare/images/layout/background.gif); 
	background-repeat:repeat-x;
	}
h1, h2, h3 {
	color:#000000; 
	margin-top:10px; 
	margin-bottom:0px;
	}
h1 {font-size:1.3em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}

h1.thispage {
	font-size:1em;
	font-variant:small-caps;
	margin-top:0px;
	margin-left:30px;
	margin-bottom:20px;
	color:#505050;
	}
h1.thisheading {
	font-size:1em;
	font-variant:small-caps;
	margin-top:22px;
	margin-left:5px;
	margin-bottom:0px;
	color:#505050;
	}
h3.howwearenow {
	font-size:1em;
	font-variant:small-caps;
	color:#505050;
	}
div#album_copyright {
	color:#505050;
	text-align:left;
	clear:both;
	padding-top:15px;
	}	
img{border:0px;}
a, a:link, a:visited {color:#E4AC00;}
#breadcrumb li a, #breadcrumb li a:visited, #breadcrumb li a:link {
	color:#D8A300;
	font-weight:normal;
	}
#breadcrumb {margin-bottom:10px;}
#content{
	margin-left:0px;
	width:850px;
	}
#leftcol {
	float:left;
	width:200px;
	margin-right:20px;
	}
#main{
	float:left;
	width:600px;
	}
#main_bottom{
	margin-left:30px;
	width:730px;
	}
#maintext {
	width:500px;
	margin-top:22px;
	padding-top:0px;
	}
.title_img {
	margin-bottom:20px;
	}
.sponsorcredits{
	text-align:left;
	font-size:1.3em;
	margin-top:20px;
	}
.subnav a {
	font-weight:bold;
	font-size:1.1em;
	padding-left:3px;
	padding-right:3px;
	}
#subnav {
	margin-top:14px;
	padding-top:0px;
	padding-bottom:0px;
	}
#subnav2 {
	margin-top:6px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:11px;
	}
.text {
	line-height:1.4em;
	}
.credit {
	padding-left:5px;
	padding-top:3px;
	}
span.credit {
	display:block;
	}
li.right {list-style-image: url(/britain/exhibitions/triennial/images/arrow_right.gif);}	
.topimg {margin-bottom:5px;}
.front_img {
	float:left;
	margin-right:15px;
	}
.front_img#mosh {margin-right:0px;}
.imgright {
	float:right;
	margin-left:15px;
	text-align:right;
	}
.roommap {
	float:left;
	width:132px;
	margin-bottom:20px;
	}
.roommap_col2 {
	float:left;
	width:68px;
	}
#photoalbum_container {
	width:710px;
	text-align:right;
	margin-left:30px;
	}
.photoalbum_bg {
	background-image:url(/britain/exhibitions/howweare/photoalbums/welford/flash/pages/album_bg.jpg);
	height:350px;
	padding-top:11px;
	padding-bottom:5px;
	background-repeat:no-repeat;
	padding-right:5px;
	}
.photoalbum_ragged_bg {
	background-image:url(/britain/exhibitions/howweare/photoalbums/walton/flash/pages/album_bg.jpg);
	height:440px;
	padding-top:13px;
	padding-bottom:5px;
	background-repeat:no-repeat;
	padding-right:26px;
	}
.photoalbum {
	float:left;
	border:2px solid #eeeeee;
	padding:5px;	
	}
#albumleft {
	float:left;
	margin-right:15px;
	}
.albumpages {
	width:710px;
	margin-top:10px;
	border-top:2px solid #eeeeee;
	}
.previous {
	float:left;
	background-image:url(/britain/exhibitions/triennial/images/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left:15px;
	}
.next {
	float:right;
	background-image:url(/britain/exhibitions/triennial/images/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:15px;
	}
	
#level1navbar {
	background-color:#F7BA00; /* first header row colour */
}

#level2navbar {
	background:#fadd85; /* third header row colour */
}
#level2nav ul li a{
	color:#716136;
	border-left:1px solid #F7BA00; /* colour of the bar between links */
	}
#level2nav ul li a:hover{
	background-color:#FFDD9C;
	color:#E4AC00;
	}

ul#tandc {margin-top:10px;}
ul#tandc li {
	margin-top:5px;
	margin-bottom:5px;
	}

a.enlargeimage {
	background-image:url(images/enlarge_icon_yellow.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:15px;
	}
a.enlargeimage:hover {
	background-image:url(images/enlarge_icon_black.gif);
	color:#000000;
	}

.photobox {
	background:#eeeeee;
	padding:9px;
	float:left;
	width:330px;
	margin-right:15px;
	margin-bottom:10px;
	text-align:center;
	}
.large {width:500px;}
.photobox img {
	float:left;
	margin-right:10px;
	}
.photobox .caption {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-align:left;
	float:left;
	width:110px;
	font-weight:bold;
	background-color:#E5E4E4;
	padding:5px;
	}
.photobox .caption a {
	display:block;
	margin-top:10px;
	background-color:#ffffff;
	color:#E4AC00;
	padding-left:15px;
	padding-right:3px;
	background-image:url(/britain/exhibitions/triennial/images/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:5px;
	width:85px;
	}
.photobox .caption a:hover {
	background-color:#E4AC00;
	color:#ffffff;
	padding-left:15px;
	padding-right:3px;
	background-image:url(/britain/exhibitions/howweare/images/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:5px;
	text-decoration:none;
	}

/* css for slideshow */

#slideshow_main {
	text-align:center;
	margin-left:0px;
	padding:0px;
	}
#howweare_slideshow{text-align:center;}
.howweare_holder{
	margin-left:30px;
	text-align:center;
	overflow:hidden;
	margin-bottom:10px;
	}
.howweare_category{
	width:350px;
	background-image:url(images/slideshow/greybox.gif);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	height:360px;
	margin: 0px 15px 15px 0px;
	padding: 5px 0px 0px 3px;
	}
.howweare_imgholder{
	background-color:none; 
	width:350px;height:240px;
	overflow:hidden;
	text-align:center; 
	display:table-cell; 
	vertical-align:middle;}
.howweare_imgholder img{border:0px;}
* html .howweare_imgholder {
   font-size:220px; /* you must find IE's magic number for a given height */
}
.howweare_photocredit {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
.howweare_photolink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	}
#howweare_imagetitle1, #howweare_imagetitle2, #howweare_imagetitle3, #howweare_imagetitle4 {font-style:italic;}
#howweare_textlink1, #howweare_textlink2, #howweare_textlink3, #howweare_textlink4 {
	padding-right:15px;
	background-image:url(/britain/exhibitions/triennial/images/arrow_right.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
.howweare_navigation {margin-top:10px;}

#howweare_resume1,#howweare_resume2,#howweare_resume3,#howweare_resume4{display:none;} /* hide the resume buttons */

/* end of css for slideshow */


/* css for lightbox script */

#lightbox{
	background-color:#fff;
	padding:4px 4px 2px 4px;
	border:3px solid #F7F7F7;
	}
#lightboxDetails{
	padding-top: 0.4em;
	}	
#lightboxCaption{ 
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;  
	}
#keyboardMsg{ float: right; }
#closeButton{ top: -15px; right: 4px; }

#lightbox img{ 
	border: none; 
	clear: both; 
	margin-top:18px;
	} 

#loadingImage {
	background-color:#fff;
	padding:4px;
	border:1px solid #c6c6c6;
	}
	
/* end of css for lightbox script */



@media print{
#content{width:600px; !important}
#main {width:350px; !important}
#maintext {	width:350px; !important}
}