/* CSS Document */

* {
 margin: 0; padding: 0;
}
html {
 background-color: #eeeeee; font-size: 62.5%; overflow-y: scroll;
}
body {
 background-color: #ffffff; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; color: #222222; font-family: verdana, sans-serif; font-size: 1.3em; margin: 0 auto; padding: 10px; width: 960px;
}

/* Page layout */

#header {
 background-color: #dddddd; font-family: arial, sans-serif; font-size: 0.9em; height: 2em; margin: 0 0 5px 0;
}
	#header p {
	 float: left; margin: 0; padding: 5px;
	}
	#header ul {
	 float: right; list-style-type: none; margin: 0; padding: 5px;
	}
		#header ul li {
		 float: left; margin: 0 5px 0 15px;
		}
	#header a {
	 color: #222222; text-decoration: none;
	}
		#header a:hover {
		 border-bottom: 1px solid #222222;
		}

#logo {
 clear: both; height: 120px; margin: 5px 0 0 0; position: relative;
}
	#logo img {
	 border: 0; float: none; margin: 0;
	}
	#logo p {
	 background-color: #ffffff; font-family: tahoma, sans-serif; font-size: 1.3em; font-weight: bold; left: 700px; letter-spacing: 0.5px; position: absolute; padding: 5px 0; text-align: center; top: 10px; width: 250px; z-index: 1;
	}

#title {
 background-color: #888888; margin: 5px 0 0 0; padding: 5px;
}
	#title form {
	 float: left; margin: 0; width: 205px;
	}
		#title form fieldset {
		 border: 0; padding: 0;
		}
			#title form fieldset legend {
			 display: none;
			}
			#title form fieldset input {
			 width: 163px;
			}
				#title form fieldset input#submit {
				 width: 23px;
				}

h1 {
 color: #ffffff; font-family: tahoma, sans-serif; font-size: 1.6em; font-weight: normal; line-height: 1.1em; margin: 0 10px 0 0;
}
h2 {
 color: #222222; font-family: arial, sans-serif; font-size: 1.2em; font-weight: bold; padding: 5px 0; line-height: 1.1em; margin: 10px 0;
}

a img {
 border: 0;
}

#navigation {
 float: left;
 font-family: arial, sans-serif;
 margin: 5px 0 5px 0;
 width: 200px;
}

#navigation ul {
    background-color: #a22100;
    border: 1px solid #a22100;
    list-style-type: none;
    margin: 0 0 10px 0; 
}

#navigation ul li {
	 background-color: #ffffff;
     margin: 0 0 0 10px;
}

#navigation ul li a {
	color: #222222;
    display: block;
    padding: 5px 5px 5px 10px;
    text-decoration: none;
    width: 173px;
}

#navigation ul li a:hover {
	 background-color: #b95940;
     color: #ffffff;
     text-decoration: underline;
}

#navigation ul li.open {
	 background-color: #b95940;
     color: #ffffff;
     font-weight: bold;
}

#navigation ul li.home {
	 background-color: #a22100;
     color: #ffffff;
     font-weight: bold;
     padding: 5px 5px 5px 0;
}

#navigation ul li.home a {
	 color: #ffffff;
     padding: 0;
}

#navigation ul li.home a:hover {
	 background-color: #a22100;
}

#navigation ul li.current {
	background-color: #b95940;
    color: #ffffff;
    display: block;
    font-weight: bold;
    padding: 5px 5px 5px 10px;
}

#navigation ul li ul {
	background-color: #b95940;
    border: 0;
    margin: 0;
}

#navigation ul li ul li {
    margin: 0 0 0 10px;
}

#navigation ul li ul li a {
	width: 163px;
}

#navigation ul li ul li a:hover {
	background-color: #d09080;
}

#navigation ul li ul li.current {
	background-color: #d09080;
}

#navigation ul li ul li.current a {
    color: #ffffff;
    padding: 0;
}

#mainContent {
 width: 540px; margin: 10px 10px 0 10px; float: left;
}
	#mainContent p {
	 margin: 0 0 10px 0;
	}
	#mainContent a, #mainContent a:visited {
	 color: #00629d; text-decoration: none;
	}
		#mainContent a:hover, #mainContent a:active {
		 text-decoration: underline;
		}	
		#mainContent .externalLink, #mainContent .externalLink:visited {
		 background: url("externalicon.gif") left 1px no-repeat; padding: 0 0 0 15px;
		}
		#mainContent .emailLink, #mainContent .emailLink:visited {
		 background: url("emailicon.gif") left 1px no-repeat; color: #50ae18; padding: 0 0 0 19px;
		}
	#mainContent img {
	 float: right; margin: 0 0 5px 10px;
	}
		#mainContent img.left {
		 float: left; margin: 0 10px 5px 0;
		}
	#mainContent ul {
	 list-style-type: none; margin: 0 0 10px 0;
	}
		#mainContent ul li {
		 background: url(bullet.gif) left 2px no-repeat; line-height: 1.2em; margin: 0 0 10px 0; padding: 0 0 0 20px;
		}

#subContent {
 float: left; font-family: arial, sans-serif; font-size: 0.9em; line-height: 1.1em; margin: 5px 0 5px 0; width: 200px;
}
	#subContent h2 {
	 border-bottom: 2px solid #bbbbbb; border-top: 2px solid #a22100; color: #222222; font-family: arial, sans-serif; font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0; padding: 5px 0 5px 0;
	}
	#subContent p {
	 line-height: 1.3em; margin: 0 0 10px 0;
	}
	#subContent ul {
	 list-style-type: none; margin: 5px 0 5px 0;
	}
		#subContent ul li {
		 background: url(bullet.gif) 0 1px no-repeat; line-height: 1.2em; padding: 0 0 5px 16px;
		}
			#subContent ul li a {
			 color: #222222; display: block; text-decoration: none;
			}
				#subContent ul li a:hover {
				 text-decoration: underline;
				}
	#subContent .info p {
	 margin: 0 0 2px 0;
	}
		#subContent .info p.date {
		 font-weight: bold;
		}
		#subContent .info p.tickets {
		 color: #ffffff; font-size: 1.1em; font-weight: bold; margin: 0 0 5px 0; text-align: center; width: 90px;
		}
			#subContent .info p.tickets a {
			 background-color: #a22100; color: #ffffff; display: block; padding: 3px 5px; text-decoration: none;
			}
			#subContent .info p.soldout {
			 background-color: #222222; padding: 3px 5px; width: 80px;
			}

#footer {
 background-color: #bbbbbb; clear: both; font-family: arial, sans-serif; font-size: 0.9em; height: 2em; width: 960px;
}
	#footer h2 {
	 display: none;
	}
		#footer ul {
		 float: right; list-style-type: none; margin: 5px 0 5px 0;
		}
			#footer ul li {
			 float: left; margin: 0 5px 0 15px;
			}
				#footer ul li a {
				 color: #222222; text-decoration: none;
				}
					#footer ul li a:hover {
					 border-bottom: 1px solid #222222;
					}

/* Homepage features */

#banners p {
 background-color: #dddddd; font-size: 1.4em; margin: 0 0 10px 0;
}
	#banners p a {
	 color: #222222; display: block; padding: 5px; text-decoration: none; width: 188px;
	}
	#banners p a:hover {
	 text-decoration: underline;
	}
	#banners a img {
	 border: 0;
	}

#mainFeature {
 width: 540px;
}
	#mainFeature a img {
	 border: 0; float: left; margin: 0 0 10px 0;
	}
	#mainFeature div {
	 float: right; margin: 0; width: 265px;
	}
	#mainFeature h2 {
	 border: 0; clear: none; font-family: tahoma, sans-serif; font-size: 1.4em; font-weight: normal; line-height: 1.1em; margin: 0 0 5px 0; padding: 0;
	}
		#mainFeature h2 a, #mainFeature h2 a:visited {
		 color: #222222; text-decoration: none;
		}
			#mainFeature h2 a:hover, #mainFeature h2 a:active {
			 text-decoration: underline;
			}
	#mainFeature p {
	 margin: 0 0 10px 0; width: 265px;
	}
		#mainFeature p.date {
		 color: #a22100; margin: 0 0 5px 0;
		}
		#mainFeature p.tickets {
		 color: #ffffff; font-weight: bold; margin: 0 0 10px 0; text-align: center;
		}
			#mainFeature p.tickets a {
			 background-color: #a22100; color: #ffffff; display: block; padding: 3px 5px; text-decoration: none; width: 80px;
			}
			#mainFeature p.soldout {
			 background-color: #222222; padding: 3px 5px; width: 80px;
			}

#update {
 background-color: #fffa73; clear: both; font-size: 1.4em; margin: 0 0 10px 0; padding: 10px;
}
	#update p {
	 margin: 0;
	}

#whatsOn {
 background: url(whatson-grey.gif) top left no-repeat; clear: both; height: 60px; margin: 10px 0 10px 0; width: 540px;
}
	#whatsOn p a {
	 display: block; height: 60px; text-indent: -4000px; width: 540px;
	}
	#whatsOn:hover {
	 background: url(whatson-white.gif);
	}

/* Show features */

#features {
}
	#features h2 {
	 border-bottom: 2px solid #bbbbbb; border-top: 2px solid #a22100;
	}

#mainContent .feature {
 background-color: #eeeeee; border: 1px solid #dddddd; clear: both; line-height: 1.3em; margin: 0 0 10px 0; overflow: visible; padding: 10px 10px 10px 10px;
}
	#mainContent .feature div {
	 float: right; width: 408px;
	}
	#mainContent .feature h2 {
	 border: 0; color: #222222; float: left; font-family: tahoma, sans-serif; font-size: 1.4em; font-weight: normal; line-height: 1.1em; margin: 0 10px 5px 0; padding: 0; width: 308px;
	}
		#mainContent .feature h2 a, #mainContent .feature h2 a:visited {
		 color: #222222; float: left; text-decoration: none;
		}
			#mainContent .feature h2 a:hover, #mainContent .feature h2 a:active {
			 text-decoration: underline;
			}
	#mainContent .feature p {
	 line-height: 1.3em; margin: 0 0 10px 0; width: 408px;
	}
		#mainContent .feature p.date {
		 clear: both; color: #a22100; margin: 0 0 5px 0;
		}
		#mainContent .feature p.tickets {
		 color: #ffffff; float: left; font-size: 1.1em; font-weight: bold; margin: 0 0 5px 0; text-align: center; width: 90px;
		}
			#mainContent .feature p.tickets a {
			 background-color: #a22100; color: #ffffff; display: block; padding: 3px 5px; text-decoration: none;
			}
			#mainContent .feature p.soldout {
			 background-color: #222222; padding: 3px 5px; width: 80px;
			}
	#mainContent .feature img {
	 float: none; margin: 0;
	}
		#mainContent .feature a img {
		 border: 0; height: 100px; width: 100px;
		}

/* Show pages */

#mainContent p.tickets {
 color: #ffffff; font-size: 1.1em; font-weight: bold; text-align: center; width: 90px;
}
	#mainContent p.tickets a {
	 background-color: #a22100; color: #ffffff; display: block; padding: 3px 5px; text-decoration: none;
	}
	#mainContent p.soldout {
	 background-color: #222222; padding: 3px 5px;
	}

#highlight {
 border: 5px solid #dddddd; padding: 10px 10px 0 10px;
}
	#highlight h2 {
	 border: 0; margin: 0 0 10px 0;
	}

#tickets ul {
}
	#tickets ul li {
	 background: 0; padding: 0 0 10px 0;
	}

/* Misc */

.clear {
 clear: both;
}
			
#cafeAdvert {
 margin: 0 0 10px 0;
}
	#cafeAdvert a img {
	 border: 0;
	}

#highlight {
 border: 5px solid #dddddd; padding: 10px 10px 0 10px;
}
	#highlight h2 {
	 border: 0; margin: 0 0 10px 0;
	}

#additional {
}
	#additional h2 {
	 border-bottom: 2px solid #bbbbbb; border-top: 2px solid #a22100;
	}

/* Search results */

#resultsList {
}
	#resultsList .searchResult {
	 margin: 0 0 10px 0;
	}
	#resultsList .hide {
	 display: none;
	}

/* Homepage admin */

.portalAdmin {
 background-color: #92ed6b; border: 1px solid #008500; clear: both; margin: 0 0 10px 0; padding: 5px;
}
	.portalAdmin a {
	 color: #000000;
	}
		.portalAdmin a img {
		 border: 0; margin: 0 1px; padding: 0;
		}