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

html
{height: 100%;
margin-bottom: 0.01em;}

body { 
padding:0;
margin:0; 
font: normal 100% Arial, Sans-serif, Helvetica, Verdana;
background: url("/img/bg/superbg3.jpg") fixed top center;
text-align:center;}

.clear {clear:both; padding:0; margin:0;}
img {border:none;
display:block;}

.divider {
padding:5px 0 0 0;
background:url("/img/bg/dividerbg.png") top center no-repeat}

#wrapper {
margin: 0 auto;
width: 920px;
border:0px solid #000;} 


#header {
width:900px; 
padding:0;
border:0px solid #000;
margin:10px 10px 0 10px;
height:95px;
background:#FFF;}

.logo {
float:left;
padding:10px 10px 0 20px;
margin:0;}

#flags{ 
border:0px solid #000;
float:right;
background-color:#FFF;
padding: 4px 0 4px 4px;
margin: 0;} 

ul.flags {
border:1px solid #000;
float:right;
margin:0; 
padding:0; 
list-style:none;
display:block;}

.flags li {
padding:0 4px 0 0;
margin: 0; 
float:left;}

.date {
border:0px solid #000;
padding:15px 20px 0 0;
margin:0;}



/* IRM BUTTON  */

.irm-btn {
border:0px solid #000;
padding:0;
margin:0;
border:0px solid #000;}

.irm-btn a {
display: block;
height: 25px;
padding:14px 0;
text-align: center;
border:0px solid #000;
font: normal 70% Arial, Sans-serif, Helvetica, Verdana;
color:#fff;
background: url("/media/4192/irm-btn.png") top center no-repeat;
text-decoration:none;
text-indent:-999em;}

.irm-btn a:hover {
color:#666;
background: url("/media/4192/irm-btn.png") no-repeat bottom center;}



/* /IRM BUTTON  */



/* ------------------------------ MENU STYLES ------------------------------  */


/* Begin CSS Drop Down Menu */

#menu-container
	{
	text-align:left;
	width: 920px;
	height:24px;
	padding:11px 10px 10px 10px;
	margin:0;
	border:0px solid #000;
	background: url("/img/bg/navbg.png") no-repeat top left;
	font: normal 75% Arial, Sans-serif, Helvetica, Verdana;} 

#menu
	{
	float:left;
	}
		
#menu a
	{
	text-align: left;
	display:block;
	white-space:nowrap;
	padding:7px 9px 7px 9px;
	margin:0 0 1px 0;
	text-decoration:none;  
	color:#666;}

	
#menu a:link, #menu a:visited, #menu a:active	/* menu at rest */
	{
	color: #999;
	background-color: #FFF;
	text-decoration:none;	}
	
#menu a:hover						/* menu on mouse-over  */
	{
	color:#000;
	background: #FFF url("/img/bg/navOnbg.gif") no-repeat top left;
	text-decoration:none;}	
	
#menu a.top_parent, #menu a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	
	}
	
#menu a.parent, #menu a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background:#808080;
	border:#f2f2f2;	}

#menu ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	border-left:1px solid #ddd;
	background:#FFF;}

#menu li
	{
	position:relative;
	min-height: 1px;		
	vertical-align: bottom;
	background:#FFF;}

#menu ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 0;
	margin:0;
	background:#FFF;}
	
	#menu ul ul li
	{
	display:block;
	background:#fff;
	padding:0;
	margin:0;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;}
	
	#menu ul ul li a
	{
	padding:6px 50px 6px 10px;
	margin:0; 
	background:#FFF;}

#menu ul ul ul
	{
	top:0;
	left:100%;	}

div#menu li:hover
	{
	cursor:pointer;
	z-index:100;	}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

/* ------------------------------ MENU STYLES ------------------------------  */



/* ------------------------------ CONTAINER STYLES ------------------------------  */


#MainContainer {
width:920px;
padding:0;
margin:0;
border:0px solid #000;
overflow: hidden;
text-align:left;
background: url("/img/bg/subbg.png") repeat-y top center;}

/* ------------------------------ CONTENT STYLES ------------------------------  */

#BackgroundContainer {
width:910px;
padding:0 0 20px 0;
margin:0;
border:0px solid #000;
background: url("/img/skin/pageimage1.jpg") no-repeat bottom right;}

#BackgroundContainer2 {
width:910px;
margin:0;
border:0px solid #000;}


#ContentContainer {
width:570px;
padding:10px 10px 0 10px;
margin:0;
font: normal 80% Arial, Sans-serif, Helvetica, Verdana;}

#ContentContainerWide {
width:800px;
padding:10px 10px 0 10px;
margin:0;
font: normal 80% Arial, Sans-serif, Helvetica, Verdana;}

#ContentContainerLeft {
float:left;
width:300px;
border:0px solid #000;
padding:0 0 40px 0;
margin:0;
background: url("/img/bg/gradse.png") no-repeat bottom left;}

#ContentContainerRight {
float:left;
width:290px;
border:0px solid #000;
margin:0;
padding:0;}

#BlogContainer {
width:600px;
padding:10px 10px 50px 10px;
border:0px solid #000;
font: normal 80% Arial, Sans-serif, Helvetica, Verdana;
float:left;}


#BlogColumn {
width:240px;
padding:10px 10px 10px 10px;
border:0px solid #000;
font: normal 70% Arial, Sans-serif, Helvetica, Verdana;
float:left;}

/* ------------------------------ HEADINGS STYLES ------------------------------  */

h1 {}
h2 {padding:15px 25px 10px 25px; margin:0; color:#666; font: normal 140% Arial, Sans-serif, Helvetica, Verdana;}
h3 {padding:15px 25px 10px 25px; margin:0; color:#666; font: normal 120% Arial, Sans-serif, Helvetica, Verdana;}
h4 {padding:10px 25px 5px 25px; margin:0; color:#666; font: normal 120% Arial, Sans-serif, Helvetica, Verdana}
h5 {}
h6 {}
p {padding:10px 25px 5px 25px; margin:0; color:#666;}
ul {}
ul li {}
ol {}
ol li {}
.strong {font-weight: bold;}
.small {font: normal 80% Arial, Sans-serif, Helvetica, Verdana;}
#ContentContainer a {font-weight: bold; color:#666; text-decoration:none;}
#ContentContainer a:hover {font-weight: bold; color:#333; text-decoration:underline;}

#ContentContainerWide a {font-weight: bold; color:#666; text-decoration:none;}
#ContentContainerWide a:hover {font-weight: bold; color:#333; text-decoration:underline;}

#BlogContainer p {padding:10px 25px 5px 25px; margin:0; color:#666;}


ul {}
ul li {}
ol {}
ol li {}


#BlogColumn ul {
margin:0; 
padding:0; 
list-style:none;
display:block;}

#BlogColumn li {
width:200px;
padding:0;
margin: 0; 
float:left;}

#BlogColumn li a {font-weight: bold; color:#666; text-decoration:none;}
#BlogColumn li a:hover {font-weight: bold; color:#333; text-decoration:underline;}

.strong {font-weight: bold;}
#BlogContainer .small {font: normal 80% Arial, Sans-serif, Helvetica, Verdana;}
#BlogContainer a {font-weight: bold; color:#333; text-decoration:none;}
#BlogContainer a:hover {font-weight: bold; color:#333; text-decoration:underline;}

#BlogColumn h2 {padding:10px 0; margin:0; color:#666; font: normal 140% Arial, Sans-serif, Helvetica, Verdana;}

#BlogColumn h3 {padding:15px 0 10px 0; margin:0; color:#666; font: normal 120% Arial, Sans-serif, Helvetica, Verdana;}

/* CONTENT BTN  */

#contentBtn {
width:260px;
padding: 10px 0 5px 20px;
margin:0;
border:0px solid #000;
font-weight: normal; color:#fff; text-decoration:none;}

#contentBtn a.contentBtn {
display: block;
height: 12px;
padding:14px 0;
text-align: center;
border:0px solid #000;
font: normal 100% Arial, Sans-serif, Helvetica, Verdana;
color:#666;
background: url("/img/btns/magnoliabtn.png") top center no-repeat;
text-decoration:none;}

#contentBtn a.contentBtn:hover {
color:#666;
background: url("/img/btns/magnoliabtn.png") no-repeat bottom center;
text-decoration:none;}


/* CONTENT BTN  */

table.raceentry {margin:10px 25px 5px 25px; padding:0; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999; }
table.raceentry th {padding:5px 5px 20px 5px; width: 200px; background:#989482; color:#FFF; vertical-align:top; text-align:left; border-right:1px solid #999; }
table.raceentry td {padding:5px; background:#EDE9E3; color:#666; vertical-align:top; text-align:left; border-right:1px solid #999; border-top:1px solid #999;}

table.distance {margin:10px 25px 5px 25px; padding:0; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999; }
table.distance th {padding:5px 5px 20px 5px; width: 125px; background: url("/img/bg/gradnw.png") no-repeat top left; color:#333; vertical-align:top; text-align:left; border-right:1px solid #999; }
table.distance td {padding:5px; width: 125ox; background: url("/img/bg/gradnw.png") no-repeat top left; color:#666; vertical-align:top; text-align:left; border-right:1px solid #999; border-top:1px solid #999;}

table.prizemoney {margin:10px 25px 5px 25px; padding:0; border-top:1px solid #999; border-left:1px solid #999; border-bottom:1px solid #999; }
table.prizemoney th {padding:5px 5px 20px 5px; width: 125px; background: url("/img/bg/gradnw.png") no-repeat top left; color:#333; vertical-align:top; text-align:left; border-right:1px solid #999; }
table.prizemoney td {padding:5px; width: 125ox; background:#fff; color:#666; vertical-align:top; text-align:left; border-right:1px solid #999; border-top:1px solid #999;}

/* ------------------------------ FEATURES STYLES ------------------------------  */


#FeatureContainer {
width:920px;
padding:0;
margin:0;
border:px solid #000;
overflow: hidden;
text-align:left;
background: url("/img/bg/subbg.png") repeat-y top center;}

#FeatureRow {
width:900px;
padding:0 10px;
margin:0;
border:0px solid #000;}

#items{ 
width:900px;
padding:0;
margin:0;
border:0px solid #000;
font: normal 80% Arial, Sans-serif, Helvetica, Verdana;} 

ul.items {
margin:0; 
padding:0; 
list-style:none;
display:block;}

.items li {
width:300px;
padding:0;
margin: 0; 
float:left;
}



/* ENTER NOW BUTTON  */

#ContainerRow .items .enterbtnhome {
padding:60px 0 12px 0;
margin:0;
border:0px solid #000;
background: url("/media/9628/bg-enternow.jpg") no-repeat top left;}

.enterbtnhome a {
display: block;
height: 25px;
padding:14px 0;
text-align: center;
border:0px solid #000;
font: normal 70% Arial, Sans-serif, Helvetica, Verdana;
color:#fff;
background: url("../img/btns/enternow.png") top center no-repeat;
text-decoration:none;
text-indent:-999em;}

.enterbtnhome a:hover {
color:#666;
background: url("../img/btns/enternow.png") no-repeat bottom center;}



/* /ENTER NOW BUTTON  */

/* REGISTER INTEREST BUTTON  */

#ContainerRow .items .clickbtnhome {
padding:60px 0 12px 0;
margin:0;
border:0px solid #000;
background: url("/media/6913/reg-int-now1.jpg") no-repeat top left;}

.clickbtnhome a {
display: block;
height: 25px;
padding:14px 0;
text-align: center;
border:0px solid #000;
font: normal 70% Arial, Sans-serif, Helvetica, Verdana;
color:#fff;
background: url("/media/6893/clickhere.png") top center no-repeat;
text-decoration:none;
text-indent:-999em;}

.clickbtnhome a:hover {
color:#666;
background: url("/media/6893/clickhere.png") no-repeat bottom center;}

/* REGISTER INTEREST BUTTON  */



#FeatureRow .items .itempanel {
padding: 10px 25px;
margin:0;
border:0px solid #000;}

#FeatureRow .items .itempanelshade {
padding:0;
margin:0;
border:0px solid #000;
background: url("/img/bg/gradnw.png") no-repeat top left;}


/* ITEM PANEL BUTTON  */

#FeatureRow .items .itempanelbtn {
padding: 0 0 5px 0;
margin:0;
border:0px solid #000;}

.itempanelbtn a.greenbtn {
display: block;
height: 12px;
padding:14px 0;
text-align: center;
border:0px solid #000;
font: normal 70% Arial, Sans-serif, Helvetica, Verdana;
color:#fff;
background: url("/img/btns/greenbtn.png") top center no-repeat;
text-decoration:none;}

.itempanelbtn a:hover {
color:#666;
background: url("/img/btns/greenbtn.png") no-repeat bottom center;}


/* /ITEM PANEL BUTTON  */



#FeatureRow .items .itempanelimg {
padding: 0 5px;
margin:0;
border:0px solid #000;}

#FeatureRow .items .itempanelimg p {
padding:10px 25px 0 20px;
font: normal 77% Arial, Sans-serif, Helvetica, Verdana;
color:#666;}

#FeatureRow .items h3, #FeatureRow .items .item	panelshade h3 {
padding:15px 25px 5px 25px;
margin:0;
font: normal 86% Arial, Sans-serif, Helvetica, Verdana;
color:#666;}

#FeatureRow .items h3.signup {
padding:15px 25px 0 25px;
margin:0;
font: normal 86% Arial, Sans-serif, Helvetica, Verdana;
color:#666;
border:0px solid #000;}

#FeatureRow .items p, #FeatureRow .items .itempanelshade p {
padding:5px 25px 0 25px;
margin:0;
font: normal 80% Arial, Sans-serif, Helvetica, Verdana;
color:#666;}

#FeatureRow .items p.strong, #FeatureRow .items .itempanelshade p.strong {
padding:5px 25px 0 25px;
margin:0;
font: bold 80% Arial, Sans-serif, Helvetica, Verdana;
color:#666;}






/* ------------------------------ FOOTER STYLES ------------------------------  */


#footer {
width:920px;
padding:0;
margin:0;
border:0px solid #000;
overflow: hidden;
text-align:left;
background: url("/media/4447/footerbg.png") no-repeat top center;
font: normal 80% Arial, Sans-serif, Helvetica, Verdana;}

#footerLeft {
float:left;
padding:25px 0 20px 20px;
margin:0;
border:0px solid #000;}

#footerRight {
float:right;
padding:20px 40px 25px 0;
margin:0;
border:0px solid #000;}

ul.footer {
margin:0; 
padding:0; 
list-style:none;
display:block;
border:0px solid #000;}

.footer li {
padding:10px 10px;
margin: 0; 
float:left;
font: normal 88% Arial, Sans-serif, Helvetica, Verdana;}

.footer li a {
padding:0;
margin:0;
text-decoration:none;  
color:#666;}

.footer li a:hover {
text-decoration:none; 
color:#000;}


/* ------------------------------ END FOOTER STYLES ------------------------------  */

/* ------------------------------ 5 COLUMN LAYOUT ------------------------------  */



#ColumnContainer {
padding:0 10px 0 10px;
margin:0;
width:900px;
border:0px solid #000;
color:#666;
background: url("/img/bg/dividerbg.png") no-repeat top left;}

.five-column-content {
padding:0;
margin:0;
width:880px;
color:#666;}

.column5 { 
padding:10px;
border:0px solid #000;
margin:0;
width:150px; 

font: normal 90% Arial, Sans-serif, Helvetica, Verdana;
color:#666;

float:left;}

.column5 a.column5 { 
text-decoration:none;}

.column5 a.column5:hover { 
text-decoration:underline;
color:#666;}

.column5 .title {
display:block; 
font: normal 120% Arial, verdana, sans-serif;
font-weight:normal;
padding-bottom:10px;}


/* ------------------------------ 4 COLUMN LAYOUT ------------------------------  */


.four-column-content {
padding:0;
margin:0;
width:880px;
color:#666;}

.column4 { 
padding:10px;
border:0px solid #000;
margin:0;
width:187px; 

font: normal 90% Arial, Sans-serif, Helvetica, Verdana;
color:#666;

float:left;}

.column4 a.column4 { 
text-decoration:none;}

.column4 a.column4:hover { 
text-decoration:underline;
color:#666;}

.column4 .title {
display:block; 
font: normal 120% Arial, verdana, sans-serif;
font-weight:normal;
padding-bottom:10px;}


/* ------------------------------ 3 COLUMN LAYOUT ------------------------------  */

.three-column-content {
padding:0;
margin:0;
width:880px;
color:#666;}

.column3 { 
padding:10px;
border:0px solid #000;
margin:0;
width:250px; 
font: normal 90% Arial, Sans-serif, Helvetica, Verdana;
color:#666;

float:left;}

.column3 a.column3 { 
text-decoration:none;}

.column3 a.column3:hover { 
text-decoration:underline;
color:#666;}

.column3 .title {
display:block; 
font: normal 120% Arial, verdana, sans-serif;
font-weight:normal;
padding-bottom:10px;}


/* ------------------------------ 2 COLUMN LAYOUT ------------------------------  */


.two-column-content {
padding:0;
margin:0;
width:880px;
color:#666;}

.column2 { 
padding:10px;
border:0px solid #000;
margin:0;
width:370px; 

font: normal 90% Arial, Sans-serif, Helvetica, Verdana;
color:#666;

float:left;}

.column2 a.column2 { 
text-decoration:none;}

.column2 a.column2:hover { 
text-decoration:underline;
color:#666;}

.column2 .title {
display:block; 
font: normal 120% Arial, verdana, sans-serif;
font-weight:normal;
padding-bottom:10px;}


input {width: 250px; padding:3px;background: url("/img/bg/inputbg.png") repeat-x top left;}

textarea {width: 250px; height:120px; padding:3px;background: url("/img/bg/inputbg.png") repeat-x top left;}

input.image {width: 250px; padding:0;}
























































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */