html, body{
	background-color: #291e14;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

body{
	background-image: url(../media/images/web/bg.jpg);
	background-position: top;
	min-height: 500px;
	background-repeat: no-repeat;
	cursor: default;
}

div.layoutwrap{
	width: 940px;
	margin: 0px auto;
}

a{
	outline: none;
	color: #fff;
}

a:hover{
	text-decoration: none;
}

a img{
	border: 0;	
}

h1{
	color: #efe0d1;
	font-size: 102%;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h2
{
	font-size:110%;
	color: #75ac4d;
	margin-left:10px;
	margin-top:20px;
	margin-bottom:20px;
}

h3
{
	font-weight:bold;
	font-size:90%;
	margin-bottom:10px;
	margin-top:25px;
	color: #FFF;
}

div.logo{
	text-align: center;	
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.clearboth{
	clear: both;
}

.centered{
	text-align: center;
}

img.flag{
	border: 1px solid #eee;
	cursor: pointer;
	vertical-align:middle;
	margin-top:-5px;
}

/* Main Navigation */ 
div.navigation{
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.navigation ul{
	background-image: url(../media/images/web/menu_center.jpg);
	background-position: 0px -1px;
	background-repeat: repeat-x;
	overflow: auto;
	height: 60px;
	list-style: none;
	margin: 0;
	padding: 0;
}

div.navigation ul li{
	float: left;
	height: 60px;
	background-position: center;
	font-size: 12pt;
}

div.navigation ul li.open{
	background-image: url(../media/images/web/menu_left.jpg);		
	width: 15px;
	margin-right: 5px;
}

div.navigation ul li.close{
	float: right;
	background-image: url(../media/images/web/menu_right.jpg);	
	width: 15px;
}

div.navigation ul li a{
	color: #fff;
	margin-top: 3px;
	text-decoration: none;
	text-transform:uppercase;
	padding: 20px 13px 13px 14px;
	display: block;
	letter-spacing: -1px;
	border-right: 1px solid #2e2a25;
	cursor: pointer;
	font-weight: bold;
}

div.navigation ul li a.selected{
	color: #75ac4d;
	cursor: default;
}

div.navigation ul li a:hover{
	color: #75ac4d;
}

/* Footer Navigation */

div.footer{
	padding-bottom: 0px;	
}

div.footer div.navigation{	
	margin: 0;
}

div.footer div.navigation ul{
	background-image: url(../media/images/web/footer_center.jpg);
	height: 40px;
}

div.footer div.navigation ul li{
	height: 40px;
	background-position: 0px -1px;
}

div.footer div.navigation ul li.open{
	background-image: url(../media/images/web/footer_left.jpg);	
}

div.footer div.navigation ul li.close{
	background-image: url(../media/images/web/footer_right.jpg);	
}

div.footer div.navigation ul li a{
	color: #fff;
	padding: 8px 15px 7px 15px;
	font-size: 11pt;
	display: block;
	letter-spacing: -1px;
	border-right: 1px solid #2e2a25;
	cursor: pointer;
	font-weight: bold;
}

div.footer div.navigation ul li a.selected{
	color: #75ac4d;
	cursor: default;
}

div.footer div.navigation ul li.preeologo{
	float: right;
	margin-right: 5px;
}

div.footer div.navigation ul li.preeologo a{
	padding: 0;
	margin: 0;
	padding-top: 3px;
	border: 0px;
}

div.footer div.navigation ul li a:hover{
	color: #75ac4d;
}

/* Pods */
div.pod{
	color: #c0a891;
	background-color: #111;
	background-image: url(../media/images/web/pod_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #402d1c;
	margin-bottom: 5px;
	padding: 5px 8px;
	overflow: auto;
}

div.chartpod{
	height: 400px; 
	width: 710px;
}

div.banner{
	height: 340px;
}

div.title
{
	width: 100%;
	padding: 2px 0px 4px 0px;
	border-bottom: 1px solid #35312c;
	margin-bottom: 4px;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
}


/* Upcoming Events Pod */
div.upcomingevents ul{
	list-style: none;
	margin: 6px 0px;
	padding: 0;
	clear: both;
}

div.upcomingevents ul li{
	clear: both;
	margin-top: 1px;
	background-color: #35312c;
	min-height: 50px;
	width: 100%;
	color: #c0a891;
}

div.upcomingevents ul li.alternate{
	background-color: #2a2724;
}

div.upcomingevents ul li table.upcomingevent{
	width: 100%;
	height: 50px;
}

div.upcomingevents ul li td.date{
	text-align: center;
	width: 25%;
	vertical-align: middle;
}

div.upcomingevents ul li td.text{
	text-align: left;
	vertical-align: middle;
	font-size: 14pt;
}

/* Latest news pod */
div.latestnews ul{
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: auto;
}

div.latestnews ul li{
	clear: both;	
	overflow: auto;
	border-top: 1px solid #35312c;
	padding: 3px 0px;
}

/* Column Layout */

ul.columnlayout{
	overflow: auto;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.columnlayout li.columnlayout{
	float: left;
}

ul.columnlayout li.left{
	width: 220px;
}

ul.columnlayout li.right{
	width: 120px;
}

ul.columnlayout li.main{
	width: 712px;
	margin-left: 8px;
}

ul.columnlayout li.sidemenu{
	width: 200px;
	margin: 0px 8px;
}

ul.columnlayout li.leftcontent{
	width: 812px;
	margin: 0px 8px 0px 0px;
}

ul.columnlayout li.leftcontent-fullwidth{
	width: 100%;
	margin: 0px 8px 0px 0px;
}

a.buttonlink{
	background-color: #291e14;
	padding: 3px 10px;
	color: #75ac4d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	float: right;
	margin-top: 5px;
	margin-bottom: 3px;
	margin-right: 5px;
	text-decoration: none;
	font-weight: bold;
}

a.buttonlink:hover{
	background-color: #222;	
}

a.button{
	background-color: #291e14;
	padding: 3px 10px;
	color: #75ac4d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

a.button:hover{
	background-color: #222;	
}

/* Advert */

div.advert{
	padding: 0;	
	border: 0;
	margin: 10px 0px;
	width: 940px;
	height: 100px;
	overflow: hidden;
}


div.mediagallerypod div.imageplaceholder{
	background-color: #35312c;
	width: auto;
	margin: 5px 0px;
	margin-bottom: 2px;
	text-align: center;
	padding: 10px;
}

/* News */
div.news{
	margin: 5px 0px;
	padding: 5px;
	border-bottom: 1px solid #35312c;
	overflow: auto;
	clear: both;
}

div.newsdetailspod{
	margin: 5px 0px;
	padding: 5px;
	border-top: 1px solid #35312c;
	overflow: auto;
}

div.newsdate{
	color: #c0a891;
	font-size: 7pt;
}

div.newscountry{
	text-align: left;
	margin:5px 0;
	clear: both;
}

div.newscountry a{
	color: #75ac4d;
}

div.newstext{
	color: #c0a891;
}

div.newstitle{
	color: #FFF;
	font-weight: bold;
	font-size: 11pt;
	width: 570px;
}

img.inlineimage
{
	margin: 0 10px 10px 10px;
	padding:1px;
	border:2px solid #c0a891;
}

img.whitebordered
{
	border: 1px solid #FFF;
	padding: 2px;
}

/* Links */

div.links
{
	margin: 5px; 0px;
}

div.link
{
	width:430px;
	margin-bottom: 15px;
}

div.lastlink
{
	width:430px;
}

div.link h2, div.lastlink h2
{
	font-weight: bold;
	margin: 0px;
	color: #FFF;
}

div.link h2 a, div.lastlink h2 a
{
	text-decoration: none;
	color: #75ac4d;
}

div.link h2 small, div.lastlink h2 small
{
	font-weight: normal;
}

div.link a:hover, div.lastlink a:hover
{
	text-decoration:none;
}

div.linkrow
{
	overflow:auto;
}

/* History */

div.historytext
{
	margin: 15px 10px 10px 10px;
}

div.sitemaptext
{
	margin: 15px 10px 10px 30px;	
}

div.sitemaptext ul li
{
	padding:5px;
}


div.sitemaptext ul.indented
{
	margin:0px 30px;
}

/* Statistics */
div.statistics {
	width: 800px;
	border: 5px solid #FFF;
	margin: 0 auto;
	margin-bottom: 2px;
}

div.statistics img{
	filter:alpha(opacity=50);
	opacity:0.5;
}

div.statistics:hover img{
	filter:alpha(opacity=100);
	opacity:1;
}

div.pod table.statisticstable{
	border-collapse: collapse;
}

div.pod table.statisticstable th{
	border-bottom: 1px solid #FFF;
}

div.pod table.statisticstable tr{
	background-color: #35312c;
}

div.pod table.statisticstable tr.alternate{
	background-color: #2a2724;
}

div.pod table.statisticstable td{
	padding: 2px;
}

/* Committees */

div.committeelist
{
	margin:15px 10px;
}

div.committee_member
{
	overflow:auto;
	margin:10px 0px;
}

div.committee_member_image
{
	float:left;
	width:110px;
	height:140px;
	margin-left:15px;
}

div.committee_member_details
{
	margin-left:10px;
	width:710px;
	float:left;

}

div.committeelist .committee_member_details p
{
	margin-top:0;
	margin-bottom:0;
}

/* Sub-Menu Pod */
div.submenu ul{
	list-style: none;
	margin: 6px 0px;
	padding: 0;
	clear: both;
}

div.submenu ul li{
	clear: both;
	margin-top: 1px;
	background-color: #35312c;
	color: #c0a891;
	overflow: auto;
}

div.submenu ul li:hover{
	background-color: #2a2724;
}

div.submenu ul li a{
	text-decoration: none;
	display: block;
	cursor: pointer;
	font-weight: bold;
	padding: 10px;
}

div.submenu ul li a.selected{
	color: #75ac4d;
}

/* Start Lists */
div.race{
	border-top: 1px solid #2a2724;
	border-right: 1px solid #2a2724;
	border-bottom: 1px solid #2a2724;
	width: 265px;
	float: left;
	margin: 5px;
	padding: 10px;
	min-height: 120px;
	cursor: pointer;
}

div.race:hover{
	background-color: #222;
}

span.racename{
	font-weight: bold;
	font-size: 12pt;
}

/* Horse Details */
div.horsedetails{
	margin: 0px 10px 10px 10px;
}

div.horsedetails b{
	text-transform: uppercase;
	font-size: 12pt;
}

div.horsedetails h2{
	margin: 5px 0px 5px 0px;
	font-size: 20pt;
}

/* Races */
#monthlycalendar{
	width: 100%;
}

#monthlycalendar td.month{
	background-color: #111111;
}

#monthlycalendar ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#monthlycalendar li.monthtitle{
	background-color: #2f261d;
	background-image: url("../media/images/web/th_bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	text-transform: uppercase;
	padding: 5px;
	font-weight: bold;
}

#monthlycalendar li.meetings{
	overflow: auto;
	padding: 8px 5px;
	background-color: #252322;
	background-image: url("../media/images/web/tr_bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	cursor: pointer;
}

#monthlycalendar li.meetings a:hover{
	text-decoration: underline;
}

#monthlycalendar li.meetings:hover{
	background: none;
	background-color: #75ac4d;
	color: #000;
}

#monthlycalendar li.meetings:hover a{
	color: #000;
}



/* Latest Results */
ul.latestresult{
	list-style: none;
	overflow: auto;
	margin: 0;
	padding: 0;
}

ul.latestresult > li{
	float: left;
	width: 30%;
	text-align: center;
	background-color: #35322d;
	padding: 10px;
	height: 150px;
}

ul.latestresult > li.alternate{
	background-color: #2b2724;
}

/* Search */
div.searchresult{
	overflow: auto;
	width: 98%;
	border: 1px solid #FFF;
	cursor: pointer;
	margin: 5px 0px;
	padding: 10px;
	border: 1px solid #402d1c;
}

div.searchresult:hover{
	background-color: #35322d;
}

div.searchresult span.horsename{
	font-size: 12pt;
	font-weight: bold;
}

div.searchpod{
	width:458px;
}

div.searchform{
	padding: 20px;
	background-color: #35322d;
}

div.searchtitle{
	background-color: #2f261d;
	background-image: url("../media/images/web/th_bg.gif");
	background-repeat: repeat-x;
	background-position: top;
	text-transform: uppercase;
	padding: 5px;
	font-weight: bold;	
	border-bottom: 1px solid #efe0d1;
}

div.searchform input[type=text]{ 
	width: 300px;
	margin: 0px;
	padding: 10px 0px 10px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.searchform input[type=submit]{
	cursor: pointer;
	font-weight: bold;
	background-color: #291e14;
	color: #75ac4d;
	margin-left: 5px;
	padding: 9px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.searchform input[type=submit]:hover{
	background-color: #222;
}

div.searchpod h1{
	font-size: 14pt;
	font-weight: bold;
}

div.racinginfo{
	width: 500px;
	text-align: right;
}

/* Race Details */
table.raceinformation{
	width: 100%;
	font-size: 14pt;
}

table.raceinformation span.racenumber{
	font-size: 40pt;
	font-weight: bold;
}

table.raceinformation h1.racename{
	text-align: center;
	font-size: 15pt;
	font-weight: bold;
	margin: 10px 0px 20px 0px;
}

/* Horses List */
table.horselist{
	width: 100%;
}

table.horselist tr{
	border-spacing: 2pt 2pt;
	background-color: #35322d;
}

table.horselist th{
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}

table.horselist td{
	font-size: 10pt;
	padding: 2px;
}

table.horselist tr.alternate{
	background-color: #2a2724;
}

table.horselist td.horsenumber{
	font-size: 14pt;
	font-weight: bold;
}

table.horselist td.horsedetails{
	padding-left: 7px;
}

table.horselist tr.place{
	background-color: #75ac4d;
	font-weight: bold;
}

table.horselist tr.place td{
	color: #000;
}

table.toteinfo{
	font-size: 13pt;
}

/* Contact */
#enquiryform_container
{
	width: 100%;	
}

table.contactForm{
	width: 100%;	
}

table.contactForm input[type=text]{
	background-color: #2a2724;
	border: 1px inset #c0a891;
	color: #fff;
	padding: 3px;
}

table.contactForm input[type=submit]{
	background-color: #291e14;
	padding: 3px 10px;
	color: #75ac4d;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
}

table.contactForm input[type=submit]:hover{
	background-color: #222;	
}	


table.contactForm td.leftFormColumn{
	width: 85px;	
	padding-top: 9px;
	font-size: smaller;
	font-weight: bold;
}

#enquiryform_container input.formEmail
{
	width: 60%;
}

#enquiryform_captcha{
	width: 30%;	
}
table.contactForm td textarea
{
	padding: 3px;
	color: #fff;
	background-color: #2a2724;
	border: 1px inset #c0a891;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9pt;
	width: 95%;
	height: 100px;
}

table.contactForm input[type=text].error{
	border: 1px inset #f00;	
}

table.contactForm textarea.error{
	border: 1px inset #f00;	
}



table.contactForm td{
	padding: 3px;
}

table.contactForm td div{
	width: 100%;	
}


/* Race Track */
div.trackMenuItem{
	background-color: #291e14; padding: 11px 10px; margin-bottom: 1px;
}

div.trackMenuItem div.percentage{
	float: right;
}

div.trackMenuItem:hover{
	background-color: #2a2724;
}


div.trackMenuItemEnabled{
	cursor: pointer;	
}

div.trackMenuItemDisabled{
	cursor: default;
	opacity:0.4;filter:alpha(opacity=40);
}

div.trackMenuItemDisabled:hover{
	background-color: #291e14; 
}

div.trackMenuItemSelected{
	background-color: #75ac4d;
	color: #fff;
	cursor: default;
}

div.trackMenuItemSelected:hover{
	background-color: #75ac4d;
}

div.raceTrackDetails{
	display: none;
	overflow: auto;
}