@charset "utf-8";
/* CSS Document */
body {
  background: #fff url(/css-images/bafc-01.png) repeat-x top;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.85em;
  line-height: 1.7em;
  color: #000;
  }

p a {
  /* background: #ffd204; */
  color: #000;
  font-weight: bold;
  border-bottom: dashed 1px #000;
  padding-bottom: 1px;
  }
  
p a:hover {
  background: #000;
  color: #fff;
  } 


p {
  margin-bottom: 0.85em;
  } 
  
p.bold, span.bold {
  font-weight: bold;
  }
  
p.intro, span.intro {
  font-weight: bold;
  font-size: 1.25em;
  }

img.homepage-banner {
  margin-left: -13px;
  }

a.book-now {
  background: #ffd204;
  padding: 2px;
  }
 

#background {
  background: url(/css-images/bafc-02.png) no-repeat;
  background-position: center 129px;
  height: 400px;
}    
  
#wrap { 
  margin: 0 auto;
  width: 960px;
  text-align: left;
  }
 
/* ---------- HEADER -------- */ 
  
#header {
  height: 129px;
  background: url(/css-images/bafc-01.jpg) no-repeat bottom center;
  }
  
h1 {
  text-indent: -9999px;
  background: url(/css-images/bafc-logo.gif) no-repeat;
  float: left;
  }
  
h1 a {
  display: block;
  width: 200px;
  height: 129px;
  }
  
#navigation {
  margin: 0 0 0 100px;
  float: left;
  }
  
#sub-nav {
  height: 37px;
  float: right;
  font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: .85em;
  font-weight: bold;
  }
  
#sub-nav li {
  display: inline;
  margin-left: 2em;
  }
#sub-nav li a {
  color: #000;
  }

#sub-nav li a:hover {
  background: #000;
  color: #fff;
  padding: 4px 0;
  }
  
body#home a#homenav,
body#sitemap a#sitemapnav,
body#contactsub a#contactsubnav {
  background: #000;
  color: #fff;
  padding: 4px;
  }

#main-nav {
  font-size: 0.85em;
  }
  
ul#main-nav {
  height: 56px;
  text-align: left;
  width: 660px;
  }
        
ul#main-nav li {
  float: left;
  position: relative;
  text-indent: -9999px;
  z-index:10;
  }
        
ul#main-nav li a {
  display: block;
  overflow: hidden;
  height: 56px;
  background: url(/css-images/nav-bar.gif);
  }
ul#main-nav li#whats-on a { width: 93px; background-position: 0 0; }
ul#main-nav li#ticket-info a { width: 94px; background-position: -93px 0; }
ul#main-nav li#venue-info a { width: 94px; background-position: -187px 0; }
ul#main-nav li#venue-hire a { width: 94px; background-position: -281px 0; }
ul#main-nav li#arts-community a { width: 94px; background-position: -375px 0; }
ul#main-nav li#art-gallery a { width: 95px; background-position: -469px 0; }
ul#main-nav li#about-us a { width: 96px; background-position: -564px 0; }
ul#main-nav li#whats-on a:hover, body#whats-on-page ul#main-nav a#whats-onnav { width: 93px; background-position: 0 -56px; }
ul#main-nav li#ticket-info a:hover, body#ticket-info-page ul#main-nav a#ticket-infonav { width: 94px; background-position: -93px -56px; }
ul#main-nav li#venue-info a:hover, body#venue-info-page ul#main-nav a#venue-infonav { width: 94px; background-position: -187px -56px; }
ul#main-nav li#venue-hire a:hover, body#venue-hire-page ul#main-nav a#venue-hirenav { width: 94px; background-position: -281px -56px; }
ul#main-nav li#arts-community a:hover, body#arts-community-page ul#main-nav a#arts-communitynav { width: 94px; background-position: -375px -56px; }
ul#main-nav li#art-gallery a:hover, body#art-gallery-page ul#main-nav a#art-gallerynav { width: 95px; background-position: -469px -56px; } 
ul#main-nav li#about-us a:hover, body#about-us-page ul#main-nav a#about-usnav { width: 96px; background-position: -564px -56px; } 

/* --------- dropdownn --------- */
ul#main-nav li ul {
  position: absolute;
  top: 56px;
  left: 0;
  margin-left:-999em;
  background: #ffd204;
  width: 180px;
  }
        
ul#main-nav li ul li {
  height: auto;
  clear: left;
  width: 180px!important;
  text-indent: 0;
  }
        
ul#main-nav li ul li a {
  background: #ffd204;
  height: auto;
  width: 180px!important;
  padding: 3px;
  color: #000;
  border-bottom: solid 1px #fff;
  text-align: left;
  font-size: 1.25em;
  }
        
ul#main-nav li ul li a:hover {
     background: #000;
     color: #fff;
  }
        
ul#main-nav li:hover ul, ul#main-nav li.iehover ul {
  margin-left:0;
  }
  
/* ------- test about us ------ */ 
 
  
ul#main-nav li#about-us ul#last {
  position: absolute;
  top: 56px;
  margin-right: -999em;
  width: 90px;
  }
  
ul#main-nav li#about-us ul#last li {
  height: auto;
  clear: left;
  width: 90px!important;
  text-indent: 0;
  }
  
ul#main-nav li#about-us ul#last li a {
  height: auto;
  width: 180px!important;
  margin-left: -90px;
  }
  

/* -------- homepage layout --------- */

   
 
    
    
#main-content {
  background: url(/css-images/bafc-03.gif) repeat-y;
  float: left;
  width: 960px;
  }    
    
#sidebar {
  overflow: visible;
  padding-bottom: 40px;
  }    
    
 
#sidebar h2.whats-on,
#sidebar h2.ticket-info,
#sidebar h2.venue-info,
#sidebar h2.venue-hire,
#sidebar h2.arts-community,
#sidebar h2.art-gallery,
#sidebar h2.about-us {
  background: url(/css-images/header-whats-on.gif) no-repeat;
  width: 351px;
  height: 98px;
  text-indent: -9999px;
  margin-left: -71px;
  display: block;
  } 
  
#sidebar h2.ticket-info {
  background: url(/css-images/header-ticket-info.gif) no-repeat;
  }

#sidebar h2.venue-info {
  background: url(/css-images/header-venue-info.gif) no-repeat;
  }

#sidebar h2.venue-hire {
  background: url(/css-images/header-venue-hire.gif) no-repeat;
  }

#sidebar h2.arts-community {
  background: url(/css-images/header-arts-community.gif) no-repeat;
  }

#sidebar h2.art-gallery {
  background: url(/css-images/header-art-gallery.gif) no-repeat;
  }

#sidebar h2.about-us {
  background: url(/css-images/header-about-us.gif) no-repeat;
  }
 
#main-body {
  overflow: visible;
  }
  
#breadcrumbs {
  color: #fff;
  height: 44px;
  }
  
#breadcrumbs ul {
  height: 44px;
  padding-top: 6px;
  }
  
#breadcrumbs li {
  display: inline;
  font-size: 12px;
  }
  
#breadcrumbs li a {
  background:url(/css-images/breadcrumb.gif) no-repeat right center;
  padding: 4px 26px 4px 0;
  font-weight: bold;
  color: #ffd204;
  }
  
#breadcrumbs li a:hover {
  color: #fff;
  }
  
#content {
  width: 660px;
  }
#end-content {
   background: url(/css-images/end-main-content.gif) no-repeat bottom;
   height: 126px;
   float: left;
   }
   
 #footer {
   background: #292929 url(/css-images/bafc-02.jpg) repeat-x top;
   width: 100%;
   border-bottom: solid 1px #292929;
   }
   
 #footer-wrap, #footer-wrap-homepage {
   background: url(/css-images/bafc-04.png) no-repeat top;
   margin: 0 auto;
   width: 960px;
   text-align: left;
   padding: 60px 0 0 0;
   color: #fff;
   font-size: 1.15em;
   }

 #footer-wrap-homepage {
   background: url(/css-images/bafc-07.png) no-repeat top;
   }
   
 #footer-end {
   background: #ffd204 url(/css-images/bafc-05.png) repeat-x top;
   width: 100%;
   font-family: 'Century Gothic', Arial, Verdana, sans-serif;
   font-size: 1.5em;
    padding: 20px 0 10px 0;
   margin: 0;
   }
   
 #footer-end-wrap {
   margin: 0 auto;
   width: 960px;
   }
   
 #footer-end-wrap p {
   margin: 0;
   padding: 0; 
   }

    
/* -------- format sidebar -------- */
#sidebar ul {
  overflow: visible;
  width: 198px;
  }    
    
#sidebar li a {
  display: block;
  border-bottom: solid 1px;
  width: 100%;
  padding: 4px 4px 4px 18px;
  color: #000;
  }
  
#sidebar li.more a {
  /* background: url(/css-images/icon-plus.gif) no-repeat 4px center; */
  }
  
#sidebar li a:hover {
  /* background: #000 url(/css-images/icon-plus-over.gif) no-repeat 4px center; */
  background-color: #000;
  color: #fff;
  border-bottom: solid 1px #000;
  }
  
#sidebar li a#current {
  color: #ffd204;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: dashed 1px #ffd204;
  font-size: 1.1em;
  background: #000;
  }
#sidebar ul ul li a {
  background: #ffe87c;
  color: #000;
  border-bottom: solid 1px #ffd204;
  }
  
#sidebar ul ul li a:hover {
  background: #000;
  color: #fff;
  }

#sidebar ul ul li a#sub-current {
  font-weight: bold;
  }
  
  #sidebar #event-info h3 {
  /* background: #ffe87c;
  padding: 1px 4px;
  font-size: 1.25em; */
  margin-top: 1.25em;
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.75em;
  font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
  }
  
#sidebar #event-info p {
  padding: 4px;
  }
  
#sidebar #event-info a {
  background: #fff;
  font-weight: bold;
  color: #000;
  }
  
/* -------- format main content area -------- */

#secondary-home {
  margin-top: 1em;
}

#secondary-home h3.emphasis {
  margin-bottom: 0;
  border-bottom: solid 1px #fff;
  }

#secondary-home img.online-bookings {
  margin-bottom: 1em;
}



ul#home-whatson-list li a {
  background: none;
  padding: 0.5em 0;
  border-bottom: solid 1px #fff;
  width: 220px;
  }

#secondary-home ul#exh-list li, #secondary-home ul#upcoming-exh-list li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  }

#secondary-home ul#exh-list li a, #secondary-home ul#upcoming-exh-list li a {
  display: block;
  border-bottom: solid 1px #fff;
  background: #ffd204;
  list-style-type: none;
  padding: 0.6em;
  margin: 0;
  }

#content #secondary-home ul#exh-list a:hover, #secondary-home ul#upcoming-exh-list li a:hover {
  background: #000;
  }

#content ul#portfolio {/* homepage image transitions */
  margin: 12px 0 0 0;
  padding: 0;
  }

#content ul#portfolio li {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#content ul#portfolio li a {
  background: none;
  border: none;
  }

#content ul#portfolio li a:hover {
  background: none;
  border: none;
  }

#content #home-media-releases {
  margin-top: 2em;
  }

#content #home-media-releases h4 {
  font-size: 1.45em;
  line-height: 1.5em;
  padding: 1px;
  margin-top: 1em;
  }

#content #home-media-releases h4 a {
  border-bottom: none;
  }

#content #home-media-releases h5 {
  margin-bottom: 0; 
  display: block;  }

#content #home-media-releases p {
  margin: 0;
  }

#content #home-media-releases {
  padding-bottom: .75em;
  }


#content a {
  font-weight: bold;
 /*  background: #ffd204; */
  color: #000;
  border-bottom: dashed 1px #000;

  }

#content a:hover {
  background: #000;
  color: #fff;
  }

/* #content h2 {
  background: url(/css-images/header-main-content.gif) no-repeat left top;
  width: 650px;
  height: 50px;
  display: block;
  font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
  margin-left: -10px;
  font-size: 2em;
  padding: 20px 0 0 20px;
  line-height: 1.75em;
  } */
  
#content h2 {
  font-size: 1.75em;
  padding-top: 24px;
  background: #fff url(/css-images/header-sub-content.gif) no-repeat left top;
  padding: 30px 10px 6px 10px;
  height: auto;
  line-height: 1.15em;
  margin-left: 0;
  margin-bottom: 20px;
  width: 640px;
  /* margin-bottom: 1em; */
  }
  
#content h3 {
  color: #000;
  font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.5em 0;
  }

#content h3.emphasis {
  color: #fff;
  font-size: 1.5em;
  font-weight: normal;
  padding: 4px;
  background: #000;
  }
  
#content h3.emphasis a {
  display: block;
  color: #fff;
  background: #000;
  font-weight: normal;
  }
  
#content h3.emphasis a:hover {
  color: #ffd204;
  }

#content h3.yellowbg {
  background: #ffd204;
  padding: .5em;
  }

#content h4.date {
  font-family: 'Century Gothic', Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 0.5em;
  } 
  
#content .event {
  width: 100%;
  margin-top: 0.5em;
  }
  
#content .img-thumb {
  }
  
#content .snippet {
  }
  
#content img.right {
 float: right;
 margin: 0 0 1em 1em;
 }

#content p.book-now a, #content span.book-now a {
  display: block;
  width: 120px;
  height: 26px;
  background: transparent url(/css-images/book-now.gif) no-repeat;
  text-indent: -9999px;
  float: right;
  margin: 1em 0 0 1em;
  border-bottom: none;
  }
  
#content p.more-info a, #content span.more-info a {
  display: block;
  width: 120px;
  height: 26px;
  background: transparent url(/css-images/more-info.gif) no-repeat;
  text-indent: -9999px;
  float: right;
  margin-top: 1em;
  border-bottom: none;
  }
  
#content p.more-info a:hover, #content span.more-info a:hover {
  background: url(/css-images/more-info-over.gif) no-repeat;
  }
  
#content p.book-now a:hover, #content span.book-now a:hover {
  background: url(/css-images/book-now-over.gif) no-repeat;
  }
 
#content #mini-nav {
  background: #000;
  font-size: .8em;
  float: right;
  width: auto;
  margin-bottom: 1em;
  padding: 1px 8px;
  font-weight: bold;
  margin-top: -20px;
  }

#content #mini-nav ul {
  margin-bottom: 0;
  }
  
#content #mini-nav li {
  display: inline;
  background: none;
  padding-left: 0;
  margin-left: 0;
  }
  
#content #mini-nav li a {
  padding: 0 4px;
  color: #fff;
  font-weight: bold;
  border-bottom: none;
  background: none;
  }

#content #mini-nav li a.book-online-now {
  color: #ffd204;
  font-size: 1.25em;
  }

#content #mini-nav li a:hover.book-online-now {
  color: #000;
  }

#content #mini-nav a:hover {
  background: #ffd204;
  color: #000;
  }
  
#content .image-right {
  float: right;
  padding: 0 0 0 12px;
    }
    
#content .image-right p.caption {
  line-height: 1.25em;
  margin-top: 0.25em;
  }

#content .right {
  float: right;
  }

#content .box h4 {
  text-align: center;
  background: #ffd204;
  padding: 2px;
  }

#content ul {
  margin-bottom: 20px;
  }

#content li {
  list-style-type: disc;
  padding-left: 10px;
  margin: 3px 0 3px 20px;
  }

#content li.bullet-yellow {
  background: url(/css-images/bafc-06.png) no-repeat left center;
  padding: 4px 0 4px 20px;
  margin-left: 0;
  }

#content li.pdf, #content li.word {
  list-style-type: none;
  background: url(/css-images/PDF.png) no-repeat left center;
  border-bottom: solid 1px #ffd204;
  width: 220px;
  margin-left: 0;
  padding: 0;
  }

#content li.word {
  background: url(/css-images/word.png) no-repeat left center;
  }

#content li.pdf a, #content li.word a {
  color: #000;
  background: none;
  border: none;
  display: block;
  padding: 6px 0 6px 30px;
  }

#content li.pdf a:hover {
  color: #fff;
  background: #000 url(/css-images/PDF.png) no-repeat left center;
  }

#content li.word a:hover {
  color: #fff;
  background: #000 url(/css-images/word.png) no-repeat left center;
  }
  
 #content dl {
 margin-bottom: 1em; 
  }
  
#content dt {
  float: left;
  width: 60%;
  font-weight: bold;
  padding: 2px 0;
  border-bottom: dashed 1px #000;
  }
 
#content dd {
  float: left;
  width: 40%;
  border-bottom: dashed 1px #000;
  padding: 2px 0;
  }
  
#content dl.book {
  margin-top: 0.5em;
  }
  
#content dl.book dt, #content dl.book dd {
  float: none;
  width: 100%;
  border: none;
  }
  
#content dl.book dt {
  font-size: 1.25em;
  }
  
#content dl.book dd {
  margin-bottom: 0.5em;
  }

#sitemap a {
  color: #000;
  }

ul#sitemap {
 font-size: 1.15em;
 font-weight: bold;
 margin: 40px 0;
 }


ul#sitemap li a, ul#sitemap li li a {
  background: #ffd204;
  }

ul#sitemap li a:hover {
  background: #000;
  color: #fff;
  }

ul#sitemap li li li a {
  background: none;
  }

ul#sitemap ul {
  padding-left: 20px;
  font-size: 1em;
  margin: 20px 0 10px 0;
  }

ul#sitemap ul ul {
  font-size: 0.9em;
  margin: 10px 0;
  }

ul#sitemap ul ul ul {
  font-weight: normal;
  margin: 5px 0;
  }

form {
  margin: 2em 0;
  }

label {
 float: left;
 width: 10em;
 }
 
 input {
   width: 15em;
   background: #ffd204;
   padding: .25em;
   border: solid 1px #000;
   }
   
 input#postcode {
   width: 5em;
    }
    
input#submit, input#reset {
  width: 5em;
  background: #ffd204;
  }

/* -------- sidebar banner ------- */

#sidebar-banner {
  background: url(/css-images/sidebar-banner.png) no-repeat;
  width: 321px;
  height: 372px;
  margin-top: 40px;
  margin-left: -61px;
  }

#sidebar-banner img.banner-side {
  margin-top: 54px;
  margin-left: 51px;
  }


#sub-season a.small-banner {
  border: none;
  background: none;
  }

#sub-season ul {
  background: #000;
  margin-top: -4px;
  margin-bottom: -1px;
  }

#sub-season ul li {
  list-style-type: none;
  color: #fff;
  margin: 0;
  font-weight: normal;
  line-height: 1.25em;
  font-size: 1em;
  border-bottom: solid 1px #fff;
  padding: 0.5em;
  }

#sub-season ul li a {
  color: #fff;
  }

#sub-season ul li a:hover {
  color: #8c0303;
  }

#sub-season h3.emphasis {
  color: #ffd204;
  font-size: 1.5em;
  font-weight: normal;
  padding: 4px;
  background: #000;
  }

#sub-season h3.emphasis a {
  font-weight: bold;
  color: #ffd204;
  }

#sub-season .end-box {
  background: #000;
  width: 100%;
  height: 30px;
  margin-top: -2px;
  }

#whats-on-main ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0
  }

#whats-on-main ul li a {
  border-bottom: solid 1px #000;
  list-style-type: none;
  display: block;
  font-weight: normal;
  }

#whats-on-main h3 {
  background: #000;
  color: #ffd204;
  padding: 4px;
  font-weight: normal;
  }

#whats-on-main h3 a {
  color: #ffd204;
  }


#notice {
  background: #b61a03;
  font-size: .9em;
  color: #fff;
  padding: .25em;
  line-height: 1.5em;
  }


.info-box {
  background: #ffd204;
  padding: .5em;
  margin-top: 4em;
  }


p.reddot, span.reddot {
  color: red;
  }