/*
	Main Stylesheet for National Museums Scotland (NMS)

	$Date: 2006-11-17 14:10:09+00 $
	$Revision: 1.23 $	
*/


body { background-color: #fff; }
h1, h2, h3, fieldset p.heading, p.heading { color: #0B1D5F; }


a {	color: #323B9A; }
a.arrowLink { background-image: url(../../../../images/arrow_blue_right.gif); }
p.backLink a.arrowLink { background-image: url(../../../../images/arrow_blue_left.gif); }
.boxed, .separate { border-color: #E5E5E5; }

fieldset.highlight { background-color: #E8E8F0; }
fieldset.highlight .row { border-color: #E8E8F0; } /* Firefox bug */

div.content hr { background: #D3D4E3; color: #D3D4E3; }

/* Form styling */
fieldset input.button { background-image: url(../../../../images/button_bg.gif); }
/* Header */
/* div#header { color: #fff; background-color: transparent; } */
div#header { color: #fff;   background: #000; }

div#header div#headerHouseKeeping ul li { background-image: url(../../../../images/headernav_sep_bg.gif); }
div#header div#headerHouseKeeping ul li a { color: #fff; }
div#header div#headerHouseKeeping ul li.current a { color: #000; background: #fff; }
div#header div#headerHouseKeeping ul li.active a {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;}

#banner	
{
    display:block;
    width:100%;
    height:80px;
    float:left;
    /*margin: 0px 0px 0px -100px;*/
  
    background-position: 50% 0;
	position: relative;
	overflow:hidden;
    }



/* Footer */
div#footerBorder { border-top-color: #F1F1F1; }
div#footer div.footerColumn { border-left-color: #F1F1F1; color: #666666; }
div#footer div.footerColumn a, body div.footerColumn p.heading {color:#666666;}


/* Navigation, primary, secondary, side */
div#primaryNavigation { background-color: #0B1D5F; }
div#primaryNavigation ul li { background-color: transparent; background-image: url(../../../../images/primarynav_sep_bg.gif); }
div#primaryNavigation ul li a { color: #fff; }
div#primaryNavigation ul li.current a { color: #0B1D5F; background: #D1D3E2; }
div#primaryNavigation ul li.active a { color: #0B1D5F; background: #D1D3E2; }
div#secondaryNavigation { background-color: #D1D3E2; }
div#secondaryNavigation ul li { background-color: transparent; background-image: url(../../../../images/primarynav_sep_bg.gif); }
div#secondaryNavigation ul li a { color: #000; }
div#secondaryNavigation ul li.current a { color: #fff; background: #0B1D5F; }

p.sideNavigationHeading { background-color: #D1D3E2; color: #232965;}
.
div.sideNavigation ul.navigation li a { color: #000; border-bottom-width: 1px; border-bottom-color: #E5E5E5; }
div.sideNavigation ul.navigation li a {border-bottom-color:#E5E5E5; border-bottom-width:1px; color:#000000;}

/* This is required to stop IE7 flipping out - this needs to be set to the current background colour */
div.sideNavigation ul.navigation li ul li a { border-bottom-color: #fff; }

div.sideNavigation ul.navigation li.groupSelected { background-color: #333874; }
div.sideNavigation ul.navigation li.groupSelected a { color: #fff; font-weight: bold; }

div.sideNavigation ul.navigation li.groupSelected ul li { background: #fff; }
div.sideNavigation ul.navigation li.groupSelected ul li a,
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;
}
div.sideNavigation ul.navigation ul li  ul li a{
	background-color: transparent;
	background-image: url(../../../../images/hyphen_black.gif) no-repeat;
}
 ul.navigation ul.subnav li a {
	background-color: transparent;
	background-image: url(../../../../images/hyphen_black.gif);
}
div.sideNavigation ul.navigation ul.subnav li a {
	background-color: transparent;
	background-image: url(../../../../images/hyphen_black.gif);
}
 ul.navigation ul.subnav li a {
	background-color: transparent;
	background-image: url(../../../../images/hyphen_black.gif);
}

div.sideNavigation ul.navigation li.current a,
div.sideNavigation ul.navigation ul.subnav li.current a {
	color: #0B1D5F;
	background-color: #D1D2E2;
}

div.sideNavigation ul.navigation li.current ul li a {
	color: #000;
	background-color: #fff;
}

/* Highlighted column, and related assets, misc */
div.sideNavigation ul.specialNavigation li { background-image: url(../../../../images/arrow_black_up.gif); }

div.highlight { background: transparent url(../../../../images/bg_tint.gif) repeat-y 100% 0; }
div.slideshowRight div.highlight { background: transparent url(../../../../images/slideshowrightbg_tint.gif) repeat-y 100% 0; }
div.contentLeft.highlight { background: transparent url(../../../../images/contentleftbg_tint.gif) repeat-y 100% 0; }
div.imagePanel, div.listImage, div.relatedObjects div.imageBox { background-color: #D3D4E3; }

div.contentPanel ul li { background-color: transparent; background-image: url(../../../../images/arrow_blue_right.gif); }

/* Tabs */
div#tabCollection.jsIsOn ul#tabOptions { border-bottom-color: #0B1D5F; }
div#tabCollection ul#tabOptions li { background-image: url(../../../images/arrow_blue_right.gif); }

div#tabCollection.jsIsOn ul#tabOptions li a {
	border-left-color: #0B1D5F;
	background-image: url(../../../../images/tab_bg.gif);
	color: #000;
}

div#tabCollection.jsIsOn ul#tabOptions li.current a {
	color: #fff;
	background-image: url(../../../../images/tabcurrent_bg.gif);
}


/* Book online buttons
---------------------------------*/
a.btn_tickets {
   overflow:hidden;
   text-indent:-999px;
   display:block;
   width:138px;
   height:34px;
   background:transparent url(../../../../images/btn_buy_tickets_now_default.jpg) no-repeat 0 0;
   margin:0.8em 0;
}

/* c/o AM */
html { min-height: 100%; overflow-y: scroll; }

body {
	font-size: 75%;
	font-family: Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 {
	margin-bottom: 0;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	padding: 0;
	font-size: 250%;
}

h2, h3 {
	margin: 0.75em 0 0.5em 0;
}

h2,
div#departmentList div.contentPanel h2 {
	font-size: 130%;
	font-weight: bold;
}


div.content h2 { font-size: 170%; }
div.content h3 { font-size: 120%; }

div.contentPanel h2 { margin-top: 0; }

div.content p { line-height: 1.5em; }
div.content ul li { margin-bottom: 0.5em; }
fieldset div.content ul li { margin-bottom: 0; }

div#nms { text-align: center; }

/* Centres content and enforces the site width */
div.contentWidth {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

/* Column structure used throughout the site (use percentages) */

div.twocol div.column,
div.contentLeft div.twocol div.column {
	width: 50%;
	float: left;
	min-height: 1%;
}

div.twocol div.columnOne,
div.contentLeft div.twocol div.columnOne { width: 48%; margin-right: 2%; }

div.contentLeft div.columnOne { /*width: 65%; margin-right: 2%;*/ width:370px; margin-right:11px; }
div.contentLeft div.columnTwo { /*width: 33%*/; width: 188px; padding-left:1px; }

div.contentRight div.columnOne { width: 31%; margin-right: 2%; }
div.contentRight div.columnTwo { width: 67%; }

div.slideshowRight div.columnOne { width: 58%; margin-right: 2%; }
div.slideshowRight div.columnTwo { width: 40%; }

div.contentListingRight div.columnOne { width: 28%; margin-right: 2%; }
div.contentListingRight div.columnTwo { width: 70%; }

div.column.headlinePadding { margin-top: 3.75em; margin-top:0; }

div.content { height: 400px; padding-bottom: 2em; }
div.content div.content { height: 1px; }
html>body div.content { min-height: 400px; height: auto; }
html>body div.content div.content { min-height: 1px; height: auto; }

div.noHeight,
html>body div.noHeight { height: auto !important; min-height: 1px !important; }

/* Header, Main logo, header housekeeping-navigation and header search panel */

div#header {
	height: 80px;
	background-repeat: no-repeat;
	background-position: 50% 0;
	position: relative;
}

div#header p.mainLogo {
	margin: 0;
	padding: 0;
}

div#header p.mainLogo a {
	text-indent: -100em;
	overflow: hidden;
	
	position: absolute;
	top: 10px;
	left: 0;
	width: 155px;
	height: 55px;
}

.topLevel div#header { height: 200px; }
.topTwoLevel div#header { height: 161px; }

div#header div.contentWidth { position: relative; }

div#header div#headerHouseKeeping {
	width: 50%;
	text-align: right;
	
	position: absolute;
	top: 0.75em;
	right: 0;
}

div#header div#headerHouseKeeping ul { margin-bottom: 1.5em; }

div#header div#headerHouseKeeping ul li {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 0.25em;
}

div#header div#headerHouseKeeping ul li.lastnode {
	background-image: none;
	padding-right: 0;
}

div#header div#headerHouseKeeping ul li a {
	padding: 0.05em 0.25em;	
}

/* Primary navigation and secondary Navigation */

div.topNavigationBar {
	/* TODO: Confirm this approach is robust enough - Overflow hidden has been removed
	   as it caused problems when resizing text */
	/*overflow: hidden;*/
	height: 2.25em;
	height: 2.25em;
	line-height: 2.25em;
}

html>body div.topNavigationBar {
	min-height: 2.25em;
	height: auto;
}

div.topNavigationBar ul li a { padding: 0.5em; }
div.topNavigationBar ul li.lastnode { background: none !important; }

div#header div#primaryNavigation,
div#header div#secondaryNavigation {
	position: absolute;
	left: 0;
	bottom: 1em;
	width: 100%;
}

div#header div#secondaryNavigation { bottom: 1em }

div#primaryNavigation ul li {
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

div#primaryNavigation ul li a {
	font-weight: bold;	
}

div#secondaryNavigation ul li {
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

/* Footer styling, including footer columns */

div#footerBorder {
	border-top-width: 2px;
	border-top-style: solid;
}

div#footer div.footerColumn {
	margin-top: 1em;
	width: 24%;
	margin-left: 1%;
	float: left;
	border-left-width: 1px;
	min-height: 100px;
	height: 100px;
	font-size: 90%;
	line-height: 1.75em;
}

html>body div#footer div.footerColumn {
	height: auto;
}

div#footer div.firstFooterColumn { margin-left: 0; }

 
 
/*div#footer div.footerColumn ul.navigation li a { font-weight: bold; } 

div#footer div.footerColumn ul.navigation li a { font-weight: normal; }*/

div#footer div.footerColumn ul.navigation li ul.navigation li a { font-weight: normal; }

div#footer ul.loggedIn { margin-top: 0.75em; }

p.heading {
	margin-bottom: 0;
	margin-top: 0;
	font-weight: bold;
}

p.heading span { font-weight: normal; }

div.contentPadding {
	padding: 1em;
}

/* Side navigation styling */

div.sideNavigation {
	width: 173px;
	margin-right: 2%;
	padding-bottom: 1em;
	float: left;
	min-height: 1px;
}

div.sideNavigation.flipped {
	margin-right: 0;
	margin-left: 1.75%;
}

.separate { border-left-style: solid; border-left-width: 1px; margin-right: -1px; }

div.sideNavigationContent {
	width: 75%;
	float: left;
}

p.sideNavigationHeading {
	font-size: 130%;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	padding: 2em 0.5em 0.5em 0.5em;
}

div.exhibition p.sideNavigationHeading { padding: 0.25em 0.5em; }

div.sideNavigation ul.navigation li a {
	padding: 0.25em 0.5em;
	display: block;
	width: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

div.sideNavigation ul li.groupSelected a {
	font-weight: bold;
}

div.sideNavigation ul.navigation ul.subnav li a {
    font-weight: normal;
    padding-left: 1.25em;
    background-repeat: no-repeat;
    background-position: 0.5em 0.8em;
}

div.sideNavigation ul ul.navigation ul.subnav li a {
	padding-left: 2em;
	background-repeat: no-repeat;
	background-position: 1.25em 0.8em;
}

div.sideNavigation ul.navigation li.current a,
div.sideNavigation ul.navigation li.groupSelected ul li.current a {
	font-weight: bold;
}

div.sideNavigation ul.navigation li.current ul li a { font-weight: normal; }

div.sideNavigation ul.specialNavigation {
	list-style: none;
	margin: 0;
	padding: 0.5em;
}

div.sideNavigation ul.specialNavigation li { display: none; }

div.sideNavigation ul.specialNavigation li.current {
	display: block;
	padding-left: 15px;
	padding-top: 0.25em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0.65em;
}

/* Third Column styles  */

div.imagePanel {
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 3.5em;
}

div.venueFacilityDetail div.imagePanel, 
div.imagePanel.inline { margin-top: 0; }

div.imagePanel img { display: block; margin: 0 auto; }

div.imageGallery {
	margin-bottom: 1em;
}

div.imageGallery div.imagePanel { margin: 0; }
div.imageGallery div.imagePanel p { text-align: center; }

div.imagePanel p {
	margin: 0;
	padding: 1em;
	text-align: left;
}

div.contentPanel {
	padding: 0.5em 1em;
}

div.contentPanel.noLeftRight {
	padding: 0.5em 0;
}

div.contentPanel.spaced { margin: 0 2em 1em 0; }

div.noTop.contentPanel { padding-top: 0; }

div.dataProtection {
	margin-top: 5em;
	font-size: 95%;
}

/* Nested contentpanels don't add extra side padding */
div.contentPanel div.contentPanel { padding: 1em 0; }

div.contentPanel p.heading {
	margin: 0 0 0.5em 0;
	font-size: 120%;
	font-weight: bold;
}

div.contentPanel p.disclaimer { font-size: 90%; padding-bottom: 1em; }
div.contentPanel p.disclaimer em { font-style: normal; }

div.contentPanel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.contentPanel ul li {
	padding: 0 0 0.5em 10px;
	background-repeat: no-repeat;
	background-position: 0 0.35em;
}

/* Content styling */

div.content hr {
	clear: both;
	border: 0;
	height: 0.125em;
	margin: 1em 0;
}

div.bodyImage {
	width: 40%;
	float: right;
	margin: 0 0 1em 1em;
}

img.map {
	width: 160px;
}

img.contentImage {
	width: 170px;
	margin-left: 1em;
	float: right;
}

img.featureImage {
	float: left;
	width: 60px;
	margin-right: 0.75em;
	margin-bottom: 1em;
}

a.arrowLink {
	padding-left: 9px;
	background-repeat: no-repeat;
	background-position: 0 0.35em;
	font-weight: bold;
}

a.arrowRight {
	background-position: 100% 0.35em;
	padding-left: 0;
	padding-right: 9px;
}

div.topSpacing {
	padding-top: 9em;
}

/* Homepage */

p.dailylisting {
	background: transparent url(../../../../images/dailylisting_bg.gif) no-repeat 0 50%;
	padding: 0.25em 0 0.25em 27px;
}

p.dailylisting a.arrowLink {
	background-position: 100% 0.35em;
	padding-left: 0;
	padding-right: 9px;
}

ul.museumImageList {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.museumImageList li {
	display: block;
	float: left;
	width: 46%;
	margin-right: 2%;
	margin-bottom: 0.125em;
	overflow: hidden;
}

div#homeSspFrame { margin-bottom: 1em; }

/* Museum Homepage styles */

div.homepagePanel {
	float: left;
	text-decoration: none;
	width: 30%;
	margin-right: 2.5%;
	/* KLUDGE: Although an IE extension (and not valid CSS2), we need this because of IE's 

improper handling of (min-)heights */
	overflow-x: hidden;
	margin-bottom: 1em;
}

html>body div.homepagePanel {
	overflow: hidden;
}

div.homepagePanel p { padding: 0.5em; }

div.homepagePanel p.hasSubText { margin-bottom: 0px; float:left; }
div.homepagePanel p.subText { padding-top: 0; }

div.homepagePanel.nodesc p { margin-bottom: 0; }

div.homepagePanel img { display: block; margin-bottom: 0; }

div.homepagePanel.boxed {
	/*height: 170px;*/
	margin-bottom: 1em;	
}

html>body div.homepagePanel.boxed {
	/*height: auto;
	min-height: 170px;*/
}

div.homepagePanel a { font-weight: bold; }
div.homepagePanel.lastPanel { margin-right: 0; }

div.homepagePanel span {
	padding: 0.5em;
	display: block;
}

div.content div.homepagePanel { position: relative; margin-bottom: 1em; }

div.imageBox {
	height: 150px;
	overflow: hidden;
}

div.homepagePanel div.imageBox {
	width: 87%;
	height: 100px;
	position: relative;
}

div.homepagePanel span { 
	position: absolute;
	right: 0;
	top: 0;
	padding: 0.5em 0.6em;
	font-size: 140%;
	font-weight: bold;
	text-align: center;
	z-index: 100;
}

/* Although we specify colours here, they don't go into the colour stylesheet as they are NOT 

expected to
   change on a 'theme by theme' basis. */

div.homepagePanel h2 { padding: 0 0.35em; font-size: 120%; }

div.homepagePanel.museumOne div.museumColour { background-color: #009F94; color: #fff;}
div.homepagePanel.museumOne h2,
div.homepagePanel.museumOne h2 a { color: #009F94; }

div.homepagePanel.museumTwo div.museumColour { background-color: #9B5AA5; color: #fff;}
div.homepagePanel.museumTwo h2,
div.homepagePanel.museumTwo h2 a { color: #9B5AA5; }

div.homepagePanel.museumThree div.museumColour { background-color: #D90066; color: #fff;}
div.homepagePanel.museumThree h2,
div.homepagePanel.museumThree h2 a { color: #D90066; }

div.homepagePanel.museumFour div.museumColour { background-color: #82C819; color: #fff;}
div.homepagePanel.museumFour h2,
div.homepagePanel.museumFour h2 a { color: #82C819; }

div.homepagePanel.museumFive div.museumColour { background-color: #0D6CB6; color: #fff;}
div.homepagePanel.museumFive h2,
div.homepagePanel.museumFive h2 a { color: #0D6CB6; }

div.homepagePanel.museumSix div.museumColour { background-color: #FB9A05; color: #fff;}
div.homepagePanel.museumSix h2,
div.homepagePanel.museumSix h2 a { color: #FB9A05; }

/* Collections Homepage styles */

.boxed {
	border-style: solid;
	border-width: 1px;
}

/* Exhibition homepage */

div.exhibitionPanel {
	margin-bottom: 0.5em;
	margin-right: 1em;
}

div.exhibitionPanel img {
	float: left;
	margin-right: 1em;
}

div.exhibitionPanel h2,
div.exhibitionPanel p.heading {
	font-size: 100%;
	margin-bottom: 0;
	padding: 0 1em;
	margin-top: 0.75em;
}

div.exhibitionPanel p {
	margin: 0;
	padding: 0.5em 1em;
}
div#contentBody div.exhibitionPanel.first { margin-top: 1.5em; }

div.exhibition div.content p.location { font-size: 120%; font-weight: bold; margin-bottom: 0; }
div.exhibition div.content p.date { margin-top: 0; }
div.exhibition div.content p.intro { font-size: 120%; font-weight: bold; }

div.exhibition div.content ul.callsToAction { margin-top: 2em; }

div.exhibition h2 {
	font-size: 170%;
	/*margin: 1.5em 0 0.75em 0;*/
}

div.exhibition h3 {
	font-size: 120%;
	margin: 1.5em 0 0.75em 0;
}

/* Highlight objects */

p.backLink {
	margin-top: 1em;
}

p.backLink a.arrowLink {
	font-weight: normal;
	padding-left: 12px;
}

div#tabCollection ul#tabOptions {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#tabCollection.jsIsOn ul#tabOptions {
	border-bottom-width: 0.75em;
	border-bottom-style: solid;
	padding: 0.5em;
	padding-left: 0;
	font-size: 90%;
}

div#tabCollection ul#tabOptions li {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0.35em;
	padding-left: 10px;
}

div#tabCollection.jsIsOn ul#tabOptions li {
	display: inline;
	margin-right: 0.25em;
	background-color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div#tabCollection.jsIsOn ul#tabOptions li.current {
	/*  I want to put this on, but it causes style issues in IE - sorry users of javascript 

with images
		turned off :( 
	background-color: #1A206D;*/
}

div#tabCollection.jsIsOn ul#tabOptions li a {
	border-left-width: 1px;
	border-left-style: solid;
	padding: 0.5em 1.5em 0.5em 1em;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

div#tabCollection.jsIsOn div.tabbable p { margin: 1em 0 0 0; }
div#tabCollection.jsIsOn div.tabbable p.heading { margin-top: 0; }

div.boxOver { font-size: 90%; width: 11em; padding: 0.5em 0.75em; border: 1px solid #000; 

background: #fff; }
div.boxOverHeader { }
div.boxOverBody { font-weight: bold; }

div.relatedObjects {
	margin-top: 6.5em;
}

div.relatedObjects.contentPanel {
	padding: 0.5em 0.75em;
}

div.relatedObjects div.imageBox {
	width: 75px;
	height: 75px;
	border: 3px solid #fff;
	overflow: hidden;
	float: left;
	text-align: center;
	margin-right: 5px;
}

div.relatedObjects div.alternate { margin-right: 0; }

ul.objectPhotoInformation {
	background-color: #E8E8F0;
	padding: 0.25em;
	margin-left: 0;
	margin-top: 0.35em;
}

ul.objectPhotoInformation li {
	display: inline;
	padding: 0.25em;
	margin-right: 1em;
}

ul.objectPhotoInformation li.buy {
	padding-left: 18px;
	background: transparent url(../../../../images/object_buy.gif) no-repeat 0 0.35em;
}

ul.objectPhotoInformation li.newwindow {
	padding-left: 18px;
	background: transparent url(../../../../images/object_newwindow.gif) no-repeat 0 0.35em;
}

ul.objectPhotoInformation li a.arrowLink {
	padding-right: 11px;
	padding-left: 0;
	background-position: right 0.35em;
	font-weight: normal;
}

/* NMS Styling - JStewart */

div.sitemapColumn h2 { margin-top: 0; padding-top: 0; }

div#sitemapColumn1 {width: 30%}
div#sitemapColumn2 {width: 35%;}
div#sitemapColumn3 {width: 35%;}
div.sitemapColumn {float: left;}

div#sitemapColumn1 ul {margin-bottom: 0.75em;}

div.sitemapColumn ul li {
	padding-bottom: 0.5em;
	font-weight: bold;
}

div#sitemapColumn1 li,
div.sitemapColumn ul li ul li {
	padding-bottom: 0;
	font-weight: normal;
}

div#sitemapColumn1 li a {
	padding: 0;
	display: inline;
}

div.sitemapColumn ul li a {
	display: block;
	width: 100%;
	padding-bottom: 0.25em;
}

div.sitemapColumn ul li ul li {
	padding-left: 0.75em;
	background: transparent url(../../../../images/hyphen_blue.gif) no-repeat 0 0.4em;
}

div.sitemapColumn ul li ul li ul li {background: transparent url(../../../../images/hyphen_blue.gif) 

no-repeat 0 0.75em; }

/* Listing Styles */

div#listing,div.listing { border-top: 1px solid #e5e5e5; margin-bottom: 1em; }
div.searchColumn div#listing,
div.searchColumn div.listing { border-top: 0; }

div#listing div.results,
div.listing div.results { display: block; margin: 1em 0; }

div.listItem {
	border-bottom: 1px solid #e5e5e5;
	
	padding-top: 1em;
	padding-bottom: 1em;
}

div.listItem img {
	float: none;
	width: auto;
	margin-right: 0;
}

div.listImage {
	float: left;
	width: 23%;
	overflow: hidden;
	text-align: center;
	height: 100px;
}

div#listing.eventType div.listImage { width: 37%; height: 80px; }
div#listing.eventType div.itemText { margin-left: 40%; }

div.itemText a { font-weight: bold; }

div.imageLogos div.listImage { height: 70px; }
div.squareImageLogos div.listImage { height: 60px; width: 60px; }

div.squareImageLogos div.itemText { margin-left: 70px; }
div.squareImageLogos div.itemText.noImage { margin-left: 0; }

div.itemText { margin-left: 26%; }

div.itemText p { margin-top: 0.5em; }
div.itemText p.heading { margin-top: 0; }

div.itemText.noImage { margin-left: 0; }

div.smallImageLogos div.listImage { width: 20%; height: 40px; }
div.smallImageLogos div.itemText { margin-left: 23%; }
div.smallImageLogos div.itemText.noImage { margin-left: 0; }

div.gridLines { background: transparent url(../../../../images/singledot_bg.gif) repeat-y 70% 0; }

div.gridLines div.listItem p.heading { margin-right: 40%; }

div.slimListing div.listItem {
	position: relative;
	padding-top: 0.5em;
	padding-bottom: 0.3em;
}

div.listItem p.heading,
div.slimListing div.listItem p { margin-top: 0; }

div.slimListing div.listItem p.ageGroup {
	position: absolute;
	top: 0.5em;
	right: 1em;
	margin: 0;
}

div.slimListing div.listItem p.ageGroup span { font-size: 90%; }

p.sub { margin-top: 0; padding-top: 0; }

/* Venue Facilities */

div.venueFacility {
	float: left;
	width: 30%;
	margin-right: 2%;
	margin-bottom: 3%;
	border: 1px solid #ddd;
}

div.venueFacility div.venueFacilityImage { text-align: center; padding-top: 0.75em; }
div.venueFacility div.venueFacilityPadding p { padding: 0.25em 0.75em 0.75em 0.75em; 

margin-bottom: 0; }
div.venueFacility div.venueFacilityPadding p a { font-weight: bold; }

p.shapeImage img { width: 150px; }

div.navContainer {
	background: #1A206D;
	color: #fff;
	padding: 0.5em;
	
}

div.navContainer p {
	margin: 0;
	padding: 0; 
	text-align: center;
}

div.navContainer p .navPrevious,
div.navContainer p .navNext { padding: 0 1em 0 1em; }

/* Department content */

div#departmentContent { padding-top: 0.5em; }

/* Download links */

div.downloadLink { padding-top: 1em; }

div.downloadLink a.productIcon {
	float: left;
	width: 90px;
}

div.downloadLink p { margin-left: 100px; }

/* Table styling

table {
	margin: 0 0 1em 0;
	border-collapse: collapse;
	border: 1px solid #000;
	font-size: 100%;
}

table td,
table th {
	border: 1px solid #000;
	padding: 0.25em 0.5em;
	vertical-align: top;
}

table.borderless { border-width: 0; }

table.borderless th,
table.borderless td {
	border-width: 0;
	vertical-align: top;
}
*/
em.highlight { background-color: #FEFF9F; font-weight: bold; font-style: normal; text-transform: 

uppercase; }

fieldset.loginForm {
	border-bottom: 2px solid #8F92B5;
}

div.unsubscribe { margin-top: 1.5em; }
div.unsubscribe fieldset { margin: 0; padding: 0; }

fieldset.loginForm fieldset.autogenerated {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding-top: 0.75em;
	margin-top: 1em;
	padding-bottom: 1.5em;
	margin-bottom: 1em;
}

/* What's On */

div#dailyListingPanel {
	float: left;
	width: 48%;
}

div#calendarDate {
	float: left;
	width: 40%;
	background: transparent url(../../../../images/calendarFold.gif) no-repeat right bottom;
}

div#calendarText {
	float: left;
	width: 58%;
}

div#additionalLinksPanel {
	float: left;
	width: 48%;
}

div.additionalLink {
	border-top: 1px solid #E5E5E5;
}

div.lastAdditionalLink {
	border-bottom: 1px solid #E5E5E5;
}

div.additionalLink img {
	float: left;
	width: 10%;
}

div.additionalLinkText {
	float: left;
	width: 89%;
}

div.greyBox {
	border: 1px solid #E5E5E5;
}

div.additionalLink a.arrowRight {
	background: transparent url(../../../../images/arrow_blue_right.gif) no-repeat right 50%;
}


/******************************************************
*********  		Date Picker Calendar
*******************************************************/
.calendar table 
{
border:1px none #000000;
border-collapse:collapse;
font-size:100%;
margin: 0;
}

.calendar table td, 
.calendar table th
{
	padding: 0;
	vertical-align: middle;
	border: 1px none #F00;
}

.calendar_button
{
  border:none;
  cursor:pointer;
}

.datePicker{


}
.datePicker img{
	position:relative;
	top:5px;
}

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;

  font-family: "Verdana",monospace;
  padding: 2px;
  cursor: pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
  font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
 
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  background-color:#FFFFFF;
}


/****************************************
			Lucene DataGrid
****************************************/
.luceneRepeater td
{
	border:none;
}
.luceneHighlighter
{
	font-weight:bold;
	background-color:yellow;
}
.luceneLink a:Hover
{
	text-decoration:underline;
}
.luceneLink
{
	font-weight:bold;
}
.currentpage
{
	background-color:#323B9A;
	color:#ffffff;
	font-weight:bold;
	padding:0 2px 0 2px;
}
div.luceneResult{
	border-top: 1px dotted #999999;
	padding-top: 10px;
}








/* Additonal form styling 
------------------------------------*/
.form_wrap {text-align:left; width:560px;}
.form_wrap * {margin:0; padding:0;}

.form_wrap br {clear:both; height:0;}
.form_wrap form {margin:0 0 1.5em 0;}
.form_wrap fieldset, .form_wrap legend {display:block;}
.form_wrap fieldset {border:1px solid #E9EEF5; margin:0 0 20px 0; padding:0 4px 0.5em 4px; 

width:100%;} 
.form_wrap legend {color:#000; font-weight:bold; margin:0 0 10px 0; width:0.5em;}
.form_wrap input, .form_wrap label, .form_wrap span, .form_wrap input.file {line-height:1.35em;}
.form_wrap input, .form_wrap textarea, .form_wrap label, .form_wrap span.label 

{margin-bottom:3px;}
.form_wrap input, .form_wrap textarea {_margin:-1px 0 2px 0;} /* ie5-6 input gap fix */
* + html .form_wrap input, * + html .form_wrap textarea {margin:-1px 0 2px 0;} /* ie7 ^^ same */

.form_wrap label, .form_wrap span.label {float:left; width:255px; text-align:right; clear:both; 

height:1%; margin-right:9px;}
.form_wrap input, .form_wrap textarea {width:290px; display:block; border:1px solid #7F9DB9; 

padding:2px;}
.form_wrap textarea {overflow:auto; height:6em;}
.form_wrap div {float:left;}
.form_wrap div.right {padding-left:260px;} 


/* input styles 
---------------------*/
.form_wrap div.digit, .form_wrap div.email, .form_wrap div.file {text-align:left; width:285px;}
.form_wrap div.digit input {width:100px;}
.form_wrap div.file input  {width:250px;} /* support for styling input type="file" sucks - use 

size attr on elem as well (see html) */

.form_wrap .align_bot {width:100%; float:none; position:relative;}
.form_wrap .align_bot .digit input {position:absolute; bottom:0;}
.form_wrap label.full, .form_wrap span.full {float:none; display:block; width:100%; 

text-align:left; margin:0 0 15px 0;} /* overwrite above ^^ to expand full width etc. */
.form_wrap small.full {width:100%; text-align:left;}
.form_wrap div.full, .form_wrap div.full textarea {width:100%;}
.form_wrap div.full textarea {margin:0 0 10px 0; width:100%;  width:99%; /* ie6 fix */} 
.form_wrap div.big textarea {height:15em;}

.form_wrap p {margin:0 0 1.5em 0;}
.form_wrap .bold, .form_wrap .warning, .form_wrap em.comp, .form_wrap .error,
.form_wrap label, .form_wrap span.label {font-weight:bold;}
.form_wrap em.comp, .form_wrap .error {color:#CC0000;}
.form_wrap .success {color:#0066FF;}
.form_wrap span.error, .form_wrap .success {display:block; float:right; margin:0.3em 0 0.3em 0; 

width:295px;}
.form_wrap span.error.full, .form_wrap .success.full {text-indent:0; width:auto; float:left;}
.form_wrap .full .error {display:inline; margin:auto;}
.form_wrap small {line-height:1.2em; font-size:90%;}

/* radio buttons */
.form_wrap div.radio {text-align:left; float:left; margin-top:0.7em; margin-left:0.2em;} 
.form_wrap div.radio label {width:auto; padding:0 0 0 0.5em; font-weight:normal;}
.form_wrap div.radio label, .form_wrap div.radio input {float:none; display:inline; 

vertical-align:top; /* reset */}
.form_wrap div.radio input {width:auto; line-height:1.2em; border:0; margin-left:0.1em;}
.form_wrap div.radio small {text-align:left; display:block; margin:0.6em 0 0 0.1em;}
.form_wrap div.radio input {_margin:-3px 0 0 -4px;} /* ie5-6 */
* + html .form_wrap div.radio input {margin:-3px 0 0 -4px;} /* ie7 */


/* submit button 
------------------------- */
.form_wrap .submit {
   width:12em;  
   border:0;
   margin:0;
   color:#fff; 
   font-weight:bold;
   background-color:#2D3D76;
   padding:2px 4px;
   cursor:pointer; _cursor:hand; /* ie5.x */
}


/* Misc 
-------------*/
.form_wrap ul {margin:1em 0 1em 25px;}
.form_wrap .none {display:none;}


/* SlideshowPro 
-------------------------*/
#ssp_container {margin:1.4em 0 0.8em 0;}

/*	Treasured List	*/
div.treasuredContent div.treasured div.item {
  width: 180px;
  float: left;
}


div.content_block_image { width: 374px; text-align: center; }
div.content_block_image img { margin: 0px 10px 10px 0px; text-align: center; clear: both; }

div.imgmap_css_container {
position: relative;
height:404px;
height: 420px;
}

#imgmap20092161265 {
background: #fff url(/cmsimages/mof_map_3935_4222.png) no-repeat;
}

div.imgmap_css_container a {
   border: 1px solid #000;
}

p.return, a.return { text-align: right; }

p.image_list img {
   margin: 5px;
   width: 90px;
}

.footersubnav
{ font-weight:bold !important;}


 
div#footer div.footerColumn ul.navigation li a .footersubnav a
{ font-weight:bold !important;}

ul.navigation li a  .footersubnav {
font-weight:bold;
}
.invisi {display:none !important;}

h4, .Heading4  {
font-size:130%;
font-weight:bold;
margin:0.75em 0 0.5em;
color:#0B1D5F;
}

h5, .Heading5{
font-size:120%;
margin:0.75em 0 0.5em;
color:#0B1D5F;
text-align:left;


}

h6, .Heading6{
font-size:120%;
margin:0.75em 0 0.5em;
color:#0B1D5F;
text-align:left;


}



.disclaimer {font-size:90%; padding-bottom:1em; line-height:1.5em; margin:0 0 0.75em; padding:0; text-align:left; font-family:Arial,Verdana,sans-serif;}

div.sideNavigation ul.navigation li ul li ul li a {
	background-color: transparent;
	background-image: url(../../../../images/hyphen_black.gif);
	background-position:5px 8px;
	background-repeat:no-repeat;

	
		}

.ArticleBody {}

.ArticleBodyMuseum {float:left;}
.articleBox {float:left;}

div.content h2 {
width:100%;
}


div.homepagePanel a {
float:left;
font-weight:bold;
line-height:1.5;
margin:0px;
padding:0em;
}


.listArticle {

border-top:1px solid #E5E5E5;

padding-bottom:1em;

display:block;
margin-bottom:1em;
}


.ArticlelistItem {
border-bottom:1px solid #E5E5E5;
padding-top:1em;
display:block;
}


ul { margin:0px padding:0px;}
li { margin:0px padding:0px;}