html {
	margin: 0;
	padding: 0;
	
	font: normal 0.8em "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: url(../images/bg-concrete-rpt.gif) 50% 0 repeat;
}

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg-concrete-gradient.gif) 50% 0 repeat-x;
}

.clearer {
	clear: both;
}

.content h3,
.content h4,
.content h5,
.content h6 {
	color: #ed1c24;
}

.content h3 {
	font-size: 1.6em;
}

.content h4 {
	font-size: 1.4em;
}
.content h5 {
	font-size: 1.2em;
}

.content h6 {
	font-size: 1em;
}

.header,
.nav,
.content,
.footer {
	width: 992px;
	margin: 0 auto;
}

.headershadow {
	background: url(../images/shadow-header.gif) 50% 0 no-repeat;
	margin: 0 auto;
	height: 307px;
}

.header {
	background: url(../images/bg-header.png) 50% 0 no-repeat;
	width: 992px;
	height: 245px;
}

.header h1 {
	margin: 0 0 0 9px;
	padding: 0;
	width: 610px;
	height: 245px;
	overflow: hidden;
}

.header h1 a {
	display: block;
	width: 610px;
	height: 245px;
	overflow: hidden;
	text-indent: -2000em;
}

.header embed,
.header object {
	margin: -1px 0 0 -1px;
	padding: 0;
}

/* @group Main menu */

.nav {
	background: url(../images/bg-chrome-right.gif) top right repeat-y;
}

.nav ul {
	color: #fff;
	padding: 0 0 0 9px;
	list-style: none;
	height: 62px;
	background: #f33 url(../images/bg-chrome-left.gif) top left repeat-y;
	margin: 0 9px 0 0;
}

.nav ul ul {
	height: auto;
}

.nav li {
	float: left;
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
}

.nav ul ul li {
	float: none;
	height: auto;
}

.nav li a {
	background-image: url(../images/nav.png);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	height: 0;
	padding-top: 62px;
}

.nav li ul a {
	background: transparent;
	color: #fff;
	overflow: visible;
	padding: 0;
	height: auto;
}

.nav #corppack a {
	width: 142px;
	background-position: 0 0;
}

.nav #corppack a:hover,
.nav #corppack a.highlighted {
	background-position: 0 -62px;
}

.nav #corppack a:active,
.nav #corppack a:focus {
	background-position: 0 -124px;
	outline: none;
}

.nav #hirekarts a {
	width: 132px;
	background-position: -142px 0;
}

.nav #hirekarts a:hover,
.nav #hirekarts a.highlighted {
	background-position: -142px -62px;
}

.nav #hirekarts a:active,
.nav #hirekarts a:focus {
	background-position: -142px -124px;
	outline: none;
}

.nav #privateers a {
	width: 138px;
	background-position: -274px 0;
}

.nav #privateers a:hover,
.nav #privateers a.highlighted {
	background-position: -274px -62px;
}

.nav #privateers a:active,
.nav #privateers a:focus {
	background-position: -274px -124px;
	outline: none;
}

.nav #whatson a {
	width: 125px;
	background-position: -412px 0;
}

.nav #whatson a:hover,
.nav #whatson a.highlighted {
	background-position: -412px -62px;
}

.nav #whatson a:active,
.nav #whatson a:focus {
	background-position: -412px -124px;
	outline: none;
}

.nav #thetrack a {
	width: 123px;
	background-position: -537px 0;
}

.nav #thetrack a:hover,
.nav #thetrack a.highlighted {
	background-position: -537px -62px;
}

.nav #thetrack a:active,
.nav #thetrack a:focus {
	background-position: -537px -124px;
	outline: none;
}

.nav #merch a {
	width: 91px;
	background-position: -660px 0;
}

.nav #merch a:hover,
.nav #merch a.highlighted {
	background-position: -660px -62px;
}

.nav #merch a:active,
.nav #merch a:focus {
	background-position: -660px -124px;
	outline: none;
}

.nav #news a {
	width: 80px;
	background-position: -751px 0;
}

.nav #news a:hover,
.nav #news a.highlighted {
	background-position: -751px -62px;
}

.nav #news a:active,
.nav #news a:focus {
	background-position: -751px -124px;
	outline: none;
}

.nav #contactus a {
	width: 143px;
	background-position: -831px 0;
}

.nav #contactus a:hover,
.nav #contactus a.highlighted {
	background-position: -831px -62px;
}

.nav #contactus a:active,
.nav #contactus a:focus {
	background-position: -831px -124px;
	outline: none;
}

/* @group FSmenu styles */

#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 62px;
	left: 0px;
	width: 182px;
	padding: 5px;
	background: #555 url(../images/bg-nav-dropdown.gif) 0 0 repeat-x;
}

#mainmenu ul ul {
	top: -5px;
	margin-top: 0;
	left: 185px;
	background-image: none;
}

#mainmenu ul a {
	float: none;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 6px 8px;
	width: auto !important;
}

#mainmenu ul a:hover,
#mainmenu ul a.highlighted,
#mainmenu ul a:focus {
	background-color: #ed1c24;
}

/* Only style submenu indicators within submenus. */
#mainmenu a .subind {
	display: none;
	border: none;
}

#mainmenu ul a .subind {
	display: block;
	float: right;
	padding-top: 5px;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
#mainmenu a {
	float: left;
}

#mainmenu ul a {
	float: none;
}
/* \*/
#mainmenu a {
	float: none;
}
/* */

/* @end */

/* @end */

.content,
.footer {
	background: #000;
	color: #fff;
}

.contentshadow {
	background: url(../images/shadow-content.gif) 50% 0 repeat-y;
	margin: 0 auto;
}

.headershadowcont {
	background: url(../images/shadow-header.gif) 50% -307px no-repeat;
}

.content {
	position: relative;
	background: #000 url(../images/bg-chrome-right.gif) top right repeat-y;
}

/* @group sIFR */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .maincontent h2 {
	visibility: hidden;
}

/* @end */

.section {
	padding-bottom: 43px;
	background: #000 url(../images/hr.gif) bottom right no-repeat;
	margin-bottom: 20px;
	max-width: 700px; /* Fixes issue where IE7 blows out the list layout */
}

.last {
	padding-bottom: 0;
	background: #000;
	margin-bottom: 0px;
}

.maincontent h2 {
	margin: 0 0 10px;
	color: #ed1c24;
	font-style: italic;
	font-size: 1.8em;
}

.section .articledate,
.section .productid {
	color: #6e6e6e;
	font-size: 12px;
	margin: 0 0 3px;
	line-height: 1;
}

.section .productcost {
	font-weight: bold;
	color: #ed1c24;
	font-size: 20px;
	margin: 0;
}

.maincontent img {
	float: right;
	border: 8px solid #fff;
	margin: 0 0 12px 12px;
}

.section p {
	line-height: 1.75;
}

/* @group What's On */

.eventsdatepane h3 {
	float: left;
	font-size: 18px;
	color: #fff;
	margin: 0 0 15px 0;
}

.eventsdatepane div {
	float: right;
}

table.whatsoncalendar {
	clear: both;
	border: 2px solid #fff;
	border-collapse: collapse;
	border-spacing: 0;
	color: #fff;
	background-color: #333;
}

table.whatsoncalendar th,
table.whatsoncalendar td {
	border: 2px solid #fff;
	width: 90px;
}

table.whatsoncalendar th {
	background: #ee1c24 url(../images/bg-calendarth.gif) 0 0 repeat-x;
	height: 22px;
	vertical-align: middle;
}

table.whatsoncalendar td {
	height: 75px;
	padding: 3px;
	text-align: right;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 16px;
}

table.whatsoncalendar td.closed {
	height: 75px;
	padding: 3px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	font-size: 16px;
}

table.whatsoncalendar td span {
}

table.whatsoncalendar td.senior,
ul.whatsonkey li.senior div {
	background-color: #648500;
}

table.whatsoncalendar td.midweek,
ul.whatsonkey li.midweek div {
	background-color: #68199a;
}

table.whatsoncalendar td.combined,
ul.whatsonkey li.combined div {
	background-color: #ba6704;
}

table.whatsoncalendar td.subaru,
ul.whatsonkey li.subaru div {
	background-color: #015986;
}

table.whatsoncalendar td.closed,
ul.whatsonkey li.closed div {
	background-color: #9b0000;
}

/* NEW STYLES */
table.whatsoncalendar td.newstyle1,
ul.whatsonkey li.newstyle1 div {
	background-color: #ebe932;
}

table.whatsoncalendar td.newstyle2,
ul.whatsonkey li.newstyle2 div {
	background-color: #11e1e9;
}
/* NEW STYLES */

ul.whatsonkey {
	list-style: none;
	padding: 0;
	margin: 15px 0 0;
}

ul.whatsonkey li {
	float: left;
	margin: 0 10px 0 0;
	line-height: 19px;
}

ul.whatsonkey li.nomargin {
	margin: 20px 0 0 0;
}

ul.whatsonkey li.last {
	margin-right: 0;
}

ul.whatsonkey li div {
	float: left;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	margin-right: 3px;
}

ul.whatsonkey li span {
	float: left;
	margin-left: 2px;
	margin-right: 10px;
}

.eventinfohover {
	background: #333;
	padding: 12px 15px;
	position: absolute;
	display: none;
	z-index: 2;
	width: 230px;
	border: 3px solid #fff;
}

.eventinfohover p {
	margin: 0;
	font-size: 12px;
	line-height: 15px;
}

.eventinfohover p.date {
	font-weight: bold;
	color: #959595;
}

.eventinfohover p.title {
	font-weight: bold;
	color: #fff;
}

.eventinfohover .details {
	margin-top: 12px;
}

.eventinfohover .details p {
	margin: 0;
}

div.senior {
	border-color: #648500;
}

div.midweek {
	border-color: #68199a;
}

div.combined {
	border-color: #ba6704;
}

div.subaru {
	border-color: #015986;
}

div.closed {
	border-color: #9b0000;
}

/* @end */

.maincontent {
	min-height: 330px;
	margin-right: 290px;
	padding: 30px 0px 30px 40px;
	background: #000 url(../images/bg-chrome-left.gif) top left repeat-y;
}

.maincontent .contact .error {
	background-color: #e31b22;
	padding: 10px 5px;
	text-align: center;
}

.maincontent a {
	color: #ed1c24;
	text-decoration: none;
}

.maincontent a:hover {
	text-decoration: underline;
}

.whatsoncontentpane {
	min-height: 574px;
}

.whatsoncontentpane .printevents p a {
	display: block;
	clear: left;
	float: right;
	text-decoration: none;
	color: #fff;
	background: #262626 url(../images/btn-print.gif) no-repeat 10px center;
	padding: 10px 10px 10px 30px;
	margin-top: 15px;
}

/* @group Homepage */

.maincontent .homepagecopy {
	float: left;
	width: 250px;
	padding-right: 20px;
	line-height: 1.75;
}

.maincontent img.homepageimage {
	float: none;
	border: 8px solid #fff;
	margin: 0;
}

.adverts {
	padding: 0px 0px 30px 39px;
	background: #000 url(../images/bg-chrome-left.gif) top left repeat-y;
	margin-right: 9px;
}

.adverts a {
	display: block;
	float: left;
	width: 215px;
	height: 135px;
	margin-right: 15px;
}

.adverts a img {
	border: none;
}

/* @end */

/* @group Contact Us */

.contact {
	width: 385px;
	float: left;
}

.contact p {
	margin: 8px 0 0;
}

.contact h2 {
	margin-top: 30px;
}

.contact h2.first {
	margin-top: 0;
}

.contact form {
	display: block;
	padding: 0;
	margin: 1em 0 0;
}

.contact form div {
	clear: left;
}

.contact form div label {
	float: left;
	width: 110px;
	margin-right: 10px;
	line-height: 1.75;
}

.contact form div label.ownline {
	clear: left;
	float: none;
	display: block;
	width: auto;
	margin: 0;
	padding: 1em 0 0;
}

.contact form div span.requiredfield {
	color: #ed1c24;
}

.contact form div input {
	clear: none;
	float: left;
	width: 260px;
}

.contact form div textarea {
	width: 380px;
	clear: left;
	margin: 0 0 1em 0;
}

.mapblock {
	margin-left: 400px;
}

#contactmap {
	width: 245px;
	height: 247px;
	border: 8px solid #fff;
	margin-bottom: 0.75em;
	background: url(../images/map.gif);
}

.mapblock a {
	color: #fff;
}

table.legend {
	height: 18px;
	margin: 23px 0 0;
	position: relative;
	bottom: 0;
}

table.legend tr,
table.legend td {
	border: 1px solid #FFFFFF;
	font-weight: normal;
	font-size: 0px;
	margin: 0;
	padding: 0;
	line-height: 1;
	height: 18px;
	width: 18px;
}

table.legend td.closed {
	background-color: #9b0000;
	cursor: pointer;
}

table.legend td.senior {
	background-color: #648500;
	cursor: pointer;
}

table.legend td.midweek {
	background-color: #681999;
	cursor: pointer;
}

table.legend td.combined {
	background-color: #bb6705;
	cursor: pointer;
}

table.legend td.subaru {
	background-color: #015a86;
	cursor: pointer;
}

/* NEW STYLES */
table.legend td.newstyle1 {
	background-color: #ebe932;
	cursor: pointer;
}

table.legend td.newstyle2 {
	background-color: #11e1e9;
	cursor: pointer;
}
/* NEW STYLES */

table.legend-blank {
	height: 18px;
	margin: 23px 0 0;
	position: relative;
	bottom: 0;
}

table.legend-blank tr,
table.legend-blank td {
	border: 1px solid #595959;
	font-weight: normal;
	font-size: 0px;
	margin: 0;
	padding: 0;
	line-height: 1;
	height: 18px;
	width: 18px;
}

/* @end */

.sidebar {
	position: absolute;
	top: 30px;
	right: 40px;
	width: 216px;
}

.sidebar h2 {
	margin: 0 0 15px;
	overflow: hidden;
	width: 216px;
	height: 29px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -2000em;
}

.sidebar h2.latestnews {
	background-image: url(../images/h-latestnews.gif);
}

.sidebar h2.upcomingevents {
	background-image: url(../images/h-upcomingevents.gif);
}

.sidebar h2.trackclosures {
	background-image: url(../images/h-trackclosures.gif);
}

.sidebar div {
	overflow-y: auto;
	padding: 0 10px 0 0;
}

.sidebar div.latestnews {
	height: 240px;
	padding-right: 0;
}

.sidebar div.latestnews-long {
	height: 290px;
	padding-right: 0;
}

.sidebar div.upcomingevents {
	height: 290px;
	margin-bottom: 32px;
}

.sidebar div.trackclosures {
	height: 150px;
}

.sidebar h3 {
	margin: 15px 0 5px;
	font-size: 12px;
}

.sidebar h3.first {
	margin-top: 0;
}

.sidebar ul,
.sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar div.upcomingevents li,
.sidebar div.trackclosures li {
	padding: 5px 0 7px;
	background: #000 url(../images/bg-sidebarlistborder.gif) bottom left repeat-x;
}

.sidebar div.upcomingevents li.last,
.sidebar div.trackclosures li.last {
	padding: 5px 0;
	background: #000;
}

.sidebar .articledate,
.sidebar .eventdate {
	color: #959595;
	font-size: 11px;
	margin: 0 0 3px;
}

.sidebar .eventtitle,
.sidebar a {
	display: block;
	text-decoration: none;
	color: #ed1c24;
	font-weight: bold;
	line-height: 14px;
}

.sidebar .eventtitle {
	margin: 0;
	line-height: 16px;
}

.sidebar a:hover {
	text-decoration: underline;
}

.sidebar a.readmore {
	text-decoration: underline;
	color: #fff;
	font-weight: normal;
	font-size: 11px;
	padding: 3px 0 14px;
}

.footershadow {
	background: url(../images/shadow-footer.gif) 50% 0% no-repeat;
	margin: -83px auto;
	height: 29px;
	padding-top: 83px;
}

.footer {
	height: 44px;
	background: url(../images/bg-footer.gif) 50% 100% no-repeat;
	font-size: 0.8em;
	margin-bottom: 24px;
}

.footer .copyright {
	float: left;
	margin: 10px 0 0 40px;
}

.footer .attribution {
	float: right;
	margin: 10px 40px 0 0;
}

.footer a {
	color: #fff;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}