/* Reset browser default styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

html {
	background-color: #231f20;
}
/* */

body {
	color: #bbbbbb;
	width: 960px;
	margin: 0 auto;
	font-family: arial, verdana, "sans serif";
	font-size: 0.8em;
	background: url(../img/bodyBg.gif) no-repeat 0 0;
	position: relative;
}

#branding {
	height: 256px;
}

#branding h1 {
	position: absolute;
	right: 0;
}

#branding h1 a {
	width: 640px;
	height: 253px;
	text-indent: -9999px;
	background: url(../img/logo.png) no-repeat 0 0;
	display: block;
}

#branding p {
	position: absolute;
	left: -9999px;
}

#content {
	position: relative;
	overflow: hidden;
	width: 768px;
}

#content h2 {
	margin: 5px 0 5px 10px;
	font-size: 190%;
}

#innerPage1 #content h3 {
	font-size: 140%;
	margin-left: 10px;
}

#index #content li {
	float: left;
	width: 182px;
	margin-right: 10px;
	padding-top: 5px;
}

#index #content li p {
	margin: 10px 10px 0 10px;
}

#innerPage1 #content li {
	float: left;
	width: 246px;
	margin-right: 10px;
}

#innerPage1 #content li p {
	margin: 0 20px 0 10px;
}

#col1, #col2, #col3 {
	background: url(../img/innerPage1Bg1.png) no-repeat 0 60px;
	height: 351px;
}

#col2 {
	background: url(../img/innerPage1Bg2.png) no-repeat 0 30px;
}

#col3 {
	background-image: url(../img/innerPage1Bg3.png);
}

#innerPage2 #content, #mailingList #content, #contact #content {
	background: url(../img/contentMainBg.png) no-repeat 0 20px;
	min-height: 320px;
}

#innerPage2 #content #contentMain {
	float: left;
	width: 561px;
	margin-left: 5px;
}

#innerPage2 #content blockquote, #innerPage2 #content #contentText {
	background-color: #231f20;
	padding: 10px;
}

#innerPage2 #content #contentText {
	padding-bottom: 20px;
}

#innerPage2 #content #list ul li {
	float: left;
	background-color: #414142;
	height: 73px;
	margin-top: 15px;
}

#innerPage2 #content #list h3 {
	font-size: 110%;
}

#innerPage2 #content #list #title, #innerPage2 #content #list #description {
	width: 150px;
	padding: 5px 10px;
	margin-left: 10px;
}

#innerPage2 #content #list #description {
	width: 242px;
}

#imageGallery {
	width: 182px;
	float: right;
	margin: -20px 10px 0 0;
}

#imageGallery li {
	background: url(../img/imageGalleryBg.png) no-repeat 0 0;
	padding-top: 20px;
	height: 147px;
}

#innerPage3 #contentMain {
	float: left;
	width: 566px;
}

#innerPage3 #description {
	background: url(../img/contentMainBg.png) no-repeat 0 0;
	padding: 20px 0 0 5px;
	min-height: 300px;
}

#innerPage3 #description p {
	padding: 10px 10px 15px;
	background-color: #231f20;
}

#innerPage3 #contentMain #details {
	background-color: #333133;
	padding: 10px;
	width: 200px;
	font-size: 110%;
	margin-left: 5px;
}

#innerPage3 #imageGallery {
	margin-top: 100px;
}

#mailingList #content p, #mailingList form {
	background-color: #231f20;
	margin-left: 5px;
	padding: 10px;
	width: 546px;
}

#mailingList #contactForm {
	margin-bottom: 30px;
	overflow: hidden;
}

#mailingList #contactForm dt, #mailingList #contactForm dd  {
	float: left;
	width: 160px;
}

#mailingList #contactForm dd {
	width: 386px;
}

#mailingList dt, #mailingList dd  {
	margin-top: 5px;
}

input[type="text"], select {
	background-color: #868686;
	border: 1px solid #868686;
	width: 200px;
}

input[type="image"] {
	margin-top: 20px;
}

#contact #content div {
	background-color: #231f20;
	margin-left: 5px;
	width: 546px;
	padding: 10px;
	float: left;
}

#contact #content div p:first-child {
	margin-bottom: 20px;
}

#contact #website {
	margin-top: 20px;
}

#contact #siteInfo {
	text-align: left;
	margin-top: 30px;
}

#contact #siteInfo p {
	float: left;
	margin-right: 20px;
}

#booking #bookTickets {
	margin: 0 0 0 5px;
	height: 96px;
	padding-top: 20px;
}

#booking #bookTickets img {
	margin: 5px 0 0 60px;
}

#booking #contentMain {
	float: left;
	background: url(../img/contentMainBg.png) no-repeat 0 0;
	min-height: 320px;
	margin-top: -40px;
	padding-top: 40px;
}

#booking #contentMain p {
	background-color: #231f20;
	margin-left: 5px;
	padding: 10px;
	width: 546px;
}

#about, #whatson, #venues, #companies {
	background: url(../img/aboutBg.png) no-repeat 0 0;
	height: 266px;
}

#whatson {
	background-image: url(../img/whatsOnBg.png);
}

#venues {
	background-image: url(../img/venuesBg.png);
}

#companies {
	background-image: url(../img/companiesBg.png);
}

#index #content h2 {
	position: absolute;
	left: -9999px;
}

#nav {
	position: absolute;
	top: 205px;
	height: 59px;
}

#nav li {
	float: left;
	width: 182px;
	padding-left: 10px;
}

a {
	color: #bbbbbb;
	text-decoration: none;
}

a:hover {
	color: #ff7900;
}

#content li a, #bookTickets a {
	background: url(../img/linkBg.gif) no-repeat 99% 100%;
	display: block;
	padding-bottom: 10px;
}

#bookTickets a, #booking #bookTickets a {
	background-position: 96% 100%;
	padding-bottom: 0;
}

#booking #bookTickets a {
	background: url(../img/bookTicketsImg.gif) no-repeat 90% 100%;
	height: 44px;
}

#content li a:hover, #bookTickets a:hover {
	background-image: url(../img/linkBgOvr.gif);
}

#booking #bookTickets a:hover {
	background-image: url(../img/bookTicketsImgOvr.gif);
}

#nav a, #navSub a {
	text-indent: -9999px;
}

#nav a, #navSub a {
	background: url(../img/nav.png) no-repeat 0 100%;
	width: 87px;
	height: 29px;
	display: block;
	margin: 20px 0 15px;
}

#navAbout a:hover {
	background-position: -87px 100%;
}

#navWhatsOn a {
	background-position: -174px 100%;
	width: 138px;
}

#navWhatsOn a:hover {
	background-position: -312px 100%;
}

#navVenues a {
	background-position: -450px 100%;
	width: 99px;
}

#navVenues a:hover {
	background-position: -549px 100%;
}

#navCompanies a {
	background-position: -648px 100%;
	width: 158px;
}

#navCompanies a:hover {
	background-position: -806px 100%;
}

#navMailingList a {
	background-position: -964px 100%;
	width: 143px;
	margin: 25px 0 10px;
}

#navMailingList a:hover {
	background-position: -1107px 100%;
}

#supporters a {
	background-position: -1250px 100%;
	width: 106px;
}

#supporters a:hover {
	background-position: -1356px 100%;
}

#navContact a {
	background-position: -1462px 100%;
	width: 75px;
}

#navContact a:hover {
	background-position: -1537px 100%;
}

#navMailingList {
	background: url(../img/mailingListBg.png) no-repeat 0 0;
}

#contentSub {
	width: 190px;
	position: absolute;
	top: 260px;
	right: 0;
}

#calendar {
	background: url(../img/calendarBg.png) no-repeat 0 0;
	width: 191px;
	height: 193px;
	padding: 35px 0 0 10px;
	z-index: 2;
	position: relative;
}

#calendar h2 {
	font-size: 130%;
}

#calendar p {
	width: 160px;
	margin-top: 10px;
}

#calendar table {
	width: 170px;
	margin-top: 20px;
}

#calendar th, #calendar td {
	text-align: center;
}

#calendar th {
	font-size: 120%;
	font-weight: bold;
}

#calendar td {
        width: 24px;
        height: 24px;
        border-width: 1px 1px 0;
        border-style: solid;
        border-color: #333133;
}

#calendar table a {
        display: block;
        background-color: #7d7d7d;
        color: #242424;
        font-weight: bold;
        padding-top: 4px;
        height: 20px;
}

#calendar table a:hover {
	background-color: #ff7900;
}

#bookTickets {
	background: url(../img/bookTicketsBg.png) no-repeat 0 0;
	width: 174px;
	height: 56px;
	padding: 25px 0 0 5px;
	margin-top: -30px;
	z-index: 1;
	position: relative;
}

#bookTickets h2 {
	background: url(../img/bookTickets.gif) no-repeat 0 0;
	width: 109px;
	height: 18px;
	text-indent: -9999px;
	margin-bottom: 5px;
}

#navSub {
	padding: 20px 0 0 60px;
	overflow: hidden;
}

#navSub li {
	float: left;
	margin-right: 30px;
}

#siteInfo {
	width: 100%;
	text-align: right;
	margin-top: 10px;
}

#siteInfo li {
	display: inline;
}