body {background-color:white; background-image:url(/britain/exhibitions/constable/images/layout/background.gif); background-repeat:repeat-x;}

#level1navbar {
	background-color:#566423; /* first header row colour */
}

#level2navbar {
	background:#E7E3D6; /* third header row colour */
}
#level2nav ul li a{
	color:#526521;
	border-left:1px solid #94A652; /* colour of the bar between links */
}
#level2nav ul li a:hover{
	background-color:#BDB68C;
	color:#ffffff;
}


h2, h3, h4 {color:#5B6727; margin-top:10px; margin-bottom:0px;}
h2 {font-size:1.3em;}
h3 {font-size:1.2em;}
h3 {font-size:1.1em;}
.maincontent {width:520px; margin-left:30px; margin-top:13px; padding:0px; font-family: Arial,Helvetica,sans-serif;}
li.right {list-style-image:url(/britain/exhibitions/constable/images/arrow_right.gif);}	
a:link, a:visited {color:#7F970D;font-weight:bold;}
a:hover {color:#566423; text-decoration:none;}
.subnav {background-color:#fff;padding-top:2px;line-height:20px;}
.subnav a {background:#E9E88F;color:#566423;padding-left:5px; padding-right:5px; padding-top:2px;padding-bottom:2px; margin-left:0px; margin-right:0px;font-weight:normal;}
.subnav a.roomnav, .subnav span.roomnav {background:#FFF;border-bottom:1px solid #DBD7BD;padding-left:6px; padding-right:6px; padding-top:2px;padding-bottom:2px; margin-left:0px; margin-right:0px;border-left:1px solid #fff;border-top:1px solid #fff;font-weight:normal;}
.subnav a:visited {color:#566423;font-weight:normal;}
.subnav a.selected, .subnav a.selected:hover, .subnav a.selected:visited {background:#566423;color:#fff;}
.subnav a:hover {background-color:#EAE727; color:#61562B;text-decoration:none;font-weight:normal;}
.subnav a.roomnav:hover {background:#F0EEE0;border-top:1px solid #F0EEE0;border-right:1px solid #F0EEE0;border-bottom:1px solid #DBD7BD;border-left:1px solid #F0EEE0;padding-left:6px;padding-right:5px;font-weight:normal;}
.subnav a.roomnav_selected, .subnav a.roomnav_selected:hover {background:#FFF;border-top:1px solid #DBD7BD;border-right:1px solid #DBD7BD;border-bottom:1px solid #FFFFFF;border-left:1px solid #DBD7BD;padding-left:6px;padding-right:5px;font-weight:normal;}

.timeline_year {color:#566423;border-left:1px solid #F0EEE0;border-top:1px solid #F0EEE0;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding:5px;margin-right:5px;}
.timeline_constable{width:225px;background-color:#F0EFBE;padding:5px;}
td.timeline_constable{margin-right:5px;}
.timeline_other{background:#F0EEE0;padding:5px;}
.timeline_blankrow{height:12px;}
.timeline_blankcol{width:5px;}
.timeline_month{border-left:1px solid #c6c6c6;border-top:1px solid #c6c6c6;border-right:1px solid #5B6727;border-bottom:1px solid #5B6727;color:#566423;padding-left:2px;padding-right:2px;}
.timeline_constable span.timeline_month{background:#F0EEE0;}
.timeline_other span.timeline_month{background:#F0EFBE;}

.constable_scene {border-left:1px solid #F0EEE0;border-top:1px solid #F0EEE0;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;padding:5px;margin-top:10px;}

.phoneimg{ border-width:0px; border-collapse: collapse;width:225px; margin-right: 14px;font-size:0.8em;color:#566423;}
#phoneimg_bg1 {border-left:1px solid #F0EEE0;border-top:1px solid #F0EEE0;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;width:165px;height:190px;}
.phoneimg img{margin-bottom:10px;}

#quote {color:#666666;margin-left:40px;}
div.credit {background:#F0EEE0;padding:5px;}
.worksinfocus {background:#F0EEE0;padding:5px;height:70px;}
.quote {font-family:Bookman Old Style, Trebuchet MS, Times New Roman; line-height:1.3em; color:#696659;letter-spacing:1px;width:220px;padding-top:5px;margin-bottom:3px;}
.quote {_width:190px } /*IE only hack to fix div width*/
.quoted {color:#333333;width:215px;text-align:right;font-size:0.8em;}
.start_quote {margin-top:5px;margin-right:8px;margin-bottom:20px;}
.end_quote {vertical-align:text-top;margin-top:0px;margin-left:60px;}
.roomtext {padding-left:10px;}
.backtotop {font-family: Arial,Helvetica,sans-serif;font-size:.7em; color:#333333; background-color:#f6f5f0; padding-right:2px; border-top:1px solid #e1d292; border-bottom:1px solid #eae7d2; margin-top:30px; margin-bottom:27px;}
a.writeyourown, a.writeyourown:visited {padding-top:3px;}
.writeyourown img{margin-top:3px;vertical-align:middle;}

#writeyourown_promo {font-family: Arial,Helvetica,sans-serif;width:512px;background:#F0EEE0;padding:5px;border:1px solid #DBD7BD;}
img.writeyourown_promoimg {margin-top:2px;margin-right:5px;}
#enlargeImage, #enlargeImage2, #enlargeImage3, #enlargeImage4, #enlargeImage5, #enlargeImage6, #enlargeImage7, #enlargeImage8, #enlargeImage9, #enlargeImage10, #enlargeImage11, #enlargeImage12, #enlargeImage13, #enlargeImage14, #enlargeImage15, #enlargeImage16, #enlargeImage17, #enlargeImage18, #enlargeImage19, #enlargeImage20, #enlargeImage21, #enlargeImage22, #enlargeImage23, #enlargeImage24, #enlargeImage25, #enlargeImage26, #enlargeImage27, #enlargeImage28, #enlargeImage29, #enlargeImage30, #enlargeImage31, #enlargeImage32 , #enlargeImage33  { 
z-index: 1; border-left:1px solid #F0EEE0;border-top:1px solid #F0EEE0;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;background-color: white;padding:2px;}

div.constablecountry form select, div.constablecountry form select option {background:#F0EEE0;color:#566423; font-size:0.9em; }
.constablecountry_location {margin-top:10px;background:#ffffff;padding:10px;width:260px;border-left:1px solid #F0EEE0;border-top:1px solid #F0EEE0;border-right:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;}
.constablecountry_painting{margin-top:5px;margin-left:10px;margin-right:10px;margin-bottom:10px;font-size:1em;}
.constablecountry_visit {margin-top:5px;width:610px;border-left:10px solid #FBFEE3;background:#FFFFCC;border-top:1px solid #82837C;padding-top:5px;}


/* 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 */