body {
	height:100%;
	background-color:white; 
	background-image:url(/britain/exhibitions/millais/images/background.gif);
	background-repeat:repeat-x;
	}
	
/* custom header colours */

ul#level1nav {background-color:#000000;} /* level1 nav row colour */

#logobarnew {background-color:#000000;} /* logobar row colour */

#level2navbar {background:#AD9A63;} /* level2 nav row colour */
#level2nav ul li a, ul#level2nav  li a{color:#fff;border-left:1px solid #CBBE98;}
#level2nav ul li a:hover, ul#level2nav  li a:hover{background-color:#AD9A63;color:#000;}

#logobar h1 {
	margin:0px;
	padding:0px;
	}
#logobar h1 img {float:left;}

#maincontent {
	width:720px; 
	margin-left:0px; 
	margin-top:0px;
	padding:0px;
	border-left:25px solid #F2F4DB;
	height:80%;
	}
div.text {
	padding-left:17px;
	padding-top:10px;
	}
#roomguide div.text {
	padding-left:0px;
	background-image:url(/britain/exhibitions/millais/images/background_roomguide.gif);
	background-repeat:repeat-y;
	}
.text p
	{line-height:1.4em;}

h2, h3, h4 {
	color:#000000; 
	margin-top:10px; 
	margin-bottom:0px;
	}
h2 {font-size:1.1em;}
h3 {font-size:1.1em;
	margin-top:25px;
	}
li.right {
	list-style-image:url(/britain/exhibitions/constable/images/arrow_right.gif);
	float:none;
	}	
a:link, a:visited {
	color:#A2AB38;
	font-weight:bold;
	}
a:hover {
	color:#BFC944; 
	text-decoration:none;
	}
#exhibitiondates {
	color:#ffffff;
	position:absolute;
	left:30px;
	top:89px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	}
ul.subnav {
	width:740px;
	border-top:1px dashed #66847D;
	border-bottom:1px dashed #66847D;
	margin-top:8px;
	margin-bottom:0px;
	margin-left:0px;
	}
.subnav li {
	list-style-type:none;
	display:inline;
	}
.subnav li a {
	color:#00614A;
	padding-left:0.6em;
	padding-right:0.6em;
	font-size:1.1em;
	}
.subnav a:hover {color:#BFC944;}

ul.roomguidenav {
	margin-top:10px;
	margin-left:0px;
	margin-bottom:10px;
	}
.roomguidenav li, .locationmap li {
	list-style-type:none;
	}
.roomguidenav a {
	display:block;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:2px solid #F7F7DE;
	color:#00614A;	
	}
.roomguidenav a:hover {
 	color:#BFC944;
	}	
img#room1 {margin-top:96px;}
ul.locationmap {
	margin-top:120px;
}
	

a.linkarrow {
	background-image:url(/britain/exhibitions/constable/images/arrow_right.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	background-position:center left;
	}

a .infocus {
	border:1px solid #AD9A63;
	width:200px;
	height:208px;
	float:left;
	margin-right:20px;
	text-align:center;
	}
a .infocus h3 {
	display:block;
	background:#000000;
	color:#A2AB38;
	margin:0px;
	padding:3px;
	}
a .infocus#jopling {
	background-image:url(../images/infocus_jopling_norm.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}
a .infocus#jopling:hover {
	background-image:url(../images/infocus_jopling_over.jpg);
	cursor:hand;
	}
a .infocus#ophelia {
	background-image:url(../images/infocus_ophelia_norm.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}
a .infocus#ophelia:hover {
	background-image:url(../images/infocus_ophelia_over.jpg);
	cursor:hand;
	}
a .infocus#heartsaretrumps {
	background-image:url(../images/infocus_heartsaretrumps_norm.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	}
a .infocus#heartsaretrumps:hover {
	background-image:url(../images/infocus_heartsaretrumps_over.jpg);
	cursor:hand;
	}
a .infocus:hover h3 {
	color:#BFC944;
	cursor:hand;
	}
	
	
.frontimage .image_right {
	display:block;
	background-color:#F2F4DB;
	padding-left:15px;
	padding-right:15px;
	margin-top:-10px;
	border-bottom:0px;
	}
#roomguide .frontimage .image_right .credit {
	margin-top:0px;
	border-top:0px;
	margin-left:0px;
	width:200px;
	}
	
.image {
	display:block;
	background-color:#F2F4DB;
	padding-left:15px;
	padding-right:15px;
	}
div.image_right {
	width:250px;
	background-color:#F2F4DB;
	border:0px;
	}
div.image_right .credit {width:230px;}
div.image_left {
	float:left;
	width:250px;
	margin-right:20px;
	}

blockquote {color:#666666;}

.left_col {

	clear:both;
	width:125px;
	float:left;
	margin-right:20px;
	margin-bottom:80px;
	margin-top:-10px;
	background:#FDFDED;
	padding-left:17px;
	padding-right:10px;
	}
.left_col h2 {margin-top:20px;}
.text h3 {
	margin-top:10px;
	font-size:1.1em;
	}
.featurebox {	
	margin-left:175px;
	border:1px solid #EDE6D0;
	}
.featurebox p
	{
	padding-left:5px;
	padding-right:5px;
	}
.featurebox h3, .featurebox h4 {
	margin-left:0px;
	margin-top:0px;
	background:#AD9A63;
	padding:3px;
	}
.img {
	margin-top:0px;
	width:250px;
	float:right;
	margin-left:10px;
	font-size:0.9em;
	text-align:right;
	}
.img img {margin-bottom:10px;}
.caption {
	margin-top:0px;
	float:right;
	font-size:1em;
	width:282px;
	margin-bottom:10px;
	}
#roomguide .credit {
	text-align:right;
	margin-left:175px;
	/*border-bottom:2px solid #F7F7DE;
	border-top:2px solid #F7F7DE;
	background: #F7F7DE;*/
	border-top:1px dashed #000000;
	padding-top:15px;
	margin-top:0px;
	margin-bottom:15px;
	position:relative;
	}
#roomguide .credit em {
	font-weight:bold;
	font-size:1.1em;}
#roomguide blockquote {
	background:#ffffff;
	padding:20px;
	padding-left:30px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:175px;
	}
.quotemark {
	font-family:"Times New Roman", Times, serif;
	font-size:3em;
	color:#AD9A63;
	font-weight:bold;
	float:left;
	margin-top:-15px;
	margin-left:-22px;
	}
.quotemark.right {
	float:right;
	margin-left:3px;
	}
.otherworks h4 {
	margin-left:175px;
	}
#roomguide .otherworks .credit {
	text-align:left;
	}
.footer {
	text-align:right;
	background:#FFFFEF;
	margin-left:160px;
	}
	
#writeyourown_promo {
	position:absolute;
	left:40px;
	top:800px;
	width:115px;
	background:#ffffff;
	padding:5px;
	border:1px solid #DBD7BD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	}
#writeyourown_promo p {
	margin-top:0px;
	margin-bottom:0px;
	padding:5px;
	}
#writeyourown_promo img {
	margin-top:4px;
	}
.smallblack {
	color:#666666;
	font-size:0.9em;
	display:block;
	margin-top:3px;
	}
/* colours for text-based rightnav */
ul.rightnav_1 li a{
 background-color:#E7E3D6;
 border-top:1px solid #DED7BD;
 border-bottom:1px solid #DED7BD;
 color:#526521;
}
 
ul.rightnav_1 li a:hover, ul.rightnav_1 li a.rnselected{
 border-top:1px solid #D4B816;
 border-bottom:1px solid #D4B816;
 color:#526521;
}
 
 ul.rightnav_1 li a.othersection {
 background-image: url('/britain/exhibitions/constable/images/outside-link-arrow.gif'); 
}
/* end rightnav */

@media print{
#maincontent {width:550px}
}