@charset "utf-8";
/* CSS Document */

body{
	margin: 0;
	padding: 0;
	background: url(images/bg.jpg) repeat-x #3c3c3c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

p{
	margin: 0 0 15px 0;
}

h1{
	font-size: 24px;
}

h2{
	font-size: 20px;
}

h3{
	font-size: 18px;
}

h4{
	font-size: 14px;
}

h5{
	font-size: 12px;
}

h6{
	font-size: 10px;
}

a:link, a:visited{
	color: #f1592a;
	text-decoration: none;
}

a:hover{
	color: #f1734c;
}

img{
	border: 0;
}

.floatleft{
	float: left;
	margin: 0 10px 10px 0;
}

#center{
	width: 900px;
	margin: 0 auto;
}

#repbanner{
	margin: 0;
	background: url(images/repbanner.jpg);
	width: 900px;
	height: 117px;
}

#newsletter{
	margin: 35px 20px 0 0;
	float: right;
	font-size: 10px;
	color: #666;
}

#signup{
	background: #d2653d;
	color: #fff;
	font-size: 10px;
}

#repnavigation{
	background:url(images/navbg.jpg) repeat-x;
	width: 900px;
	margin: 0;
	height: 38px;
	padding: 0;
	line-height: normal;
}

#repnavigation ul{
	margin: 0;
	padding: 0;
}

#repnavigation ul li{
	margin: 0;
	padding: 12px 20px;
	display: block;
	float: left;
	border-left: 1px solid #e57e45;
	border-right: 1px solid #bf4f2b;
	height: 14px;
}

#repnavigation a:link, #repnavigation a:visited{
	font-weight: bold;
	color: #fff;
	font-size: 13px;
	display: block;
}

#repnavigation a:hover{
	color: #cdcdcd;
}

#repcontent{
	background: #fff;
	padding: 20px 0;
	width: 900px;
	float: left;
}

#content1{
	padding: 0 0 0 20px;
	width: 575px;
	float: left;
}

#content1a{
	padding: 0 0 0 20px;
	width: 840px;
	float: left;
}

#content2{
	background:url(images/grungebg.gif) no-repeat bottom;
	padding: 0 20px;
	float: right;
	width: 245px;
}

#content2a{
	background: #ebebeb;
	padding: 20px;
	float: right;
	width: 245px;
}

#content2a1{
	background: #fff;
	padding: 20px;
	float: right;
	width: 245px;
}

#newsandinfo{
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #939393;
}

#sponsor{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #939393;
}

#socialmediabox{
	margin: 0 0 0 22px;
}

#content3{
	margin: 20px 0 0 0;
	padding: 14px 0 0 0;
	background:url(images/challengeyourself.jpg);
	width: 900px;
	height: 209px;
	float: left;
	clear: both;
}

#boxes{
	margin: 0 0 0 20px;
	height: 180px;
	width: 608px;
}

.zero img{
	margin: 0;
	padding: 0;
}

#whyrace{
	border: 6px solid #fff;
	float: left;
}

#whyracebox{
	margin: 10px 0 0 0;
	padding: 5px;
	background: #f1f1f1;
	border: 1px dotted #cdcdcd;
	text-align: center;
}

#nextevent{
	border: 6px solid #fff;	
	float: right;
}

.boxcaption{
	padding: 1px 0;
	background: #000;
	color: #fff;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
}

.boxcaption a{
	color: #fff;
}

.thumb img{
	border: 2px solid #dcdcdc;
}

#repfooter{
	margin: 0;
	padding: 16px 0 0 0;
	background:url(images/footerbg.jpg);
	width: 900px;
	height: 46px;
	float: left;
	font-size: 11px;
	text-align: center;
	color: #747474;
}

#repfooter a:link, #repfooter a:visited{
	color: #9d9d9d;
	font-weight: bold;
}

#repfooter a:hover{
	color: #b9b9b9;
}

/** Header swaps **/

.inv{
	display: none;
}

#newsandinfoh{
	margin: 0 0 10px 22px;
	background:url(images/newsinfo.gif);
	width: 200px;
	height: 39px;
}