﻿*		{ margin:0; padding: 0; }
a img	{ border: none; }
a		{ text-decoration: none; }
li		{ list-style-type: none; }
body 
{
	font-family: Verdana, Sans-Serif;
	font-size: 100%;
}


/* Page Layout */
.mainDiv						{ width: 941px; margin: 20px auto 20px auto; }
.innerBody						{ width: 941px; float:left; clear:both; font-size: 75%;  
          						  background-image: url(/img/borders/grey.gif); background-position: left top; background-repeat:repeat-x;
          						  }
.footer							{ float:left; clear: both; width: 941px; margin-top: 20px; padding: 10px 0 20px 0; color: Black; 
          						  background-image: url(/img/borders/grey.gif); background-position: left top; background-repeat:repeat-x;       							  
       							  }
.footer a						{ color: #ff4f8d; }
.footer .left					{ float:left; font-size: 65%; }
.footer .right					{ float:right; text-align: right; font-size: 75%; }
.footer .right a				{ margin-left: 15px; }

/* Header */
a.logo							{ float:left; display:block; width: 228px; height: 119px; padding-left: 235px; background-position: left top; background-repeat: no-repeat; }
a.logo span						{ display:block; float:right; width: 223px; height: 0px; padding-top: 119px; overflow: hidden;
           						  background-image: url(/img/nav/title.gif); background-position: left top; background-repeat: no-repeat;
           						}
/* Default settings */
a								{ color: #ff4f8d; }
a.logo							{ background-image: url(/img/nav/home/logo.gif); }
           						
div.search						{ float:right; width: 221px; height: 21px; margin-top: 97px; }
input.searchBox					{ border: Solid 1px #cccccc; height: 16px; width: 168px; padding: 2px; color:#cccccc; }

/* Main menu */
.siteMenu .main					{ float:left; width: 480px; margin: 40px 0 20px 19px; }
.siteMenu .main li				{ float:left; width: 220px; height: 16px; margin-right: 20px; }
.siteMenu .main li a			{ display: block; height: 0px; padding-top: 14px; overflow: hidden; background-repeat: no-repeat; 
                         		  background-image: url(/img/nav/default/mainnav.gif); }

.mnuShowroom					{ background-position: -3px -4px; width: 107px; }
.mnuShowroom:hover				{ background-position: -3px -20px; }
.mnuWorkstation					{ background-position: -115px -4px; width: 125px; }
.mnuWorkstation:hover			{ background-position: -115px -20px; }
.mnuFestivalsEvents				{ background-position: -246px -4px; width: 87px; }
.mnuFestivalsEvents:hover		{ background-position: -246px -20px; }
.mnuEducation					{ background-position: -413px -4px; width: 100px; }
.mnuEducation:hover				{ background-position: -413px -20px; }
.mnuCafeBar						{ background-position: -518px -4px; width: 88px; }
.mnuCafeBar:hover				{ background-position: -518px -20px; }
.mnuHire						{ background-position: -611px -4px; width: 40px; }
.mnuHire:hover					{ background-position: -611px -20px; }

.siteMenu .secondary			{ float:left; width: 221px; margin-top: 40px; }
.siteMenu .secondary li			{ float:left; width: 92px; height: 12px; margin-right: 37px; }
.siteMenu .secondary li a		{ display: block; height: 0px; padding-top: 10px; overflow: hidden; background-repeat: no-repeat; 
                         		  background-image: url(/img/nav/default/subnav.gif); }

.mnuOpeningTimes				{ background-position: 0px 0px; width: 91px; }
li.active .mnuOpeningTimes,
.mnuOpeningTimes:hover			{ background-position: 0px -12px; }

.mnuAboutUs						{ background-position: -94px 0px; width: 59px; }
li.active .mnuAboutUs,
.mnuAboutUs:hover				{ background-position: -94px -12px; }

.mnuLocation					{ background-position: -156px 0px; width: 59px; }
li.active .mnuLocation,
.mnuLocation:hover				{ background-position: -156px -12px; }

.mnuSignUp						{ background-position: -218px 0px; width: 47px; }
li.active .mnuSignUp,
.mnuSignUp:hover				{ background-position: -218px -12px; }

.mnuAccess						{ background-position: -268px 0px; width: 44px; }
li.active .mnuAccess,
.mnuAccess:hover				{ background-position: -268px -12px; }

.mnuContactUs					{ background-position: -315px 0px; width: 73px; }
li.active .mnuContactUs,
.mnuContactUs:hover				{ background-position: -315px -12px; }

.mnuJobs						{ background-position: -391px 0px; width: 30px; }
li.active .mnuJobs,
.mnuJobs:hover					{ background-position: -391px -12px; }

.mnuNewsroom					{ background-position: -424px 0px; width: 69px; }
li.active .mnuNewsroom,
.mnuNewsroom:hover				{ background-position: -424px -12px; }


.bottomGreyBorder				{ margin-bottom: 10px; padding-bottom: 10px;
								  background-image: url(/img/borders/grey.gif); background-position: left bottom; background-repeat:repeat-x;
								}
.bottomPinkBorder				{ margin-bottom: 10px; padding-bottom: 10px;
								  background-image: url(/img/borders/pink.gif); background-position: left bottom; background-repeat:repeat-x;
								}
.topGreyBorder					{ margin-top: 10px; padding-top: 10px;
								  background-image: url(/img/borders/grey.gif); background-position: left top; background-repeat:repeat-x;
								}
.marginTop						{ margin-top: 10px; }					
.marginBottom					{ margin-bottom: 10px; }
.marginRight					{ margin-right: 20px; }
.block							{ float:left; }

/* Headings */
h2								{ font-size: 140%; text-transform: uppercase; font-weight: bold; padding-bottom: 5px; margin-bottom: 5px; color: #333333;
									background-image: url(/img/borders/grey.gif); background-position: left bottom; background-repeat:repeat-x;
  								  }
h3								{ font-size: 100%; font-weight: bold; }
h4.section						{ font-size: 100%; font-weight: bold; text-transform: uppercase; padding-bottom: 3px; margin-bottom: 5px; color: #333333;
          						  	background-image: url(/img/borders/grey.gif); background-position: left bottom; background-repeat:repeat-x;
								}

/* Programme common */
.cert							{ margin-left: 5px; font-size: 80%; font-weight: normal; }
ul.times						{ float:left; width: 220px; }
ul.times li						{ float:left; width: 4em; margin-top: 0; }
ul.times li.title				{ width: 7.5em; color: #999999; }

dl.times						{ float:left; width: 220px; margin-top: 3px; }
dl.times dt						{ float:left; width: 80px; color: #999999; }
dl.times dd						{ float:left; width: 135px; }
dl.times dd ul					{ float:left;  }
dl.times dd ul li				{ float:left; width: 3.5em; }

dl.timesWide					{ float:left; width: 460px; margin-top: 3px; }
dl.timesWide dt					{ float:left; width: 100px; color: #999999; }
dl.timesWide dd					{ float:left; width: 350px; }
dl.timesWide dd ul				{ float:left;  }
dl.timesWide dd ul li			{ float:left; width: 4.5em; }

dl.credits						{ float:left; width: 220px; margin-top: 5px; }
dl.credits dt					{ float:left; width: 80px; color: #999999; margin-top:3px; }
dl.credits dd					{ float:left; width: 135px; margin-top: 3px;}

div.filmSummary					{ float:left; width: 460px; margin-bottom: 20px; }
.cal							{ float:left; margin-top: 10px; }
.cal h2							{ float:left; width: 460px; }
dl.filmSummary					{ float:right; width: 340px; }
dl.filmSummary dd.img			{ float:left; width: 120px; }
dl.filmSummary dt				{ float:left; width: 304px; font-weight: bold; margin-bottom: 2px;}
dl.filmSummary dt a				{ text-decoration: underline; }
dl.filmSummary dd				{ float:left; width: 340px; }
dl.filmSummary dd.cert			{ float:right; width: 36px; text-align: right; }
dl.filmSummary dd.altTitle		{ font-weight: bold; width: 304px; }
dl.filmSummary dd.lang			{ color: #999999; width: 304px; }
dl.filmSummary dd.summary		{ margin-top: 4px; }
dl.filmSummary ul.times			{ margin-top: 4px; width: 340px; }
dl.filmSummary ul.today	li.title	{ font-weight: bold; color: Black; }

dl.collections					{ float:left; width: 340px; margin: 5px 0 5px 0; }
dl.collections dt				{ float:left; font-weight: normal; width:125px; }
dl.collections dd				{ float:right; width: 215px;  }

a.availGreen					{ color: #588b4d; text-decoration: underline; }
a.availAmber					{ color: #e88b1e; text-decoration: underline;}
a.availRed						{ color: #e81e1e; text-decoration: underline;}
p.ticketHelp					{ float:left; width: 221px; margin-top: 10px; color: #666666; }


a.book							{ float: right; }

ul.calendar						{ float:left; width: 220px; margin-bottom: 10px;}
ul.calendar li					{ float:left; width: 28px; height: 15px; margin: 0 4px 4px 0; text-align:center; }
ul.calendar li.head				{ font-size: 75%; }
ul.calendar li a				{ display: block; width: 28px; height: 15px; background-color: #ececec; color: #666666; }
ul.calendar li.active			{ }
ul.calendar li.active a			{ color: #ff4f8d; }
ul.calendar li.active a:hover	{ background-color: #f0f0f0; }
ul.calendar li.current			{ background-color: #ffe2ec; }
ul.calendar li.current a		{ background-color: #ff4f8d; color: White; }
ul.calendar li.current a:hover	{ background-color: #ff4f8d; }
.calendarMonth					{ float:left; width: 221px; margin: 5px 0 10px 0; }
.calendarMonth label			{ color: Black; float:left; display:block; width: 50px; }
.calendarMonth select			{ float:left; width: 171px; border: none; color: #ff4f8d; font-weight: bold; }

.galleryWide					{ float:left; width: 460px; }
.galleryWide li					{ float:left; width: 88px; margin: 0 5px 5px 0; }
.gallerySmall p					{ float:left; width: 142px; font-size: 80%; color: #999999; margin-top: 5px; }

/* Freeform Page templates */
.oneColumn						{ float:left; width: 941px; }

.twoColumn						{ float:left; width: 941px; }
.twoColumn div.left				{ float:left; width: 220px; margin-right: 20px; }
.twoColumn div.right			{ float:left; width: 701px; }
.twoColumn div.right .innerLeft	{ float:left; width: 460px; margin-right: 20px; }
.twoColumn div.right .innerRight{ float:left; width: 221px; }

.threeColumn					{ float:left; width: 941px; }
.threeColumn .left				{ float:left; width: 220px; margin-right: 20px; }
.threeColumn .middle			{ float:left; width: 460px; margin-right: 20px; }
.threeColumn .right				{ float:left; width: 221px; }

/* Freeform Page content */
.freeform h1					{ font-size: 140%; font-weight: bold; text-transform: uppercase ;padding-bottom: 3px; margin-bottom: 5px; color: #333333;
          						  	background-image: url(/img/borders/grey.gif); background-position: left bottom; background-repeat:repeat-x;
								}

h3						{ font-size:140%; }

img.headingPicture		{ float:left; width: 460px; margin: 5px 0 10px 0; }

.freeform				{ clear: both; }
.freeform img.left		{ margin:0 15px 15px 0; border:none; float:left; }
.freeform img.right		{ margin:0 0 15px 15px; border:none; float:right; }
.freeform p				{ margin-bottom: 5px; }
.freeform H3			{ font-size:140%; }
.freeform ul li			{ list-style-type: disc; margin-left: 20px;}
.freeform ol li			{ list-style-type: decimal; margin-left: 20px; }

.floatingPod						{	margin: 0 10px 10px 10px; padding: 0;
									}
.floatingPod .tr					{	margin: 0; padding: 0;
									}
.floatingPod .bl					{	margin: 0; padding: 0;
									}
.floatingPod .br					{	margin: 0; padding: 0;
									}
.floatingPod .tl					{	margin: 0; padding: 0;
									}
.floatingPod .content				{	margin: 0; padding: 10px 10px 10px 10px;
									}
.floatingPod IMG					{	margin-bottom: 5px; }

.quadImage				{ float: left; width: 460px; margin: 5px 0 10px 0; }
.quadImage .quad		{ float: left; position: relative; display:block; width: 100px; height: 119px; margin-right: 20px; }
.quadImage a.link		{ position: absolute; top: 0; left: 0; width: 100px; height: 119px; }
.quadImage div			{ font-size: 20px; font-weight: bold; }


/* Tiles */
.tileContainer			{ float:left; margin-top: 10px; padding-top: 10px;
						 background-image: url(/img/borders/grey.gif); background-position: left top; background-repeat:repeat-x;
						}
.tile					{ float:left; width: 220px; min-height: 119px; position: relative;}
.tile h3				{ position: absolute; top: 4px; left: 4px; width: 210px; line-height: 90%; text-transform: uppercase; }
.tile h3.size30			{ font-size: 26px; }
.tile .tileBody			{ position: absolute; bottom: 4px; left: 4px; width: 140px; line-height: 105%;}
.tile p.moreLink 		{ position: absolute; bottom: 4px; right: 4px; width: 60px; }
.tile p.moreLink a		{ color: #ff4f8d; font-weight: bold; font-size: 13px; }

.sectionTile			{ background-color: #53524f; }
.sectionTile h3			{ color: #ff4f8d; }
.sectionTile .tileBody	{ color: White; }



/* Creative news summaries */
.creativeNewsRSS			{ float:left; width: 221px; padding-bottom: 0px; }
.creativeNewsRSS h2			{ float:left; margin-bottom: 0; width: 175px; }
.creativeNewsRSS a			{ float:right; width: 45px; margin-top: 1px; color: Black;
                  			  background-image: url(/img/rss_small.gif); background-position: right center; background-repeat: no-repeat;
                  			}

ul.creativeNews				{ float:left; width: 221px; }
ul.creativeNews li			{ float:left; width: 221px; margin: 5px 0 5px 0; padding-bottom: 10px; 
                  			  background-position: left bottom; background-repeat: repeat-x;
                  			  }

/* Freeform Navigation elements */

.breadcrumb				{ clear:left; float:left; width: 221px; margin-top: 15px; padding-top: 25px; font-size:65%; }
.breadcrumb p			{ color: #cccccc; }
.breadcrumb A			{ text-decoration:none; color:Black; }
.breadcrumb A:hover		{ text-decoration:underline; }

.pageTOC				{ margin-bottom:30px; border-left:1px solid white; }
.pageTOC H4				{ font-weight: normal; font-size:130%; margin:0 0 5px 0; padding-left:15px; }
.pageTOC UL				{ list-style-type:none; margin:0; padding:0; }
.pageTOC UL LI			{ margin-bottom:3px; padding-left:15px; padding-top:1px; font-size: 95%; }
.pageTOC UL LI A		{ text-decoration: none; color:White; }
.pageTOC UL LI.active	{ margin-left:3px; padding-left:12px; background-image:url(/img/arrow.gif); background-position:left 4px; background-repeat:no-repeat;  }

.mediaTOC				{ margin-bottom:30px; border-left:1px solid white; }
.mediaTOC H4			{ font-weight: normal; font-size:130%; margin:0 0 5px 0; padding-left:15px; }
.mediaTOC UL			{ list-style-type:none; margin:0; padding:0; }
.mediaTOC UL LI			{ margin-bottom:3px; padding-left:15px; padding-top:1px; font-size:90%; }
.mediaTOC UL LI A		{ text-decoration: none; }

.relationTOC			{ margin-bottom:30px; border-left:1px solid white; }
.relationTOC H4			{ font-weight: normal; font-size:130%; margin:0 0 5px 0; padding-left:15px; }
.relationTOC UL			{ list-style-type:none; margin:0; padding:0; }
.relationTOC UL LI		{ margin-bottom:3px; padding-left:15px; padding-top:1px; font-size:90%; }
.relationTOC UL LI A	{ text-decoration: none; }

.pagingControls			{ padding-bottom:15px; }
.pagingControls A		{ color:Black; text-decoration: none; }
.pagingControls .tostart
						{ padding-left:18px; background-image:url(/img/paging/black/first.gif); background-position:left; background-repeat:no-repeat; padding-right:5px; }
.pagingControls .prev5
						{ padding-left:18px; background-image:url(/img/paging/black/prev.gif); background-position:left; background-repeat:no-repeat; padding-right:5px; }
.pagingControls .next5
						{ padding-right:18px; background-image:url(/img/paging/black/next.gif); background-position:right; background-repeat:no-repeat; padding-left:5px; }
.pagingControls .toend
						{ padding-right:18px; background-image:url(/img/paging/black/last.gif); background-position:right; background-repeat:no-repeat; padding-left:5px; }
.pagingControls .pagerItem
						{ font-size:100%; padding-right:5px;}
.pagingControls .pagerItemCurrent
						{ font-weight: bold; color:#D975BF; }
		
.fullPathTOC			{ width: 220px; font-size: 120%; text-transform: uppercase; font-weight: bold; }
.fullPathTOC span		{ display: block; }
.fullPathTOC li			{ margin-bottom: 5px; }
.fullPathTOC ul			{ margin: 5px 0 10px 0; }
.fullPathTOC .mnu2, .fullPathTOC .mnu2a,
.fullPathTOC .mnu3, .fullPathTOC .mnu3a,
.fullPathTOC .mnu4, .fullPathTOC .mnu4a,
.fullPathTOC .mnu5, .fullPathTOC .mnu5a,
.fullPathTOC .mnu6, .fullPathTOC .mnu6a
						{ margin-left: 10px;  }

.fullPathTOC .mnu1>a, 
.fullPathTOC .mnu2>a,
.fullPathTOC .mnu3>a,
.fullPathTOC .mnu4>a,
.fullPathTOC .mnu5>a,
.fullPathTOC .mnu6>a	{ color:Black;  }

.fullPathTOC .mnu1a>a,
.fullPathTOC .mnu2a>a,
.fullPathTOC .mnu3a>a,
.fullPathTOC .mnu4a>a,
.fullPathTOC .mnu5a>a,
.fullPathTOC .mnu6a>a	{ color: #ff4f8d;  }
						
/* Forms */
fieldset.form			{ border:0;}
fieldset.form legend	{ display:none; }
fieldset.form UL		{ list-style: none; margin:0; }
fieldset.form LI		{ clear:both; }
.validation 
						{ font-weight:bold; padding-bottom:15px; color: #ff4f8d; }
.validation UL			{ padding-left:15px; }
.validation UL LI		{ list-style-type:circle ; margin-left:15px; padding-left:15px; }
fieldset.form H3		{ font-size:130%; font-weight:normal; padding-top:10px; margin-bottom:5px; }
fieldset.form UL LI.text INPUT,
fieldset.form UL LI.text SELECT,
fieldset.form UL LI.text TEXTAREA
						{ margin-top: 5px; width: 250px; }
fieldset.form UL LI.text TEXTAREA
						{ font-family:Arial, Sans-Serif; width: 250px; }
fieldset.form UL LI.text label
						{ display:block; width:120px; margin-right: 15px; margin-top:8px; float:left; text-align:left; }
fieldset.form UL li.text label.required
						{ font-weight: bold; }
fieldset.form UL LI.text span.static
						{ display:block; float:left; width: 250px; margin-top:8px; font-weight:bold; }
fieldset.form UL LI div.info
						{ margin-left: 135px; color: #999999; }
fieldset.form UL LI.checkboxes 
						{ padding: 10px 0 10px 0; }
fieldset.form UL LI.checkboxes INPUT
						{ margin-left:105px; margin-top: 4px; margin-right: 15px; float:left; clear:left; }
fieldset.form UL LI.checkboxes label
						{ display:block; float:left; width: 250px; padding-top:3px; }
fieldset.form LI.button	{ margin-left: 135px; margin-top: 10px; padding-top: 20px; }
fieldset.form LI.button input
						{ margin: 0; background-color: White; border: none; text-transform: uppercase; font-weight: bold; color: #ff4f8d; font-size: 110%; }

/* Search Results */
.searchResults			{ margin-bottom: 15px; }
.searchResults LI		{ margin-bottom: 15px;}
.searchResults LI A		{ text-decoration: none; font-weight:bold; color:Black; }
.searchResults LI A:hover
						{ text-decoration: underline; }
.searchResults LI .type	{ font-size:80%; }
.searchResults LI .summary
						{ }
						
						
.end					{ margin-right: 0px !important; }