@charset "utf-8";
/* CSS Document */


body {
	background-color:#090608; /*#0D0B0E;*/
	font-family:Verdana, Helvetica, Arial,  sans-serif;
	font-size:12px;
	margin-top:0px;
	color:#FFFFFF;
}

/* Main Container divs  */

#header {
	float:left;
	height:123px;
	margin:10px 0 10px 0;
}

#mainContainer {
	width:954px;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#leftCol {
	float:left;
	clear:both;
	width:200px;
	margin-right:10px;
	background-image:url(../images/leftnav_bg.jpg);
	padding:0;
}

#centerCol {
	float:left;
	width:610px;
}

#rightCol {
	float:left;
	width:122px;
}

#footer {
	float:left;
	clear:both;
	margin-top:10px;
	width:100%;
}


/*  Standard Link styles  */

a {text-decoration:none;}
a:link {text-decoration:none; color:#ffffff;}
a:hover {text-decoration:none; color:#eeeeee;}
a:active {color:#cccccc;}
a:visited {color:#9FC61B; text-decoration:none;}

ul {margin-left:20px}

.greenLink a:link {color:#9FC61B;}
.greenLink a:hover {color:#cccccc; text-decoration:underline;}
.greenLink a:active {color:#cccccc;}
.greenLink a:visited {color:#9FC61B; text-decoration:none;}
.greenLink#padding {padding-left:7px;}


h1, h2, h3, h4 {margin:0 0 5px 0;}
h1 {font-size:14px; font-weight:bold;}
h2 {font-size:18px; font-weight:bold;}
h3 {font-size:24px; font-weight:bold;}
h4 {font-size:28px; font-weight:bold;}

/* Content */

.textBox {padding:0px 7px 0 7px;}
.textBox .indent{padding-left:20px;}
.textBox#addressBox{padding-left:10px;}


#green{color:#9FC61B;}
#blue {color:#009EDF;}

#yellow {color:#FFDE00;}
#red {color:#E30037;}
#purple{color:#9F539E;}
#white {
	color:#FFFFFF;
}



a:hover #blue , a:hover #green ,a:hover #yellow , a:hover #red ,a:hover #purple  {color:#ffffff;}

/*****************************************/
/* MAIN LAYOUT STYLES
/*****************************************/

/* columns */
.column{
	float:left;
}
.column#spanAuto{width:auto;}
.column#span10{min-width:10%; width:auto!important; width:10%;}
.column#span20{width:20%;}
.column#span25{min-width:25%; width:auto!important; width:25%;}
.column#span30{width:30%;}
.column#span40{width:40%;}
.column#span50{min-width:50%; width:auto%!important; width:50%;}
.column#span60{width:60%;}
.column#span70{width:70%;}
.column#span80{width:80%;}
.column#span90{width:90%;}
.column#span100{min-width:100%; width:100%!important; width:100%;}

/* rows */
.row{
	display:block;
	height:auto;
}
.row#spanAuto{height:auto;}

/*********************START:Page styles**********************/

/*****************************************/
/* PAGE BUTTONS
/*****************************************/

.pageBtn{float:left; width:100%;}
.pageBtnInactive, .pageBtn a{
	background:#9B5F9B;
	width:100%;
	/*padding:3px 0 3px 3px;*/
	color: #ffffff;
	float:left;
	clear:none;
	text-decoration:none;
	font-size:13px;
	cursor:hand;
}
.pageBtn#spanAuto a{width:auto;}
.pageBtn a:hover {background:#660066;cursor:hand;}
.pageBtn a .textBox{padding:0; float:left; width:100%; text-align:center; vertical-align: middle; line-height:100px;  }

.pageBtn#smallBtn{float:left; width:120px; }
.pageBtn#smallBtn a .textBox{padding:0; float:left; width:100%; margin:-8px 0 -20px 0; text-align:center; vertical-align: middle; }
.floatRight .pageBtn#smallBtn{margin-left:10px; }
.floatLeft .pageBtn#smallBtn{margin-right:10px; }

.pageBtn#inlineBar a{background:none;}
.pageBtn#inlineBar a:hover{background:none;}


/******************************************/
/* GENERIC
/******************************************/
/*
div#inlineBtn .textBox{padding-top:0; padding-bottom:0;}

div#inlineBtn .pageBtn a{background:transparent url(../images/btnGradient.png) repeat-x;}
div#inlineBtn .pageBtn a:hover{background:transparent url(../images/btnGradient-hover.png) repeat-x;}*/
div#inlineBtn2{margin-right:1px;}

.roundNavBtn{background:url(../images/round-navbtn-yellow.gif) no-repeat; height:22px; width:22px; text-align:center;}
.roundNavBtn a{color:black; font-weight:bold; font-size:14px; }

.topInfoModule {display:block; margin:0 10px 10px 0; padding:0; height:auto; width:600px; background-color:#595959;}
.topInfoModule .bgImage{float:left; z-index:0; margin-bottom:-63px;}
.topInfoModule .navBar{position:relative; float:left; height:auto; width:100%;
						border-top:5px solid white; padding:0; margin:0;}
.topInfoModule .bottomLeftCorner, .topInfoModule .bottomRightCorner{position:relative; margin-top:-15px; width:15px; z-index:3;}


.topInfoModule .infoBar {float:left; height:45px; width:100%;background:transparent url(../images/transparent-tile.png)}
.topInfoModule .infoBar .textBox{ width:auto; font-size:14px!important; text-align:left; line-height:20px;}
.topInfoModule .infoBar .textBox .title{font-weight:bold;}
.topInfoModule .infoBar .textBox a{text-decoration:none;color:white!important;font-size:12px;}

.topInfoModule#noInfoBar .bgImage{display:block; float:none; margin-bottom:0px;}

.topInfoModule .pageBtn a{color:black!important; font-weight:bold;}
.topInfoModule .pageBtn {float:left; clear:none; width:150px; margin:0; padding:0;}
.topInfoModule .pageBtn .textBox{float:left; height:auto; width:100%; font-size:12px; text-align:center; padding:0; line-height:40px;}

.topInfoModule .pageBtn a{background:url(../images/topInfoPanelBtn-gradient.png) repeat-x;}
.topInfoModule .pageBtn a:hover{background:url(../images/topInfoPanelBtn-gradient-over.png) repeat-x; text-decoration:none;}

.topInfoModule .pageBtn#ie6 a{ background-image: none;}

/******************************************/
/* Content Module
/******************************************/

.column#contentModuleLeft50{display:inline; height:auto; width:295px; margin:0 10px 10px 0;}
.column#contentModuleSpan100{display:block; width:600px; margin-bottom:10px;}
.contentModule {display:block; width:100%; height:100%}
.contentModule .textBox{padding-left:15px; padding-right:15px;}
.contentModule .textBox ul{margin-bottom:0;}
.contentModule .footerLink{
	background:#86A308 url(../images/btnGradients-small-green.jpg) repeat-x;
	margin-top:10px;
	padding-top:10px;
	float:left;
	width:100%;
	line-height:10px;
	vertical-align:bottom;
}


/*.column#contentModuleLeft50 a, .column#contentModuleSpan100 a {text-decoration:none;font-weight:bold;color:#96b60b;}*/
.column#contentModuleLeft50 a:link, .column#contentModuleSpan100 a:link {text-decoration:none;font-weight:bold;color:#96b60b;}
.column#contentModuleLeft50 a:hover, .column#contentModuleSpan100 a:hover {font-weight:bold;color:#ffffff;text-decoration:underline;}
.column#contentModuleLeft50 a:active, .column#contentModuleSpan100 a:active {color:#96b60b;}
.column#contentModuleLeft50 a:visited, .column#contentModuleSpan100 a:visited {font-weight:bold;}

.contentModule .footerLink a {color:black!important; font-weight:bold; padding:0px 15px 0 15px;}
.contentModule .footerLink a:hover {color:white!important;}

.contentModule#greyFade{float:left; width:100%; background:#0D0B0E url(../images/homepage_leftBox_bg.jpg) repeat-x; color:#ffffff;}
.contentModule#yellowFade{float:left; width:100%; background:#CC9900 url(../images/bgFade-yellow.jpg) repeat-x; color:#292929;}

.contentModule#yellowFade #modules a {color:#000000;text-decoration:none;}
.contentModule#yellowFade #modules a:hover {color:#000000;text-decoration:underline;}


.contentModule#btnBar{float:left; width:100%; background:#292929; color:#E20037;} /* GREY bg */
.contentModule#btnBar .pageBtn a{background:none; color:#292929;}
.contentModule#btnBar .pageBtn {width:285px; height:18px; background:#292929 url(../images/FAQ-questionBG-green.jpg) no-repeat; margin-top:3px; margin-right:0px;}
.contentModule#btnBar .pageBtn a:hover, .contentModule#btnBar .pageBtn a#current, .contentModule#btnBar .pageBtn a.current{background:#292929 url(../images/FAQ-questionBG-yellow.jpg) no-repeat;}

.contentModule p{margin:0; padding:0;}
/******************************************/
/* HOME
/******************************************/
.contentModule#summerEvents {float:left; width:100%; height:100%; background:url(../images/moduleBG-summer-events.jpg) repeat-x;}

/*******************************************/
/* FAQ
/*******************************************/

.faqImage
{
	float:left;
	width:120px;
	padding: 0 10px 10px 0; 
}

/******************************************/
/* CALENDAR
/******************************************/
.contentModule#calendarNavbar {
	background:#292929 url(../images/btnGradients-small-grey.jpg) repeat-x;
	float:left;
	width:100%;
	line-height:20px;
}
.contentModule#calendarNavbar .dateNav{float:right; margin-right:165px; text-align:center;}
.contentModule#calendarNavbar .dateNav img{margin:0 10px 0 10px;}
.contentModule#calendarNavbar .dateDisplay{float:left; margin:0 10px 0 10px; font-weight:bold;}

.contentModule .calendarHeadingDays  {min-height:25px; background: transparent; padding-top:55px; padding-bottom:5px; height:auto!important; height:25px; color:white;font-weight:bold;}
.contentModule .calendarHeadingMonths  {min-height:25px; text-align:center; background: url(../images/calendar-cellBG-month-fullBar.jpg); height:25px; color:#A8C627;}
.contentModule .calendarHeadingNextPrevious  {text-align:center; width:400px!important;}
.contentModule#calendarGrid table td table td {width:33.3%!important;}

.contentModule .calendarNav  {min-height:26px; height:auto!important; height:26px; background: red;}

.contentModule#calendarGrid{float:left; width:600px; margin-right:10px; background:black url(../images/calendar-binderBG.jpg) repeat-x 20px 47px; color:#DB4800; font-weight:bold;}
.contentModule#calendarGrid .calendarGridRow{float:left; padding-left:auto; padding-right:auto; border-bottom:1px solid white; padding-left:5px solid white; width:100%}
.contentModule#calendarGrid .calendarCell{float:left; width:99.5%; height:75px; margin-left:0;}
.contentModule#calendarGrid .calendarCell#active{background:url(../images/calendar-cellBG-active.jpg) repeat-x;}
.contentModule#calendarGrid .calendarCell#inactive{background:url(../images/calendar-cellBG-inactive.jpg)}
.contentModule#calendarGrid .calendarCell#current{background: url(../images/calendar-cellBG-current.jpg) repeat-x;}
.contentModule#calendarGrid #DropdownLabel{display:inline; color:White; text-align:right; padding-right:10px; float: left; width:190px;}
.contentModule#calendarGrid .Dropdown{display:inline;float:left;text-align:center!important;width:200px!important;background-color:Black;border:None;color:#A8C627!important;}

.contentModule#calendarGrid .calendarCell .calendarBtn {margin:2px 0 2px 5px; display:inline; float:left;}
.contentModule#calendarGrid .calendarCell .calendarBtn img {}
.contentModule#calendarGrid .calendarCell .dateText {color:#666666; display:block; float:left; width: 100%; text-align:left; padding:5px;}
.contentModule#calendarGrid .calendarCell .dateText#current {color: White;}

.contentModule#calendarGrid .calendarFooter{margin: 0 1px 0 1px;display:block; color:white; font-size: 1em; background: black url(../images/calendar-cellBG-month.jpg); padding:5px; }
.contentModule#calendarGrid .calendarFooter .keyItem{ display:inline; padding: 0 4px 0 0; text-align:center; vertical-align:middle; line-height: 20px; height: 20px; font-family:Verdana, Helvetica, Arial,  sans-serif; font-size:10px; color:#FFFFFF; }
.contentModule#calendarGrid .calendarFooter .keyItem img{padding-left: 4px;}

.contentModule#calendarGrid .topLeftCorner, .contentModule#calendarGrid .topRightCorner{display:inline; float:left; margin-bottom:-15px; width:15px; z-index:3;}


/* Info box */
#calendarPopUpScreen{position:absolute; display:inline; z-index:100; width:400px; height:auto; left:50%; top:20px; margin-left:-200px; margin-top:0px;}
/*#calendarPopUpScreen{float:left; z-index:100; width:400px; height:auto;}*/

.screenMask{clear:both; float:left; position:fixed; top:0; left:0; z-index:101; margin:0; padding:0; width:100%; height:100%; background:url(../images/transparent-tile-85.png);}
.ie6screenMask{background:none;}

.calendarPopUp {float:left; position:relative; top:20px; z-index:102; width:400px; height:auto;}
.calendarPopUp h2{color:#ffde00; display:inline; float:left;}
.calendarPopUp img#imgFlag{display:inline; padding-right: 10px; float:left;}
/**/
.calendarPopUp .top{display:block; width:100%; height:15px; background:url(../images/calendar-infobox-rounded-top.gif) no-repeat bottom;}

.calendarPopUp .middle{display:block; width:auto; height:auto; background:#575757; padding:0 20px 5px 20px;}
.calendarPopUp .middle h2{display:inline; float:left;}
.calendarPopUp .middle #popUpCloseBtn{display:inline; clear:none; width:auto; float:right;}
.calendarPopUp .middle .innerBox{display:block; height:auto; background-color:white; color:#333333; padding:20px;}
.calendarPopUp .middle .footer{display:block; color:#333333; font-weight:bold; height:25px; width:100%; font-size:14px; background:#a8c627 url(../images/calendar-infobox-bg-green.jpg) repeat-x;}
.calendarPopUp .middle .footer .pageBtn a .textBox{display:inline; text-align:left; padding:0 20px 0 20px; width:auto; margin-top:2px;}
.calendarPopUp .middle .footer .pageBtn {float:left; clear:none; width:auto; height:25px; margin:0; padding:0;text-align:left;}
.calendarPopUp .middle .footer .pageBtn a{background:none; color:#333333;}
.calendarPopUp .middle .footer .pageBtn a:hover{color:#ffffff;}

.calendarPopUp .bottom{display:block; width:100%; height:15px; background:url(../images/calendar-infobox-rounded-bottom.gif) no-repeat; border:1pxsolid red;}

.calendarPopUp .topLeftCorner, .calendarPopUp .topRightCorner{position:relative; margin-bottom:-15px; width:15px; z-index:3;}
.calendarPopUp .bottomLeftCorner, .calendarPopUp .bottomRightCorner{position:relative; margin-top:-15px; width:15px; z-index:3;}

/******************************************/
/* EVENING RACING
/******************************************/


/******************************************/
/* FORUM
/******************************************/

#forum-pageHeader{background:url(../images/transparent-bground200.gif) repeat; color:024645;}
#forum-mainHeader{background-color: #024645; color:white;}
#forum-subHeader{background:url(../images/transparent-bground200.gif) repeat; color:024645;}
#forum-post{background-color: #c3e3e7; color:white;}
#forum-post .pageBtn a{background:#c3e3e7; color:#024645;}
#forum-post .pageBtn a:hover{background-color:#024645; color:white}
.forum-row{float:left; clear:left; width:100%; margin-top:1px;}

/******************************************/
/* MAILING LIST
/******************************************/
.mailingListRow {
	margin-top:10px; clear:left; float:left; width:90%;
}
.mailingListCol1 {
	width:100px; float:left; clear:none; }
.mailingListCol2 {
	width:400px; float:left; clear:none; }
.mailingListCol3 {
	float:right; clear:none; text-align:right; padding-right:75px; }
	
.submitBtn {display:inline; padding:0; margin:0; float:right; }
.submitBtn a{color:#9FC61B}
.submitBtn a:hover{color:#ffffff}
.submitBtn img{border:none; margin:0; padding:0;}
.submitBtn #left {float:left;clear:none;background:url(../images/footer_btn_left.jpg) left no-repeat;width:11px;height:25px; margin:0; padding:0;}
.submitBtn #center {float:left;height:25px;padding-top:5px;background:url(../images/footer_btn_bg.jpg) repeat-x;}
.submitBtn #right {float:left; margin:0 10px 0 0; padding:0;}





/*********************END:Page styles**********************/


/* Header */
#header .logo{float:left; margin:2px 0 20px 26px; display:inline;}
#header .banner{float:right; display:inline; margin:15px 5px 0 0;}
#header .hotSpot {float:left;width:121px;height:123px; margin-left:5px;}
#header .logoContainer {height:auto; width:200px; float:left; display:inline; margin-right:10px; background-color:#000000;/*background:url(../images/header_banner_bg.jpg) repeat-x;*/}
#header .bannerContainer {height:auto; width:605px; float:left; display:inline; background:url(../images/header_banner_bg.jpg) repeat-x;}
#header .bottomLeftCorner, #header .bottomRightCorner{position:relative; margin-top:-15px; height:15px; width:15px; z-index:3;}
#header .topLeftCorner, #header .topRightCorner{position:relative; margin-bottom:-15px; height:15px; width:15px; z-index:3;}

/* Center Panel */

.mainContent {
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:2em;
}

.mainContent#racing {}
.mainContent#hospitality {}
.mainContent#venue {}


/* Right Panel (adverts) */

.adPanel #top{
	background:url(../images/banners/banner-greyBG.gif) no-repeat top left;
	float:left;
	line-height:10px;
	width:100%;
}

.adPanel #middle{
	background-color:#3F3F3F;
	float:left;
	width:100%;
}

.adPanel #bottom{
	background:url(../images/banners/banner-greyBG.gif) no-repeat bottom left;
	float:left;
	line-height:10px;
	width:100%;
}

.adPanel #top img, .adPanel #bottom img{
	height:10px;
}

/* Rounded Corners */

/*.topLeftCorner, .topRightCorner, .bottomLeftCorner, .bottomRightCorner{height:15px;}*/
.pageBtn#fullBar .textBox{font-size:15px; padding-top:0; padding-bottom:0; line-height:4px;}
.pageBtn#halfBar .textBox{font-size:10px; padding-top:0; padding-bottom:0; line-height:18px;}

.topLeftCorner{	background:transparent url(../images/top_left_rounded_corner.gif) no-repeat left top; float:left;}
.topRightCorner{ background:transparent url(../images/top_right_rounded_corner.gif) no-repeat right top; float:right;border:20px;}
.bottomLeftCorner{ background:transparent url(../images/bottom_left_rounded_corner.gif) no-repeat left bottom; float:left;}
.bottomRightCorner{ background:transparent url(../images/bottom_right_rounded_corner.gif) no-repeat right bottom; float:right;}

.topLeftCorner#yellow{	background:transparent url(../images/top_left_rounded_corner-yellow.gif) no-repeat left top; float:left;}
.topRightCorner#yellow{ background:transparent url(../images/top_right_rounded_corner-yellow.gif) no-repeat right top; float:right;}
.bottomLeftCorner#yellow{ background:transparent url(../images/bottom_left_rounded_corner-yellow.gif) no-repeat left bottom; float:left;}
.bottomRightCorner#yellow{ background:transparent url(../images/bottom_right_rounded_corner-yellow.gif) no-repeat right bottom; float:right;}

#grey .topLeftCorner{ background:transparent url(../images/top_left_rounded_corner-grey.gif) no-repeat left top; float:left;}
#grey .topRightCorner{ background:transparent url(../images/top_right_rounded_corner-grey.gif) no-repeat right top; float:right;}
#grey .bottomLeftCorner{ background:transparent url(../images/bottom_left_rounded_corner-grey.gif) no-repeat left bottom; float:left;}
#grey .bottomRightCorner{ background:transparent url(../images/bottom_right_rounded_corner-grey.gif) no-repeat right bottom; float:right;}

.topLeftBar#yellow{	background:transparent url(../images/roundedbar-yellow-top.gif) no-repeat left bottom; float:left; width:50%; height:10px;}
.topLeftBar #yellow{ border:1px solid red;}
.topLeftBar div#yellow{ border:1px solid green;}
.topRightBar#yellow{ background:transparent url(../images/roundedbar-yellow-top.gif) no-repeat right bottom; float:right; width:50%; height:10px;}
.bottomLeftBar#yellow{ background:transparent url(../images/roundedbar-yellow-bot.gif) no-repeat left top; float:left; width:50%; height:10px;}
.bottomRightBar#yellow{ background:transparent url(../images/roundedbar-yellow-bot.gif) no-repeat right top; float:right; width:50%; height:10px; margin-bottom:10px;}
.middleBar#yellow{ background:#DDB700 url(../images/roundedbar-yellow-mid.gif) repeat-x left top; float:right; width:100%; height:auto; color:white; font-size:15px;}

.topLeftCorner, .topRightCorner, .bottomRightCorner, .bottomLeftCorner {
	margin:0;
	padding:0;
	height:15px;
	min-width:100%;
	width:100%;
	clear:none;
}

/* Touch ups and Positioning */

.clearNone, #clearNone{clear:none;}
.clearBoth, #clearBoth{clear:both;}
.floatLeft, #floatLeft{float:left;}
.floatRight, #floatRight{float:right;}
.floatNone, #floatNone{float:none;}
.pad5, #pad5{padding:5px;}

.hidden, #hidden{display:none!important;}
.visible, #visible{display:block;}

.hiddenPopUp, #hidden{visibility:hidden;}
.visiblePopUp, #visible{visibility:visible;}

#bottomMargin10{margin-bottom:10px;}
#bottomMargin20{margin-bottom:20px;}

/* Images etc */

.pageImage {
	height:236px;
}

.pageImage #setHeights {
	height:198px; /* IE6 FIX - IE6 does not recognise min-heights */
	min-height:221px;
}

#rotatingLogoBanner{
	padding-top:10px;float:left;
}

/* Footer buttons */

.footerBtn {display:inline; padding:0; margin:0;}
.footerBtn a{color:#9FC61B}
.footerBtn a:hover{color:#ffffff}
.footerBtn img{border:none; margin:0; padding:0;}
.footerBtn #left {float:left;clear:none;background:url(../images/footer_btn_left.jpg) left no-repeat;width:11px;height:25px; margin:0; padding:0;}
.footerBtn #center {float:left;height:25px;padding-top:5px;background:url(../images/footer_btn_bg.jpg) repeat-x;}
.footerBtn #right {float:left; margin:0 10px 0 0; padding:0;}

#bottomBanner {float:left; width:468px; height:60px; margin:10px 0 20px 71px;}
#bottomBanner img {border: 0;}


.ArticleImagePanel {
	width: 177px;
	clear: right;
	padding: 10px;
	float: left;
}
.ArticleTextPanel {
	width: 400px;
	float: left;
	padding-bottom: 10px;
}
.PressArticleBox {
	width: 100%;
	padding: 10px;
	float: left;
}
.PressTextPanel {
	width: 450px;
	padding-bottom: 10px;
	left: auto;
}
.PressImagePanel {
	width: 93px;
	clear: right;
	padding: 10px;
	float: left;
	height: 100%;
	background-position: top;
}
.PressArchiveDates li {
	list-style-type: none;
	display: inline;
	padding-right: 10px;
}
.PressArchiveDates li.current, .PressArchiveDates li.current a {
	color: #FFFFFF!important;

}
.PressArchiveDates {
	float: left;
	text-align: left;
	display: block;
	margin: 0;
	padding: 0;
}
.PressArchiveYear {
	float: left;
	display: block;
	padding-left: 14px;
}
.PressArchiveImagePanel {
	width: 54px;
	clear: right;
	float: left;
	background-position: top;
	height: 100%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 10px;
}
.PressArchiveTextPanel {
	width: 280px;
}
.PressArchiveBox {
	width: 100%;
	padding: 10px;
	float: left;
	width: 280px;
	clear: none;
	margin: 0;
}