/********************************************************************************
*                                                                               *
*  Author    :  Geoff Moore                                         	        *
*  Web       :  http://www.phase8.com		                                *
*  E-mail    :  studio ( at ) phase8 ( dot ) ( com )			        *
*  Modified  :  07-June-2007                                                    *
*                                                                               *
*  Copyright (c) 2007 Geoff Moore. All Rights Reserved.                         *
*  Use of this code is not permitted without permission!                        *
*                                                                               *
********************************************************************************/

/* TIPS FOR THE STYLESHEET
================================================================================ 

The correct order for shrothand font stylying is....
font:font-style, font-variant, font-weight, font-size, line-height, font-family

Always Declare font styles above, again on forms.

The correct order for site links a, hover etc is....
link, visited, hover, focus, active.

=============================================================================== */
/* DEFAULTS MAJORITY OF ELEMENTS - THIS LOOKS SCARY BECUASE IT IS!! (main code LN 83)
=============================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    
	
}
/* remember to define focus styles! 
=============================================================================== */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color:#000;
    background: #fff;
	font: normal normal normal 12px/1.4 georgia, arial, sans-serif;
	
}

ol, ul {
    list-style: none;
}
/* any tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* NOW THE MAIN STYLING CAN BEGIN
======================================================================== */

/* SITE STRUCTURE
======================================================================== */
#wrapper {width:760px;margin:1px auto;padding:0;background-color:#fff;color:#000;}
#main {width:560px;margin:0;padding:0;float:left;background-color:#fff;color:#000;}
#head {width:560px;height:135px;margin:0;padding:0;position:relative;background: #fff url(../images/header.jpg) no-repeat 0 0;text-align:right;color:#000;}
#flashcontainer {width:559px;height:163px;margin:0;padding:0;background: transparent url(../flash/staticflash.jpg) no-repeat 0 0;color:#000;}
#sublogo {width:559px;height:163px;margin:0;padding:0;border-bottom:10px solid #fff;color:#000;}

#content {width:523px;margin:0;padding:0;color:#000;}
#side {width:200px;margin:0;padding:0;float:right;background-color:#fff;color:#000;}
#footer {clear:both;position:relative;padding:0 0 20px 0;background: #fff url(../images/footer.gif) no-repeat 0 0;}

/* TEXT FORMATING SECTION DEFAULTS
======================================================================== */
#head img {margin-right:1px;}
#main h1 {font: normal normal 700 18px/1 georgia, arial, sans-serif;}
#content h1 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:27px 0 22px 0;}
#content h1 .emp {font: normal normal 700 16px/1 georgia, arial, sans-serif;color:#990000;}
#content p.content {padding:0 0 14px 0;}
#footer img {margin:0;padding:0;position:absolute;top:0;left:680px;}
#footer .footeremp {font: normal normal 700 10px/1 georgia, arial, sans-serif;color:#000;}
#footer p {font: normal normal 600 10px/1 georgia, arial, sans-serif;color:#aaa;padding-top:14px;}
#footer a {font: normal normal 600 10px/1 georgia, arial, sans-serif;color:#aaa;text-decoration:none;}
#footer a:hover {font: normal normal 600 10px/1 georgia, arial, sans-serif;color:#990000;text-decoration:none;}
#showinformation {display:none;}
a {font: normal normal 700 12px/1 georgia, arial, sans-serif;color:#990000;text-decoration:none;}

/* MAIN SITE NAVIGATION STYLING
======================================================================== */
#skiptocontent, #sitecontent {display:none;}
#navigation {position:absolute;top:115px;left:56px;width:504px;display:block;padding:0;margin: 0;height: 20px;}
#navigation ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: left;position:relative;}
#navigation ul li {display: block;float: left;text-align: left;padding: 0;margin: 0;background: #000;height:20px;}
#navigation ul li a {height: 20px;}

#navigation #home {padding:0;margin:0;background: transparent url(../images/topnavigation/home.gif) no-repeat 0 0;width:100px;height:20px;display:block;float:left;}
#navigation #whatson {padding:0;margin:0;background: transparent url(../images/topnavigation/whatson.gif) no-repeat 0 0;width:100px;height:20px;display:block;float:left;}
#navigation #seatingplan {padding:0;margin:0;background: transparent url(../images/topnavigation/seatingplan.gif) no-repeat 0 0;width:100px;height:20px;display:block;float:left;}
#navigation #bookonline {padding:0;margin:0;background: transparent url(../images/topnavigation/bookonline.gif) no-repeat 0 0;width:100px;height:20px;display:block;float:left;}
#navigation #contactus {padding:0;margin:0;background: transparent url(../images/topnavigation/contactus.gif) no-repeat 0 0;width:103px;height:20px;display:block;float:left;}

#navigation #home a:hover{background: url(../images/topnavigation/home.gif) 0px -20px no-repeat;}
#navigation #whatson a:hover{background: url(../images/topnavigation/whatson.gif) 0px -20px no-repeat;}
#navigation #seatingplan a:hover{background: url(../images/topnavigation/seatingplan.gif) 0px -20px no-repeat;}
#navigation #bookonline a:hover{background: url(../images/topnavigation/bookonline.gif) 0px -20px no-repeat;}
#navigation #contactus a:hover{background: url(../images/topnavigation/contactus.gif) 0px -20px no-repeat;}

#navigation #home a:focus{background: url(../images/topnavigation/home.gif) 0px -40px no-repeat;}
#navigation #whatson a:focus{background: url(../images/topnavigation/whatson.gif) 0px -40px no-repeat;}
#navigation #seatingplan a:focus{background: url(../images/topnavigation/seatingplan.gif) 0px -40px no-repeat;}
#navigation #bookonline a:focus{background: url(../images/topnavigation/bookonline.gif) 0px -40px no-repeat;}
#navigation #contactus a:focus{background: url(../images/topnavigation/contactus.gif) 0px -40px no-repeat;}


/* DEFUALT SITE CONTENT LAYOUT
======================================================================== */
body#homepage  #home{background: url(../images/topnavigation/home.gif) 0px -20px no-repeat;}
body#whatsonpage  #whatson {background: url(../images/topnavigation/whatson.gif) 0px -20px no-repeat;}
body#seatingfestivalstallspage  #seatingplan {background: url(../images/topnavigation/seatingplan.gif) 0px -20px no-repeat;}
body#seatingfestcirclepage  #seatingplan {background: url(../images/topnavigation/seatingplan.gif) 0px -20px no-repeat;}
body#seatingforumpage  #seatingplan {background: url(../images/topnavigation/seatingplan.gif) 0px -20px no-repeat;}
body#bookingpage #bookonline {background: url(../images/topnavigation/bookonline.gif) 0px -20px no-repeat;}
body#contactpage  #contactus {background: url(../images/topnavigation/contactus.gif) 0px -20px no-repeat;}

#contentcontainer {position:relative;display:block;width:559px;margin-bottom:10px;}
/* #content {display:block;padding:0 0 15px 10px;width:500px;} OLD STYLING */

/* PAGE SPECIFIC CONTENT STYLING
======================================================================== */

/* INDEX PAGE ========================================================== */
body#homepage #giftvoucher {display:none;}
body#homepage #content h1, body#homepage #content p {margin-left:10px;}
body#homepage #content .sitefeatures {background: url(../images/interface/sitefeatures.gif) no-repeat 0 0;padding-top:40px;}

body#homepage #content ul {margin-left:0px;position:relative;}
body#homepage #content ul li {display:inline;padding-bottom:8px;float:left;width:230px;margin-left:0px;}
body#homepage #content ul li a:hover {text-decoration:underline;}
body#homepage #content ul li img {vertical-align:bottom;}

#contentfooter dl{margin-left:0px;clear: both;margin-top:65px;}
#contentfooter dt{display: none;}
#contentfooter dd{margin-top: 0px;float: left;width: 183px;margin:0;}
#contentfooter dd.end{margin-right: 0;}
#contentfooter dd a{padding-bottom: 5px;font-size: 1px;line-height: 0;display: block}
#contentfooter dd img{background: #fff;border:1px solid #fff;}
#contentfooter dd br{display: none;}

/* ABOUT US PAGE ============================================================================== */
body#aboutuspage #sub-navigation #aboutus {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/aboutus.gif) 0px -18px no-repeat;}
body#aboutuspage #content {padding:0 0 15px 20px;}
body#aboutuspage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#aboutuspage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#aboutuspage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#aboutuspage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}

/* BOOKING INFO PAGE ============================================================================== */
body#bookingpage #content {padding:0 0 15px 20px;}
body#bookingpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#bookingpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#bookingpage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#bookingpage  #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}

/* CONTACT US PAGE ============================================================================== */
body#contactpage #content {padding:0 0 15px 20px;}
body#contactpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#contactpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#contactpage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#contactpage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}

body#contactpage #content form {padding:0 14px 0 0px;margin:0;font: normal normal 600 12px/1 georgia, arial, sans-serif;color:#000;}
body#contactpage #content form fieldset {border:1px solid #dedede;background-color:#efefef;padding:14px 10px 14px 10px;}
body#contactpage #content form fieldset.alt {border-style:none;background-color:#fff;padding:0;margin:0;}
body#contactpage #content form legend {display:none;}
body#contactpage #content form label {}
body#contactpage #content form input.userinput {margin-bottom:10px;width:240px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;}
body#contactpage #content form img.forminfo {vertical-align:top;margin-left:10px;}
body#contactpage #content form .comments {width:340px;height:150px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;margin-bottom:10px;}
body#contactpage #content form input.radio {}
body#contactpage #content form input.checkbox {}
body#contactpage #content form .submit {float:right;margin:6px 0 6px 0;border:1px solid #dedede;cursor:pointer;}

/* GIFT VOUCHERS PAGE ========================================================================= */
body#giftvoucherspage #content {padding:0 0 15px 20px;}
body#giftvoucherspage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#giftvoucherspage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#giftvoucherspage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#giftvoucherspage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}


/* RESTAURANT & BARS ========================================================================== */
body#barspage #content {padding:0 0 15px 20px;}
body#barspage #sub-navigation #restaurants {width:98px;height:37px;margin:0 0 0 0;padding:0;background:transparent url(../images/subnavigation/restaurant.gif) 0px -37px no-repeat;}
body#barspage #content p.intro {color:#990000;font-style:italic;margin-top:10px;}
body#barspage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;}
body#barspage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#barspage #content .section {border-bottom: 1px dotted #ccc;padding-bottom:10px;}
body#barspage #content .sectionfoot {color:#990000;margin-top:10px;}
body#barspage #content .sectionfoot span {color:#000;font-style:italic;}
body#barspage #content .end {border-bottom:none;}
body#barspage #content .section img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}

/* BOOKING INFO PAGE ============================================================================== */
body#bookingpage #sub-navigation #booking {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/bookinginfo.gif) 0px -18px no-repeat;border-top:1px solid #fff;}
body#bookingpage #content {padding:0 0 15px 20px;}
body#bookingpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#bookingpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#bookingpage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#bookingpage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}

/* HISTORY PAGE */
body#historypage #sub-navigation #history {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/history.gif) 0px -18px no-repeat;border-top:1px solid #fff;}
body#historypage #content {padding:0 0 15px 20px;}
body#historypage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#historypage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#historypage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#historypage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}

/* REVIEW INFO PAGE */
body#reviewinfopage #content {padding:0 0 15px 20px;}
body#reviewinfopage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#reviewinfopage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#reviewinfopage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#reviewinfopage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}


/* VISUAL ARTS PAGE ============================================================================== */
body#visualartspage #sub-navigation #visualarts {width:98px;height:36px;margin:0;padding:0;background:transparent url(../images/subnavigation/visualarts.gif) 0px -36px no-repeat;border-top:1px solid #fff;}
body#visualartspage #content {padding:0 0 15px 20px;}
body#visualartspage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#visualartspage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#visualartspage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#visualartspage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}
body#visualartspage #content img:hover {border-color:#999;}

/* CONFERENCES PAGE =================================================================================== */
body#conferencespage #sub-navigation #conferences {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/conferences.gif) 0px -18px no-repeat;border-top:1px solid #fff;}
body#conferencespage #content {padding:0 0 15px 20px;}
body#conferencespage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#conferencespage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#conferencespage .conference {width:540px;margin:0 0 20px 0;padding:0;}
body#conferencespage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#conferencespage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}

/* JOBS GOING PAGE + MORE DETAIL ====================================================================== */
body#jobspage #sub-navigation #jobs {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/jobs.gif) 0px -18px no-repeat;border-top:1px solid #fff;}
body#jobspage #content {padding:0 0 15px 20px;}
body#jobspage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;}
body#jobspage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#jobspage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#jobspage .jobsgoing {width:520px;margin:14px 0 20px 0;padding:0;background: transparent url(/images/jobs/jobsBG.gif)  0 0  no-repeat;}
body#jobspage .jobsgoing table th {padding: 1px 0 6px 30px;color:#fff;}
body#jobspage .jobsgoing table td {padding:2px 0 2px 30px;color:#000;}
body#jobspage .jobdetails {margin-top:1px;display:inline;clear:both;padding-bottom:10px;}
body#jobspage .jobtitle {float:left;padding: 2px 0 0 30px;color:#fff;}
body#jobspage .closingdate {float:right;padding: 2px 30px 0 0;color:#fff;}
body#jobspage .jobinfo {margin:10px 10px 0 10px;}
body#jobspage .jobinfo p, body#jobspage .jobinfo h2 {padding-bottom:10px;}
body#jobspage .jobinfo h2 {color:#990000;margin:0;}

body#jobspage #content form {padding:0 14px 0 0px;margin:0;font: normal normal 600 12px/1 georgia, arial, sans-serif;color:#000;}
body#jobspage #content form fieldset {border:1px solid #dedede;background-color:#efefef;padding:14px 10px 14px 10px;}
body#jobspage #content form fieldset.alt {border-style:none;background-color:#fff;padding:0;margin:0;}
body#jobspage #content form legend {display:none;}
body#jobspage #content form label {}
body#jobspage #content form input.userinput {margin-bottom:10px;width:240px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;}
body#jobspage #content form img.forminfo {vertical-align:top;margin-left:10px;}
body#jobspage #content form .comments {width:340px;height:150px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;margin-bottom:10px;}
body#jobspage #content form input.radio {}
body#jobspage #content form input.checkbox {}
body#jobspage #content form .submit {float:right;margin-top:6px;border:1px solid #dedede;cursor:pointer;}

/* NEW ARTS COUNCIL PAGE GM 02-02-9 =================================================================================== */
.pagelink{ margin-left: -230px;}
.artscouncil img {float:left;display:block;border-right:30px solid #fff; border-bottom:10px solid #fff;}
.artscouncil p {margin-left: 230px; }
.artfloat { float: left; display: block; width: 220px; border-right:10px solid #fff; border-bottom:10px solid #fff;font-size:10px;}
.artfloat a {font-size:10px;} 

/* EDUCATION PAGE  =================================================================================== */
body#educationpage #sub-navigation #education {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/education.gif) 0px -18px no-repeat;border-top:1px solid #fff;}
body#educationpage #content {padding:0 0 15px 20px;}
body#educationpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#educationpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#educationpage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#educationpage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}

/* USER FEEDBACK AND SURVEYS PAGE  (WAS SPONSORSHIP) ================================================= */
body#feedbackpage #sub-navigation #feedback {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/feedback.gif) 0px -18px no-repeat;border-top:1px solid #fff;}
body#feedbackpage #content {padding:0 0 15px 20px;}
body#feedbackpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#feedbackpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#feedbackpage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#feedbackpage .feedbackpage {width:540px;margin:0 0 20px 0;padding:0;}

/* THIS SECTION HAS BEEN DISABLED 6-8-07 GM */
body#feedbackpage #content form {display:none;padding:0 14px 0 0px;margin:0;font: normal normal 600 12px/1 georgia, arial, sans-serif;color:#000;}
body#feedbackpage #content form fieldset {border:1px solid #dedede;background-color:#efefef;padding:14px 10px 14px 10px;}
body#feedbackpage #content form fieldset.alt {border-style:none;background-color:#fff;padding:0;margin:0;}
body#feedbackpage #content form legend {display:none;}
body#feedbackpage #content form label {}
body#feedbackpage #content form input.userinput {margin-bottom:10px;width:240px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;}
body#feedbackpage #content form img.forminfo {vertical-align:top;margin-left:10px;}
body#feedbackpage #content form .comments {width:340px;height:150px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;margin-bottom:10px;}
body#feedbackpage #content form input.radio {}
body#feedbackpage #content form input.checkbox {}
body#feedbackpage #content form .submit {float:right;margin-top:6px;border:1px solid #dedede;cursor:pointer;}

/* ---- // ---- */

body#surveyspage #content {padding:0 0 15px 20px;}
body#surveyspage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#surveyspage #content h4 {font: normal normal 700 12px/1 georgia, arial, sans-serif;color:#990000;margin:0 0 4px 0;padding-top:10px;text-decoration:underline;}
body#surveyspage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#surveyspage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#surveyspage .surveyspage {width:540px;margin:0 0 20px 0;padding:0;}
body#surveyspage #content form {padding:0 14px 0 0px;margin:0;font: normal normal 600 12px/1 georgia, arial, sans-serif;color:#000;}
body#surveyspage #content form fieldset {border:1px solid #dedede;background-color:#efefef;padding:14px 10px 14px 10px;}
body#surveyspage #content form fieldset.alt {border-style:none;background-color:#fff;padding:0;margin:0;}
body#surveyspage #content form legend {display:none;}
body#surveyspage #content form label {}
body#surveyspage #content form input.userinput {margin-bottom:10px;width:240px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;}
body#surveyspage #content form img.forminfo {vertical-align:top;margin-left:10px;}
body#surveyspage #content form .comments {width:340px;height:150px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;margin-bottom:10px;}
body#surveyspage #content form .shortcomments {width:440px;height:35px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;margin-bottom:10px;}
body#surveyspage #content form input.radio {}
body#surveyspage #content form input.checkbox {}
body#surveyspage #content form .submit {float:right;margin-top:6px;border:1px solid #dedede;cursor:pointer;}

/* YOUR VISIT PAGE ============================================================================== */
body#yourvisitpage #sub-navigation #aboutus {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/yourvisit.gif) 0px -18px no-repeat;}
body#yourvisitpage #content {padding:0 0 15px 20px;}
body#yourvisitpage #content h1 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#yourvisitpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#yourvisitpage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#yourvisitpage #content img {border:2px solid #ccc;padding:2px;margin:20px 10px 20px 20px;overflow:auto;}
body#yourvisitpage #content h2 {font: normal normal 700 16px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#yourvisitpage #content h3 {font: normal normal 700 16px/1 georgia, arial, sans-serif;color:#990000;margin:0 0 4px 0;padding-top:10px;}
body#yourvisitpage strong {color:#990000;font-weight:700;font-style:italic;}

body#yourvisitpage #carsection, #bussection, #trainsection {display:none;margin:10px 0;}

/* VIRTUAL TOUR PAGE ============================================================================== */
body#virtualtourpage #content {padding:0 0 15px 20px;}
body#virtualtourpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#virtualtourpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#virtualtourpage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;margin:0;}
body#virtualtourpage #content p {margin:0;padding:0;}
body#virtualtourpage #content img {border:2px solid #ccc;padding:2px;display:block;margin:20px 10px 20px 20px;overflow:auto;float:right;clear:both;}
body#virtualtourpage #exterior-outta, #foyer-outta, #boxoffice-outta {margin:10px 0 10px 0;padding:10px;border:1px solid #ccc;width:490px;position:relative;}
body#virtualtourpage #exterior-inner, #foyer-inner, #boxoffice-inner {width:480px;height:260px;background:transparent url(../images/loader.gif) center center no-repeat;border:1px solid #999;position:relative;}


/* NEWSLETTER SIGNUP / UNSUBSCRIBE PAGE  ============================================================ */
body#newsletterpage #content {padding:0 0 15px 20px;}
body#newsletterpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;}
body#newsletterpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#newsletterpage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}

body#newsletterpage #content form {padding:0 14px 0 0px;margin:0;font: normal normal 600 12px/1 georgia, arial, sans-serif;color:#000;}
body#newsletterpage #content form fieldset {border:1px solid #dedede;background-color:#efefef;padding:14px 10px 14px 10px;}
body#newsletterpage #content form fieldset.alt {border-style:none;background-color:#fff;padding:0;margin:0;}
body#newsletterpage #content form legend {display:none;}
body#newsletterpage #content form label {}
body#newsletterpage #content form input.userinput {margin-bottom:10px;width:240px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;}
body#newsletterpage #content form img.forminfo {vertical-align:top;margin-left:10px;}
body#newsletterpage #content form .comments {width:340px;height:150px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;margin-bottom:10px;}
body#newsletterpage #content form input.radio {}
body#newsletterpage #content form input.checkbox {}
body#newsletterpage #content form .submit {float:right;margin-top:6px;border:1px solid #dedede;}


/* MEMBERSHIP SCHEMES PAGE  ======================================================================== */
body#membershippage #content {padding:0 0 15px 20px;}
body#membershippage  #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#membershippage  #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#membershippage  p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}

/* THEATRE BREAKS PAGE  ============================================================================ */
body#theatrebreakspage #content {padding:0 0 15px 20px;}
body#theatrebreakspage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#theatrebreakspage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#theatrebreakspage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}

/* PRIVACY PAGE  =================================================================================== */
body#privacypage #content {padding:0 0 15px 20px;}
body#privacypage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#privacypage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#privacypage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#privacypage p {color:#999;font-weight:600;padding-bottom:4px;}

/* TERMS PAGE ====================================================================================== */
body#termspage #content {padding:0 0 15px 20px;}
body#termspage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#termspage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#termspage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#termsypage p {color:#999;font-weight:600;padding-bottom:4px;}

/* WHATS ON PAGE =================================================================================== */
body#whatsonpage #content {}
body#whatsonpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:10px 0 4px 16px;}
body#whatsonpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#whatsonpage #content p.intro {color:#990000;font-weight:700;font-style:italic;margin:0 0 4px 16px;}
body#whatsonpage #content p.content {color:#999;font-weight:600;margin:0 0 4px 16px;}

body#whatsonpage #content .features {margin:10px 0 10px 18px;padding:0 0 6px 0;min-height:100px;width:518px;}
body#whatsonpage #content .festival {background: #fff url(/images/whatson/festtheatreBG.gif) 0 0 no-repeat;}
body#whatsonpage #content .forum {background: #fff url(/images/whatson/forumtheatreBG.gif) 0 0 no-repeat;}
body#whatsonpage #content .cinema {background: #fff url(/images/whatson/cinemaBG.gif) 0 0 no-repeat;}

body#whatsonpage #content .alternetive {margin:0 0 10px 0;padding:0 0 6px 0;}
body#whatsonpage #content .drama {background: #fff url(/images/whatson/dramaBG.gif) 0 4px no-repeat;}
body#whatsonpage #content .film {background: #fff url(/images/whatson/filmBG.gif) 0 4px no-repeat;}
body#whatsonpage #content .comedy {background: #fff url(/images/whatson/comedyBG.gif) 0 4px no-repeat;}
body#whatsonpage #content .concerts {background: #fff url(/images/whatson/concertsBG.gif) 0 4px no-repeat;}
body#whatsonpage #content .dance {background: #fff url(/images/whatson/danceBG.gif) 0 4px no-repeat;}
body#whatsonpage #content .childrens {background: #fff url(/images/whatson/childrensBG.gif) 0 4px no-repeat;}
body#whatsonpage #content .musical {background: #fff url(/images/whatson/operaBG.gif) 0 4px no-repeat;}
body#whatsonpage #content .workshops {background: #fff url(/images/whatson/workshopsBG.gif) 0 4px no-repeat;}

body#whatsonpage #content .whatsondate  {padding-top:30px;margin-left:25px;color:#990000;font-size:14px;}
body#whatsonpage #content .whatsontitle  {margin:-10px 0 2px 25px;color:#000;}
body#whatsonpage #content .whatsontitle a {color:#000;font-size:14px;}

body#whatsonpage #content .whatsondate-alt  {font-size:12px;padding-top:0px;margin-left:25px;color:#990000;}

body#whatsonpage #content .seemore-alt {margin:0 0 0 25px;padding-bottom:4px;}
body#whatsonpage #noresults {margin:14px 0 0 14px;width:499px;border:1px solid #999;background-color:#ccc;padding:0 10px 10px 10px;}
body#whatsonpage #noresults h2 {color:#990000;margin-left:0;}


/* SHOW PAGE ========================================================== */
body#showpage #content {padding: 0 0 15px 20px;}
body#showpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#showpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#showpage #content .intro {margin-top:20px;}
body#showpage #content .plot {margin:10px 0 10px 2px;padding-bottom:10px;border-bottom: 1px dotted #ccc;display:block;overflow:auto;}
body#showpage #content p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;}
body#showpage #content p.cast {color:#555555;font-size:10px;}

body#showpage #content #posterimage {float:left;margin:9px 10px 8px 0;padding:2px;border:2px solid #ccc;background-color:#fff;}

body#showpage #content .details {display:block;overflow:auto;margin-top:14px;padding:10px 0 10px 0;border-top:1px dotted #ccc;}
body#showpage #content .details p{ color:#000;}
body#showpage #content .details .emp {color:#990000;text-decoration:none;}

body#showpage #content .plot img, body#showpage #content .plot a{padding-top:10px;}
body#showpage #content .details img, body#showpage #content .details a{display:block;}

body#showpage #content .presscommentsection {margin-top:10px;font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#000;}
body#showpage #content p.press {padding:6px 0 0 14px;}
body#showpage #content p.pressauthor {color:#990000;padding:6px 0 10px 14px;}


body#showpage #content .sectionfoot {padding-bottom:10px;}

body#showpage #content .agewarning {font: italic normal 700 12px/1 georgia, arial, sans-serif;color:#990000;float:right;clear:both;}
body#showpage #content .presscommentsection, body#showpage #content .relatedevents, body#showpage #content .relatedoptions {margin:15px 0 20px 0;border-top:1px solid #d4dde1;background: transparent url(../images/pageimages/singleline.gif) 0 0 repeat-x;}
body#showpage #content .relatedevents ul {border: 0;margin: 10px 0 0 20px;padding: 0;list-style-image: url(../images/pageimages/bullet.gif);text-align: left;position:relative;}
body#showpage #content .userreviews {border-top:1px solid #d4dde1;background: transparent url(../images/pageimages/singleline.gif) 0 0 repeat-x;margin-bottom:10px;}
body#showpage #content .usercomments {background: transparent url(../images/pageimages/ureviewBG.gif) 0 0 no-repeat;padding:12px 0 10px 18px;border-bottom: 1px dotted #ccc;}
body#showpage #content .starrating  {display:block;margin:-5px 0 4px 0;}
body#showpage #content .relatedoptions {margin-top:20px;}
body#showpage #content blockquote p {display:inline;padding:0 14px 0 14px;background: url(../images/pageimages/rightquote.gif) right -4px no-repeat;}
body#showpage #content blockquote { background: url(../images/pageimages/leftquote.gif) top left no-repeat;}
body#showpage #content cite {font: normal normal 600 12px/1 georgia, arial, sans-serif;color:#990000;color:#990000;} 
body#showpage #content #informationtip {display:none;position:relative;}
body#showpage #content a:hover #informationtip {display: block;position: absolute; top: 100px; left: 310px; width: 125px;padding: 5px; margin: 10px; z-index: 100;color: #999; background: transparent;font: 10px Verdana, sans-serif; text-align: center;}

body#showpage #content form {position:relative;padding:0 14px 0 0px;margin:0;font: normal normal 600 12px/1 georgia, arial, sans-serif;color:#000;}
body#showpage #content form fieldset {border:1px solid #dedede;background-color:#efefef;padding:14px 10px 14px 10px;}
body#showpage #content form fieldset.alt {border-style:none;background-color:#fff;padding:0;margin:0;}
body#showpage #content form legend {display:none;}
body#showpage #content form label {}
body#showpage #content form input.userinput {margin-bottom:10px;width:240px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;}
body#showpage #content form img.forminfo {vertical-align:top;margin-left:10px;}
body#showpage #content form .comments {width:340px;height:150px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;margin-bottom:10px;}
body#showpage #content form input.radio {}
body#showpage #content form input.checkbox {}
body#showpage #content form .submit {float:right;margin-top:6px;border:1px solid #dedede;cursor:pointer;}

/* THEATRE BREAKS PAGE ======================================================= */
body#theatrebreakspage #sub-navigation #aboutus {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/aboutus.gif) 0px -18px no-repeat;}
body#theatrebreakspage #content {padding:0 0 15px 20px;}
body#theatrebreakspage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:0 0 4px 0;padding-top:10px;}
body#theatrebreakspage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#theatrebreakspage p.intro {color:#990000;font-weight:700;font-style:italic;padding-bottom:4px;margin:}
body#theatrebreakspage #content a {margin:0;padding:0 0 0 8px;}


/* PRESS AREA PAGE ======================================================= */
body#pressloginpage #content {padding: 0 0 15px 20px;}
body#pressloginpage #content h1, h2, h3 {font: normal normal 700 18px/1 georgia, arial, sans-serif;color:#000;margin:10px 0 4px 16px;}
body#pressloginpage #content h1 .emp {font: italic normal 600 14px/1 georgia, arial, sans-serif;color:#990000;}
body#pressloginpage #content p.intro {color:#990000;font-weight:700;font-style:italic;margin:0 0 4px 16px;}
body#pressloginpage #content p.content {color:#999;font-weight:600;margin:0 0 4px 16px;}

body#pressloginpage #content form {padding:0 14px 0 0px;margin:0;font: normal normal 600 12px/1 georgia, arial, sans-serif;color:#000;}
body#pressloginpage #content form fieldset {border:1px solid #dedede;background-color:#efefef;padding:14px 10px 14px 10px;}
body#pressloginpage #content form fieldset.alt {border-style:none;background-color:#fff;padding:0;margin:0;}
body#pressloginpage #content form legend {display:none;}
body#pressloginpage #content form label {}
body#pressloginpage #content form input.userinput {margin-bottom:10px;width:240px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;}
body#pressloginpage #content form img.forminfo {vertical-align:top;margin-left:10px;}
body#pressloginpage #content form .comments {width:340px;height:150px;border:3px double #999;font: normal normal 600 12px/1 georgia, arial, sans-serif;margin-bottom:10px;}
body#pressloginpage #content form input.radio {}
body#pressloginpage #content form input.checkbox {}
body#pressloginpage #content form .submit {float:right;margin-top:6px;border:1px solid #dedede;cursor:pointer;}

body#pressloginpage #content #pressdata dl {margin-left:20px;}
body#pressloginpage #content #pressdata dd {padding: 0 0 10px 0}


/* MODULE SECTION STYLING (TOP TO BOTTOM OF SITE)
========================================================================== */

/* RSS DIGG AND PODCAST
========================================================================== */
#extras {width:198px;background-color:#000;display:block;height:20px;margin-bottom:5px;padding-bottom:1px;}
#extras ul {margin:0;padding:0;border: 0;list-style-type: none;text-align: left;clear:both;}
#extras li {display: block;float: left;text-align: left;padding: 0;margin: 0;color:#fff;}
#extras li img {padding:2px  0 0 5px;}
#extras li.end {padding:4px 0 0 10px;font: normal normal 600 10px/1 georgia, arial, sans-serif;color:#fff;vertical-align:middle;}

/* SUB NAVIGATION STYLING
========================================================================== */
#sub-navigation {width:200px;position:relative;display:block;padding:0;margin:-4px 0 0 0;}
#sub-navigation ul {border: 0;margin: 0;padding: 0;list-style-type: none;text-align: left;}
#sub-navigation ul li {display: block;float: left;text-align: left;padding: 0;margin: 0;}
#leftcol {float:left;width:98px;}
#rightcol {float:right;width:98px;margin-right:3px;}

#sub-navigation #aboutus {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/aboutus.gif) 0px 0px no-repeat;}
#sub-navigation #restaurants {width:98px;height:37px;margin:0 0 0 0;padding:0;background:transparent url(../images/subnavigation/restaurant.gif) 0px 0px no-repeat;}
#sub-navigation #booking {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/bookinginfo.gif) 0px 0px no-repeat;border-top:1px solid #fff;}
#sub-navigation #history {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/history.gif) 0px 0px no-repeat;border-top:1px solid #fff;}
#sub-navigation #visualarts {width:98px;height:36px;margin:0;padding:0;background:transparent url(../images/subnavigation/visualarts.gif) 0px 0px no-repeat;border-top:1px solid #fff;}
#sub-navigation #downloads {width:98px;height:36px;margin:0;padding:0;background:transparent url(../images/subnavigation/download.gif) 0px 0px no-repeat;border-top:1px solid #fff;}
#sub-navigation #sponsorship {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/sponsorship.gif) 0px 0px no-repeat;border-top:1px solid #fff;}
#sub-navigation #feedback {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/feedback.gif) 0px 0px no-repeat;border-top:1px solid #fff;}
#sub-navigation #education {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/education.gif) 0px 0px no-repeat;border-top:1px solid #fff;}
#sub-navigation #jobs {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/jobs.gif) 0px 0px no-repeat;border-top:1px solid #fff;}
#sub-navigation #conferences {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/conferences.gif) 0px 0px no-repeat;border-top:1px solid #fff;}
#sub-navigation #yourvisit {width:98px;height:18px;margin:0;padding:0;background:transparent url(../images/subnavigation/yourvisit.gif) 0px 0px no-repeat;}


#sub-navigation #aboutus a:hover {background:transparent url(../images/subnavigation/aboutus.gif) 0px -18px no-repeat;}
#sub-navigation #restaurants a:hover {background:transparent url(../images/subnavigation/restaurant.gif) 0px -37px no-repeat;}
#sub-navigation #booking  a:hover {background:transparent url(../images/subnavigation/bookinginfo.gif) 0px -18px no-repeat;}
#sub-navigation #history  a:hover {background:transparent url(../images/subnavigation/history.gif) 0px -18px no-repeat;}
#sub-navigation #visualarts a:hover {background:transparent url(../images/subnavigation/visualarts.gif) 0px -36px no-repeat;}
#sub-navigation #downloads a:hover {background:transparent url(../images/subnavigation/download.gif) 0px -36px no-repeat;}
#sub-navigation #sponsorship a:hover {background:transparent url(../images/subnavigation/sponsorship.gif) 0px -18px no-repeat;}
#sub-navigation #feedback a:hover {background:transparent url(../images/subnavigation/feedback.gif) 0px -18px no-repeat;}
#sub-navigation #education a:hover {background:transparent url(../images/subnavigation/education.gif) 0px -18px no-repeat;}
#sub-navigation #jobs a:hover {background:transparent url(../images/subnavigation/jobs.gif) 0px -18px no-repeat;}
#sub-navigation #conferences a:hover {background:transparent url(../images/subnavigation/conferences.gif) 0px -18px no-repeat;}
#sub-navigation #contactus a:hover {background:transparent url(../images/subnavigation/contactus.gif) 0px -18px no-repeat;}
#sub-navigation #yourvisit a:hover {background:transparent url(../images/subnavigation/yourvisit.gif) 0px -18px no-repeat;}


#sub-navigation #aboutus a:focus {background:transparent url(../images/subnavigation/aboutus.gif) 0px -36px no-repeat;}
#sub-navigation #restaurants a:focus {background:transparent url(../images/subnavigation/restaurant.gif) 0px -74px no-repeat;}
#sub-navigation #booking a:focus {background:transparent url(../images/subnavigation/bookinginfo.gif) 0px -36px no-repeat;}
#sub-navigation #history a:focus {background:transparent url(../images/subnavigation/history.gif) 0px -36px no-repeat;}
#sub-navigation #visualarts a:focus {background:transparent url(../images/subnavigation/visualarts.gif) 0px -72px no-repeat;}
#sub-navigation #downloads a:focus {background:transparent url(../images/subnavigation/download.gif) 0px -72px no-repeat;}
#sub-navigation #sponsorship a:focus {background:transparent url(../images/subnavigation/sponsorship.gif) 0px -36px no-repeat;}
#sub-navigation #feedback a:focus {background:transparent url(../images/subnavigation/feedback.gif) 0px -36px no-repeat;}
#sub-navigation #education a:focus {background:transparent url(../images/subnavigation/education.gif) 0px -36px no-repeat;}
#sub-navigation #jobs a:focus {background:transparent url(../images/subnavigation/jobs.gif) 0px -36px no-repeat;}
#sub-navigation #conferences a:focus {background:transparent url(../images/subnavigation/conferences.gif) 0px -36px no-repeat;}
#sub-navigation #yourvisit a:focus {background:transparent url(../images/subnavigation/yourvisit.gif) 0px -36px no-repeat;}

#sub-navigation ul li a {position:relative;padding: 0;margin: 0;display: block;height:18px;}
#sub-navigation ul li a.large {position:relative;padding: 0;margin: 0;display: block;height:100%;}

/* CALENDAR SECTION STYLING 
========================================================================== */
#calendar {width:200px;margin:0;padding:0;border-top:1px solid #fff;}
#calendar table {position:relative;width:198px;text-align:center;background-color:#000;font-family: arial, sans-serif;}
#calendar table caption {text-align:center;background-color:#000;color:#fff;font: normal normal 700 14px/1.4 arial, sans-serif;padding:7px 0 9px 0;border-right:1px solid #fff;}
#calendar table, .calendar-prev a, .calendar-next a {color:#fff;text-decoration:none;}
#calendar table, .calendar-prev a:hover, .calendar-next a:hover {color:#cc3333;text-decoration:none;}
#calendar table th {text-align:center;color:#fff;background-color:#cc3333;border:1px solid #fff;border-left:none;}
#calendar table th.wkend {background-color:#ff6666;border-left:none;}

#calendar table td {text-align:center;color:#fff;background-color:#707b81;border:1px solid #fff;border-left:none;padding-top:2px;}
#calendar table td span.today {color:#000;font-weight:700;}
#calendar table td a {color:#fff;text-decoration:none;display:block;width:24px;height:19px;font: normal normal 600 12px/1.4  arial, sans-serif;}
#calendar table td a:hover {color:#ff6666;}

/* SERCH FACILITY SECTION
========================================================================== */
#search-facility {width:198px;padding:0;clear:both;display:block;}
#searchform {margin-top:10px;background-color:#707b81;color:#fff;}
#searchform h3, #newsletterform h3 {display:inline;color:#fff;font: normal normal 700 18px/1.4 georgia, arial, sans-serif;margin-left:10px;}
#searchform .normaltext {font: normal normal 600 12px/1.4 georgia, arial, sans-serif;}
#searchform h4 {padding:0 10px 0 10px;font: italic normal 600 11px/1.4 georgia, arial, sans-serif;}
#searchform #keyword, #subscriber {margin-left:10px;width:170px;font: normal normal normal 12px/1.4 georgia, arial, sans-serif;} 

/* SEARCH BOX
========================================================================== */
#searchform fieldset.alt {padding-top:6px;}
#searchform fieldset.alt1 {margin-top:10px;background-color:#eaeaea;color:#000;border-bottom:1px solid #fff;border-top:1px solid #fff;}
#searchform #formleft {width:90px;position:relative;margin:0 0 0 10px;padding:0;float:left;background-color:#eaeaea;}
#searchform #formright {float:right;width:90px;position:relative;margin:0;padding:0 0 6px 0;background-color:#eaeaea;}
#searchform fieldset.alt2 {margin-top:0px;background-color:#707b81;color:#fff;border-bottom:1px solid #eaeaea;}
#searchform span.matchwidth {padding-left:24px;}
#searchform input.check {}
#searchform #search {position:relative;display:block;width:198px;height:29px;text-align:left;}

/* NEWS LETTER SECTION
========================================================================== */
#newsletter, #giftvoucher {width:198px;padding:0;clear:both;display:block;margin-bottom:10px;}
#newsletterform {margin-top:10px;background-color:#000;color:#fff;height:88px;}
#newsletterform fieldset.alt {padding-top:6px;}
#newsletterform  #signup {float:right;margin-top:6px;}

/* SEATING PLAN NAVIGATION
========================================================================== */
#seatingnavigation {width:198px;padding:0;clear:both;display:block;margin-bottom:0px;}
#seatingnavigation .title {background-color:#000;color:#fff;padding:10px 0;}
#seatingnavigation h2 {display:inline;color:#fff;font: normal normal 700 18px/1.4 georgia, arial, sans-serif;margin-left:10px;}
#seatsubnav {}

/* SEATING INSTRUCTIONS
========================================================================== */
#seatinginstructions {background-color:#000;color:#fff;width:198px;border-top:1px solid #fff;margin-bottom:10px;}
#seatinginstructions p {padding:10px;}

/* SEATING PAGE ========================================================== */
#festivalseats {width:559px;height:600px;margin-top:0px;background: transparent url(/images/seating/festivalseatingcircle.gif) 0 0 no-repeat;}
#festivalseatsstalls {width:559px;height:660px;margin-top:0px;background: transparent url(/images/seating/festivalseatingstalls.gif) 0 0 no-repeat;}

/* HOVER IMAG/LINK Code
----------------------------------------------------------------------*/
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	margin-left:40px;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview, .hoverbox a .preview2, .hoverbox a .preview3, .hoverbox a .preview4, .hoverbox a .preview5, .hoverbox a .preview6
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -13px;
	left: -45px;
	z-index: 1;
}

.hoverbox a:hover .preview2
{
	display: block;
	position: absolute;
	top: 1px;
	left: 15px;
	z-index: 1;
}

.hoverbox a:hover .preview3
{
	display: block;
	position: absolute;
	top: 20px;
	left: -10px;
	z-index: 1;
}

.hoverbox a:hover .preview4
{
	display: block;
	position: absolute;
	top: 10px;
	left: 7px;
	z-index: 1;
}
.hoverbox a:hover .preview5
{
	display: block;
	position: absolute;
	top: 20px;
	left: -10px;
	z-index: 1;
}

.hoverbox a:hover .preview6
{
	display: block;
	position: absolute;
	top: 10px;
	left: 5px;
	z-index: 1;
}

.hoverbox img
{
	background: transparent;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
}

.hoverbox li
{
	background: transparent;
	/*border-style: none; */
	color: inherit;
	display: inline;
	float: left;
	position: relative;
}

/* Festival Theatre - Circle HOT LINK POSITIONS
-------------------------------------------------- */
li.one  {margin:16px 0 0 65px;}
li.two {margin:16px 0 0 0px;}
li.three {margin:16px 0 0 0px;}
li.four,li.seven {margin:0 0 0 65px;}

li.ten {margin:40px 0 0 49px;clear:both;}
li.eleven {margin:40px 0 0 348px;}
li.tweleve {margin:0 0 0 56px;clear:both;}
li.thirteen {margin-left:333px;}

/* Festival Theatre - Stalls - HOT LINK POSITIONS 
---------------------------------------------------*/
li.stallsone  {margin:41px 0 0 39px;}
li.stallstwo, li.stallsthree {margin:41px 0 0 0px;}
li.stallsfour, li.stallsseven, li.stallsten, li.stallsthirteen  {margin-left:39px;}


/* Forum Theatre HOT LINK POSITIONS
-------------------------------------------------- */
li.forumone {margin:31px 0 0 5px;}
li.forumtwo, li.forumthree {margin-top:31px;}
li.forumfour {margin-left:5px;}
li.forumseven {margin-left:5px;}
li.forumten {margin-left:5px;}
li.forumthirteen {margin-left:5px;}


.hoverbox .preview
{
	border-color: #fff;
	padding: 0px;
	height: 124px;
	width:165px;
}
.hoverbox .preview2
{
	border-color: #fff;
	width:185px;
	height: 104px;
	padding: 0px;
}
.hoverbox .preview3
{
	border-color: #fff;
	padding: 0px;
	height: 124px;
	width:165px;
}
.hoverbox .preview4
{
	border-color: #fff;
	width:185px;
	height: 104px;
	padding: 0px;
}

.hoverbox .preview5
{
	border-color: #fff;
	padding: 0px;
	height: 124px;
	width:165px;
}
.hoverbox .preview6
{
	border-color: #fff;
	width:185px;
	height: 104px;
	padding: 0px;
}

#forumseats {width:559px;height:660px;margin-top:0px;background: transparent url(/images/seating/forumseating.gif) 0 0 no-repeat;}


/* SFX AND TRICKS
========================================================================== */
.image-block{
	display: block;
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
	text-decoration: none;
	letter-spacing: -9999px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix{
     border: 0;
     clear: both;
     display: block;
     float: none;
     margin: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
	}
	.clearer
{
	clear: both;
	height: 1px;
}