/*
	Additional Colours Stylesheet for National Museums Scotland (NMS)

	$Date: 2006-10-25 12:59:07+01 $
	$Revision: 1.8 $	
*/


@import url(themes/pixar.css);
@import url(themes/airshow_07.css);
@import url(themes/sporting_scotland.css);
@import url(themes/picasso.css);
@import url(themes/silver.css);


/* National Museums branding, RGB 0-159-148 */
body.Concorde {background: #0E6CB6 url(../images/colours/concorde_bg2.jpg) no-repeat top;color: #fff;}

body.Concorde h1, body.Concorde h2, body.Concorde p.heading { color: #fff; }
body.Concorde h3 { color: #000; }
body.Concorde a { color: #fff; }
body.Concorde a.arrowLink { background-image: url(../images/colours/communication_arrow_right.gif); }
body.Concorde p.backLink a.arrowLink { background-image: url(../images/colours/national_arrow_left.gif); }
body.Concorde div.sideNavigation ul.specialNavigation li { background-image: url(../images/colours/arrow_white_up.gif); }

body.Concorde fieldset.highlight { background-color: #CCECE9; }
body.Concorde fieldset.highlight .row { border-color: #CCECE9; } /* Firefox bug */

body.Concorde div.content hr { background: #fff; color: #fff; }

/* Form styling */
body.Concorde fieldset input.button { background-image: url(../images/button_bg.gif); }

/* Navigation, primary, secondary, side */
body.Concorde div#primaryNavigation { background-color: #0B1D5F; }
body.Concorde div#primaryNavigation ul li { background-color: transparent; background-image: url(../images/colours/concorde_primarynav_se.gif); }
body.Concorde div#primaryNavigation ul li a { color: #fff; }
body.Concorde div#primaryNavigation ul li.current a { background: #020D32; }

body.Concorde div#secondaryNavigation { background-color: #0C448A; }
body.Concorde div#secondaryNavigation ul li { background-color: transparent; background-image: url(../images/colours/concorde_primarynav_se.gif); }
body.Concorde div#secondaryNavigation ul li a { color: #ADD3ED; }
body.Concorde div#secondaryNavigation ul li.current a { color: #AAD5F7; }

body.Concorde p.sideNavigationHeading { background-color: #0A3048; color: #fff; font-size: 120%; }
body.Concorde div.sideNavigation ul.navigation li a { color: #fff; border-bottom-width: 1px; border-bottom-color: #174360; }

/* Main Content Styles */
body.Concorde div#contentBody div.exhibitionPanel.first {margin-top: 155px;}

body.Concorde div.exhibition div.columnOne { min-height: 1px; }

body.Concorde div.columnOne div.boxed {
	background-color: #1779C6;
	border-color: #5798CC;
}

body.Concorde p.location,body.Concorde p.intro, body.Concorde p.date {color: #000000;}

/* This is required to stop IE7 flipping out - this needs to be set to the current background colour */
body.Concorde div.sideNavigation ul.navigation li ul li a { border-bottom-color: #174360; }

body.Concorde div.sideNavigation ul.navigation li.groupSelected { background-color: #174360; }
body.Concorde div.sideNavigation ul.navigation li.groupSelected a { color: #fff; font-weight: bold; }

body.Concorde div.sideNavigation ul.navigation li.groupSelected ul li { background: #fff; }
body.Concorde div.sideNavigation ul.navigation li.groupSelected ul li a,
body.Concorde div.sideNavigation ul.navigation li.groupSelected ul.subnav li.current ul li a {
	background-color: transparent;
	color: #000;
	background-image: url(../images/hyphen_black.gif);
	font-weight: normal;
}

body.Concorde div.sideNavigation ul.navigation ul.subnav li a {
	background-color: transparent;
	background-image: url(../images/hyphen_black.gif);
}

body.Concorde div.sideNavigation ul.navigation li.current a,
body.Concorde div.sideNavigation ul.navigation ul.subnav li.current a {
	color: #fff;
	font-weight: bold;
	background-color: #0C448A;
}

body.Concorde div.sideNavigation ul.navigation li.current ul li a {
	color: #fff;
	background-color: transparent;
}

body.Concorde div.highlight { background: transparent url(../images/colours/national_bg_tint.gif) repeat-y 100% 0; }
body.Concorde div.slideshowRight div.highlight { background: transparent url(../images/colours/concorde_slideshowrightbg_tint.gif) repeat-y 100% 0; }
body.Concorde div.highlight.contentLeft { background: transparent url(../images/colours/concorde_contentleftbg_tint.gif) repeat-y 100% 0; }
body.Concorde div.imagePanel, body.Concorde div.listImage, body.Concorde div.relatedObjects div.imageBox { background-color: #CCECE9; }

body.Concorde div.contentPanel ul li { background-image: url(../images/colours/national_arrow_right.gif); }

body.Concorde div#footerBorder { border-top-color: #0C448A; }
body.Concorde div#footer p.heading { color: #82C1F3; }
body.Concorde div#footer div.footerColumn { border-left-color: #0E6CB6; color: #82C1F3; }
body.Concorde div#footer div.footerColumn ul li a { color: #82C1F3; }

body.Concorde div#listing, body.Concorde div.listing { border-top-color: #0C448A; }
body.Concorde div.listItem { border-bottom-color: #0C448A; }





/* Beyond the Palace Exhibition */
body.Palace {background-color: #F1ECDA;color: #473D1E;}

body.Palace div#header {background: #C4AD67 url(../images/colours/palace_bg_header.jpg) no-repeat top;}
body.Palace div#header div#headerHouseKeeping ul li {background-image: url(../images/colours/palace_nav_sep.gif);}

body.Palace h1, 
body.Palace h2, 
body.Palace p.heading,
body.Palace p.location,
body.Palace p.intro, 
body.Palace p.date { color: #A48A3B; }

body.Palace h3 { color: #A48A3B; }
body.Palace a { color: #A48A3B; }
body.Palace a.arrowLink { background-image: url(../images/colours/communication_arrow_right.gif); }
body.Palace p.backLink a.arrowLink { background-image: url(../images/colours/national_arrow_left.gif); }
body.Palace div.sideNavigation ul.specialNavigation li { background-image: url(../images/colours/arrow_brown_up.gif); }

body.Palace fieldset.highlight { background-color: #CCECE9; }
body.Palace fieldset.highlight .row { border-color: #CCECE9; } /* Firefox bug */

body.Palace div.content hr { background: #fff; color: #fff; }

/* Form styling */
body.Palace fieldset input.button { background-image: url(../images/colours/palace_button.gif); }

/* Navigation, primary, secondary, side */
body.Palace div#primaryNavigation { background-color: #473D1E; }
body.Palace div#primaryNavigation ul li { background-color: transparent; background-image: url(../images/colours/palace_primarynav_sep.gif); }
body.Palace div#primaryNavigation ul li a { color: #fff; }
body.Palace div#primaryNavigation ul li.current a { background: #261F09; }

body.Palace div#secondaryNavigation { background-color: #C4AD67; }
body.Palace div#secondaryNavigation ul li { background-color: transparent; background-image: url(../images/colours/palace_nav_sep.gif); }
body.Palace div#secondaryNavigation ul li a { color: #fff; }
body.Palace div#secondaryNavigation ul li.current a { background-color: #9E8B51; }


/* Main Content Styles */
body.Palace div#contentBody div.exhibitionPanel.first {margin-top: 155px;}

body.Palace div.exhibition div.columnOne { min-height: 1px; }

body.Palace div.columnOne div.boxed {
	background-color: #E8DBB4;
	border-color: #E8DBB4;
}


/* This is required to stop IE7 flipping out - this needs to be set to the current background colour */
body.Palace p.sideNavigationHeading { background-color: #473D1E; color: #fff; font-size: 120%; }
body.Palace div.sideNavigation ul.navigation li a { color: #473D1E; border-bottom-width: 1px; border-bottom-color: #C4AD67; }
body.Palace div.sideNavigation ul.navigation li ul li a { border-bottom-color: #C4AD67; }

body.Palace div.sideNavigation ul.navigation li.groupSelected { background-color: #C4AD67; }
body.Palace div.sideNavigation ul.navigation li.groupSelected a { color: #fff; font-weight: bold; }

body.Palace div.sideNavigation ul.navigation li.groupSelected ul li { background: #fff; }
body.Palace div.sideNavigation ul.navigation li.groupSelected ul li a,
body.Palace div.sideNavigation ul.navigation li.groupSelected ul.subnav li.current ul li a {
	background-color: transparent;
	color: #000;
	background-image: url(../images/hyphen_black.gif);
	font-weight: normal;
}

body.Palace div.sideNavigation ul.navigation ul.subnav li a {
	background-color: transparent;
	background-image: url(../images/hyphen_black.gif);
}

body.Palace div.sideNavigation ul.navigation li.current a,
body.Palace div.sideNavigation ul.navigation ul.subnav li.current a {
	color: #fff;
	font-weight: bold;
	background-color: #C4AD67;
}

body.Palace div.sideNavigation ul.navigation li.current ul li a {
	color: #fff;
	background-color: transparent;
}

/* Right Hand Panel */
body.Palace div.highlight { background: transparent url(../images/colours/national_bg_tint.gif) repeat-y 100% 0; }
body.Palace div.slideshowRight div.highlight { background: transparent url(../images/colours/national_slideshowrightbg_tint.gif) repeat-y 100% 0; }
body.Palace div.highlight.contentLeft { background: transparent url(../images/colours/national_contentleftbg_tint.gif) repeat-y 100% 0; }
body.Palace div.imagePanel, body.Concorde div.listImage, body.Concorde div.relatedObjects div.imageBox { background-color: #CCECE9; }

body.Palace div.contentPanel ul li { background-image: url(../images/colours/national_arrow_right.gif); }

/* Footer */
body.Palace div#footerBorder { border-top-color: #D6CCA4; }
body.Palace div#footer p.heading { color: #A48A3B; }
body.Palace div#footer div.footerColumn { border-left-color: #D6CCA4; color: #A48A3B; }
body.Palace div#footer div.footerColumn ul li a { color: #A48A3B; }

body.Palace div#listing, body.Palace div.listing { border-top-color: #D6CCA4; }
body.Palace div.listItem { border-bottom-color: #D6CCA4; }





/* Connect Exhibition */
body.Connect {color: #000;}

body.Connect div#header div#headerHouseKeeping ul li {background-image: url(../images/colours/connect_headernav_sept.gif);}

body.Connect h2, 
body.Connect p.heading,
body.Connect p.location,
body.Connect p.intro { color: #820C8E;}

body.Connect h3 { color: #820C8E; }
body.Connect a { color: #820C8E;}
body.Connect a.arrowLink { background-image: url(../images/colours/communication_arrow_right.gif); }
body.Connect p.backLink a.arrowLink { background-image: url(../images/colours/national_arrow_left.gif); }
body.Connect div.sideNavigation ul.specialNavigation li { background-image: url(../images/colours/arrow_pink_up.gif); }

body.Connect fieldset.highlight { background-color: #820C8E; }
body.Connect fieldset.highlight .row { border-color: #820C8E;} /* Firefox bug */
/* CCECE9 */
body.Connect div.content hr { background: #fff; color: #000; }

/* Form styling */
body.Connect fieldset input.button { background-image: url(../images/colours/connect_button_bg.gif); }

/* Navigation, primary, secondary, side */
body.Connect div#primaryNavigation { background-color: #820C8E; }
body.Connect div#primaryNavigation ul li { background-color: transparent; background-image: url(../images/colours/connect_secondarynav_sept.gif); }
body.Connect div#primaryNavigation ul li a { color: #fff; }
body.Connect div#primaryNavigation ul li.current a { background: #DE3466; }

body.Connect div#secondaryNavigation { background-color: #F55CAC; }
body.Connect div#secondaryNavigation ul li { background-color: transparent; background-image: url(../images/colours/connect_secondarynav_sept.gif); }
body.Connect div#secondaryNavigation ul li a { color: #fff; }
body.Connect div#secondaryNavigation ul li.current a { background-color: #E74482; }

body.Connect #header { background-color: #DC233B;}

/* Main Content Styles */
/*body.Connect div#contentBody div.exhibitionPanel.first {margin-top: 17em;}*/

body.Connect div.exhibition div.columnOne { min-height: 1px; }

body.Connect div.columnOne div.boxed { }
/*body.Connect div.twocol div.columnOne {margin-right: 0%; margin-left: 2%; }*/


/* This is required to stop IE7 flipping out - this needs to be set to the current background colour */
body.Connect p.sideNavigationHeading { background-color: #E74482; color: #fff; font-size: 120%; }
body.Connect div.sideNavigation ul.navigation li a { color: #000; }
body.Connect div.sideNavigation ul.navigation li ul li a { border-bottom: 1px solid #E5E5E5; }

body.Connect div.sideNavigation ul.navigation li.groupSelected { background-color: #F55CAC;}
body.Connect div.sideNavigation ul.navigation li.groupSelected a { color: #fff; font-weight: bold; }

body.Connect div.sideNavigation ul.navigation li.groupSelected ul li { background: #fff; }
body.Connect div.sideNavigation ul.navigation li.groupSelected ul li a,
body.Connect div.sideNavigation ul.navigation li.groupSelected ul.subnav li.current ul li a {
	background-color: transparent;
	color: #000;
	background-image: url(../images/hyphen_black.gif);
	font-weight: normal;
}

body.Connect div.sideNavigation ul.navigation ul.subnav li a {
	background-color: transparent;
	background-image: url(../images/hyphen_black.gif);
}

body.Connect div.sideNavigation ul.navigation li.current a,
body.Connect div.sideNavigation ul.navigation ul.subnav li.current a {
background-color: #E0CEE0;
	color: #000;
	font-weight: bold;
}

body.Connect div.sideNavigation ul.navigation li.current ul li a {
	color: #000;
	background-color: transparent;
}

/* Right Hand Panel */
body.Connect div.highlight {  }
body.Connect div.slideshowRight div.highlight {  }
body.Connect div.highlight.contentLeft { background: transparent url(../images/colours/connect_contentleftbg_tint.gif) repeat-y 100% 0; }
body.Connect div.imagePanel, body.Concorde div.listImage, body.Concorde div.relatedObjects div.imageBox { background-color: #E4345D; }
body.Connect div.imagePanel p {background-color: #F55CAC;}

body.Connect div.contentPanel ul li { background-image: url(../images/colours/connect_arrow_right.gif); }

/* Footer */

body.Connect div#listing, body.Connect div.listing { border-top-color: #D6CCA4; }
body.Connect div.listItem { border-bottom-color: #D6CCA4; }




/* Communicate */

body.Communication {background: #10212C url(../images/colours/communication_bg.jpg) no-repeat top;color: #fff;}

body.Communication h1, body.Communication h2, body.Communication h3, body.Communication p.heading { color: #fff; }
body.Communication a { color: #fff; }
body.Communication a.arrowLink { background-image: url(../images/colours/communication_arrow_right.gif); }
body.Communication p.backLink a.arrowLink { background-image: url(../images/colours/national_arrow_left.gif); }
body.Communication div.sideNavigation ul.specialNavigation li { background-image: url(../images/colours/arrow_white_up.gif); }
body.Communication div.sideNavigation ul.specialNavigation li a {color: #fff;}

body.Communication fieldset.highlight { background-color: #CCECE9; }
body.Communication fieldset.highlight .row { border-color: #CCECE9; } /* Firefox bug */

body.Communication div.content hr { background: #fff; color: #fff; }

/* Form styling */
body.Communication fieldset input.button { background-image: url(../images/button_bg.gif); }

/* Navigation, primary, secondary, side */
body.Communication div#primaryNavigation { background-color: #174360; }
body.Communication div#primaryNavigation ul li { background-color: transparent; background-image: url(../images/colours/communication_primarynav_se.gif); }
body.Communication div#primaryNavigation ul li a { color: #fff; }
body.Communication div#primaryNavigation ul li.current a { background: #0A3048; }

body.Communication div#secondaryNavigation { background-color: #225679; }
body.Communication div#secondaryNavigation ul li { background-color: transparent; background-image: url(../images/colours/communication_secondarynav_.gif); }
body.Communication div#secondaryNavigation ul li a { color: #ADD3ED; }
body.Communication div#secondaryNavigation ul li.current a { color: #fff; }

body.Communication p.sideNavigationHeading { background-color: #0A3048; color: #fff; }
body.Communication div.sideNavigation ul.navigation li a { color: #fff; border-bottom-width: 1px; border-bottom-color: #174360; }

/* This is required to stop IE7 flipping out - this needs to be set to the current background colour */
body.Communication div.sideNavigation ul.navigation li ul li a { border-bottom-color: #174360; }

body.Communication div.sideNavigation ul.navigation li.groupSelected { background-color: #174360; }
body.Communication div.sideNavigation ul.navigation li.groupSelected a { color: #fff; font-weight: bold; }

body.Communication div.sideNavigation ul.navigation li.groupSelected ul li { background: #fff; }
body.Communication div.sideNavigation ul.navigation li.groupSelected ul li a,
body.Communication div.sideNavigation ul.navigation li.groupSelected ul.subnav li.current ul li a {
	background-color: transparent;
	color: #000;
	background-image: url(../images/hyphen_black.gif);
	font-weight: normal;
}

body.Communication div.sideNavigation ul.navigation ul.subnav li a {
	background-color: transparent;
	background-image: url(../images/hyphen_black.gif);
}

body.Communication div.sideNavigation ul.navigation li.current a,
body.Communication div.sideNavigation ul.navigation ul.subnav li.current a {
	color: #fff;
	background-color: #174360;
}

body.Communication div.sideNavigation ul.navigation li.current ul li a {
	color: #000;
	background-color: #fff;
}

/* Main Content */
body.Communication div#contentBody div.exhibitionPanel.first {margin-top: 17em;}

body.Communication div.exhibition div.columnOne { min-height: 1px; }

body.Communication div.columnOne div.boxed {
	background-color: #0A3048;
	border: none;
}

body.Communication div.columnOne div.boxed a {color: #2391DC;}

body.Communication div.highlight { background: transparent url(../images/colours/national_bg_tint.gif) repeat-y 100% 0; }
body.Communication div.highlight.slideshowRight { background: transparent url(../images/colours/national_slideshowrightbg_tint.gif) repeat-y 100% 0; }
body.Communication div.highlight.contentLeft { background: transparent url(../images/colours/communicate_contentleftbg_t.gif) repeat-y 100% 0; }
body.Communication div.imagePanel, body.Communication div.listImage, body.Communication div.relatedObjects div.imageBox { background-color: #174360; }

body.Communication div.contentPanel ul li { background-image: url(../images/colours/communicate_arrow_right.gif); }
body.Communication div.contentPanel ul li a { color: #57BBFF; }

/* Footer */
body.Communication div#footerBorder { border-top-color: #10293A; }
body.Communication div#footer p.heading { color: #608EAD; }
body.Communication div#footer div.footerColumn { border-left-color: #10293A; color: #608EAD; }
body.Communication div#footer div.footerColumn ul li a { color: #608EAD; }

body.Communication div#listing, body.Communication div.listing { border-top-color: #10293A; }
body.Communication div.listItem { border-bottom-color: #10293A; }




