html
{
	height: 100%;
	background: #f2f2f2 url(images/site_bg.gif) repeat-y center top;
}
body
{
	width: 100%;
	height: 100%;
	min-width: 748px;
	margin: 0;
	padding: 0;
	font-family:  arial, tahoma, verdana;
	font-size: 70%;
	background: url(images/body_bg.jpg) no-repeat center 252px;
	color: #404040;
}


div.floatClearer
{
	height: 0;
	line-height: 0;
	clear: both;
	font-size: 0;
}

img
{
	border: none;
}
a
{
	color: #0066b3;
	text-decoration: none;
}

a:hover
{
	color: #0066b3;
	text-decoration: underline;
}

table
{
	border-collapse: collapse;
}
table td,
table th
{
	vertical-align: top;
}

input,
select,
textarea
{
	font-size: 100%;
	font-family:  arial, tahoma, verdana;
}



/* SITE CONTAINERS */
#siteOuter
{
	width: 100%;
	background: url(images/header_bg.jpg) no-repeat center top;
}

#homePage #siteOuter
{
	background: url(images/header_bg_homepage.jpg) no-repeat center top;
}

#siteInner
{
	width: 748px;
	margin: 0 auto 0 auto;
}

/* HEADER */
#header
{
	width: 748px;
	height: 207px;
	padding-top: 45px;
	position: relative;
}
#homePage #header
{
	height: 297px;
}
#header img
{
	display: block;
}



/* TOP NAV */

ul#topNav
{
	margin: 0;
	padding: 51px 0 0 0;
	list-style: none;
}
#homePage ul#topNav
{
	padding: 35px 0 0 0;
}
ul#topNav li
{
	float: left;
	width: auto;
	white-space: nowrap;
	background: url(images/navbar_divider.gif) no-repeat left center;
}
ul#topNav li.firstLink
{
	background: none;
}

/*	IE-Specific definitions */

* html body ul#topNav li
{
	width: 1px;
}

ul#topNav li a
{
	display: block;
	padding: 11px 22px 11px 22px;
	text-decoration: none;
	text-align: center;
	color: #595959;
	font-weight: bold;
}
ul#topNav li a:hover
{
	color: #0066b3;
}
ul#topNav li.active a
{
	color: #0066b3;
}


/* HOMEPAGE HEADR TEXT */
#headerText
{
	position: absolute;
	top: 202px;
	left: 19px;
	width: 370px;
	font-size: 130%;
	font-weight: bold;
	color: #fff200;
}


/* BODY CONTAINER */

#bodyContainer
{
	width: 672px;
	margin: 0 auto 0 auto;
	line-height: 140%;
}


/* PAGE TITLES */
#bodyContainer h1
{
	font-size: 180%;
	color: #0066b3;
}
#bodyContainer h2
{
	font-size: 140%;
	color: #0066b3;
	font-weight: normal;
}
#bodyContainer h3
{
	font-size: 120%;
	color: #0066b3;
}
#bodyContainer h4
{
	font-size: 110%;
	color: #0066b3;
}
#bodyContainer h5
{
	font-size: 110%;
	color: #0066b3;
	font-weight: normal;
}
#bodyContainer h6
{
	font-size: 100%;
	color: #0066b3;
}


/* TITLE BLOCK */
#titleBlock
{
	padding-bottom: 8px;
	background: url(images/horizontal_divider.gif) no-repeat left bottom;
}
#bodyContainer #titleBlock h2
{
	font-size: 120%;
	color: #0066b3;
	margin: 0;
	padding: 0;
}



/* LEFT COLUMN */

#left
{
	float: left;
	width: 364px;
	padding: 18px;
	background: #fafafa url(images/contentbox_upper.gif) repeat-x left top;
	border-right: solid 1px #9e9e9e;
	border-bottom: solid 1px #9e9e9e;
	border-left: solid 1px #9e9e9e;
}
#wide #left
{
	width: 636px;
}


/* SECTION PANELS */
.sectionPanel
{
	margin-top: 12px;
	padding-bottom: 8px;
	background: url(images/horizontal_divider.gif) no-repeat left bottom;	
}
.sectionPanel a.sectionTitle
{
	display: block;
	padding: 5px;
	width: 350px;
	height: 52px;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	background: url(images/section_default.jpg) no-repeat left top;
}
.sectionPanel .summary
{
	color: #8c8c8c;
}

.sectionPanel a.trafficPanel
{
	background-image: url(images/section_trafficmanagement.jpg);
}
.sectionPanel a.carParkingPanel
{
	background-image: url(images/section_carparking.jpg);
}
.sectionPanel a.roadClosuresPanel
{
	background-image: url(images/section_roadclosures.jpg);
}
.sectionPanel a.parkAndRidePanel
{
	background-image: url(images/section_parkandride.jpg);
}


.sectionPanel a.programmeSalesPanel
{
	background-image: url(images/section_programmesales.jpg);
}
.sectionPanel a.boxOfficePanel
{
	background-image: url(images/section_boxoffice.jpg);
}
.sectionPanel a.ticketSalesPanel
{
	background-image: url(images/section_ticketsales.jpg);
}
.sectionPanel a.wristbandsPanel
{
	background-image: url(images/section_wristbands.jpg);
}


/* RIGHT COLUMN */

#right
{
	float: right;
	width: 264px;
	padding-top: 18px;
	background: #fafafa url(images/contentbox_upper.gif) repeat-x left top;
	border-right: solid 1px #9e9e9e;
	border-bottom: solid 1px #9e9e9e;
	border-left: solid 1px #9e9e9e;
}
#right h2.menuHeading
{
	font-size: 180%;
	padding: 0 18px 0 20px;
	margin: 0;
}
#right h3.sectionHeading
{
	font-size: 130%;
	margin: 0;
	padding: 6px 18px 10px 20px;
}



#left img,
#right img
{
	display: block;
}



/* MENU PANELS */

#rightMenu a.menuTitle, a.pdfitem
{
	display: block;
	height: 23px;
	padding: 7px 30px 0 20px;
	font-weight: bold;
	color: #8d8c8c;
	background-color: #fafafa;
	background-position: left top;
	background-image: url(images/menupanel_default.gif);
}
#rightMenu a.menuTitle:hover,
.selected, a.pdfitem:hover
{
	color: #fff !important;
	text-decoration: none;
	background-color: #296c9e !important;
	background-position: left bottom !important;
}

/* HOMEPAGE CONTACT TITLES - OVERWRITE DEFAULT PANEL IMAGE */
#rightMenu a.address 
{
	background-image: url(images/menupanel_address.gif);
}
#rightMenu a.email
{
	background: url(images/menupanel_email.gif);
}
#rightMenu a.fax
{
	background: url(images/menupanel_fax.gif);
}
#rightMenu a.phone
{
	background: url(images/menupanel_phone.gif);
}
#rightMenu a.brochure
{
	background: url(images/menupanel_brochure.gif);
}

/* PDF MENU PANELS - OVERWRITE DEFAULT */
#rightMenu a.pdfitem
{
	height: 28px;
	padding: 12px 30px 0 20px;
	background: url(images/menupanel_pdf.gif);
}


/* HOMEPAGE CONTENT PANELS */
.content
{
	display: block;
}
.content span
{
	display: block;
	margin: 10px 20px;
}

/* BROCHURE FORM */
.content input,
.content textarea
{
	width: 140px;
}
.content input.submit
{
	width: auto;
	float: right;
}


/* NEWS PANELS */
.newsPanel
{
	width: 100%;
	padding-top: 20px;
	margin-top: 20px;
	background: url(images/horizontal_divider.gif) no-repeat left top;
}
.newsPanel h3
{
	margin: 0;
	padding: 0;
}
.newsPanel span.date
{
	font-size: 90%;
	color: #8c8c8c;
}



/* RECRUITMENT FORMS */

p.notice{ font-weight:bold; }

table.recruitmentForm th
{
	text-align: right;
	white-space: nowrap;
}
table.recruitmentForm td
{
	text-align: left;
}

table.recruitmentForm td.formDivider
{
	background: url(images/form_divider.gif) no-repeat center center;
}

table.recruitmentForm input
{
	width: auto;
}
table.recruitmentForm input.radioButton,
table.recruitmentForm input.checkbox
{
	width: 20px;
}


table.recruitmentForm table.eventTable th
{
	text-align: left;
	padding: 3px;
	background-color: #ccc;
}
table.recruitmentForm table.eventTable td
{
	padding: 3px;
	border: solid 1px #ccc;
	background-color: #fff;
}

table.recruitmentForm table.eventTable td.month
{
	font-weight: bold;
	font-size: 120%;
	padding: 10px 3px 5px 3px;
	border: none;
	background-color: #fafafa;
}

/* HEIGHT PROP TO ENSURE FOOTER STAYS BELOW BG IMAGE */
#heightProp
{
	float: right;
	width: 0;
	font-size: 0;
	height: 410px;
}
#homePage #heightProp
{
	height: 320px;
}




/* FOOTER */

#footer
{
	clear: both;
	text-align: center;
	padding: 24px 0 20px 0;
	color: #8c8c8c;
}
#footer a
{
	color: #8c8c8c;
}
#footer #footerLinks
{
	padding-top: 6px;
}