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


/*MAIN CONTAINER/COLUMN STYLES*/


#maincontainer {
	width: 1300px;
	margin: 0px auto 0px auto;
	clear: both;
}

#threecontainer {
	width: 1300px;
	margin: 0px auto 0px auto;
	background: url(images/gutter-shadows.png) repeat-y;
	float: left;
}

#leftgap {
	width: 200px;
	float: left;
}

#rightgap {
	width: 200px;
	float: right;
}

#centralcontainer {
	width: 900px;
	float: left;
	background: #FFF url(images/nav-shadow.png) repeat-y;
}

#bottomcontainer {
	width: 1300px;
	height: 100px;
	background: url(images/bottom-gutter-shadow.png) no-repeat;
	clear: both;
}

.spacerdiv {
	height: 20px;
}

#social		{ text-align:center; padding-top:0px; }

#social p{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #8e8e8e;
	text-align: center;
	clear: both;
}


/*MAIN (CENTERED) HOME LAYOUT STYLES*/


#topimagepanel-banners							{ width:900px; height:320px; background-color:#000 }
#topimagepanel-banners .banner					{ position:relative }
#topimagepanel-banners .banner-01				{ position:relative; background-image:url(images/home-anniversary.jpg);		width:900px; height:320px; display:block }
#topimagepanel-banners .banner-02				{ position:relative; background-image:url(images/home-jude-heroes.jpg);		width:900px; height:320px; display:block }
#topimagepanel-banners .banner-03				{ position:relative; background-image:url(images/home-medals.jpg);			width:900px; height:320px; display:block }
#topimagepanel-banners .banner-04				{ position:relative; background-image:url(images/home-bib-numbers.jpg);		width:900px; height:320px; display:block }
#topimagepanel-banners .banner-05				{ position:relative; background-image:url(images/home-sold-out.jpg);		width:900px; height:320px; display:block }

#topimagepanel-banners .date					{ width:640px; height:120px; text-align:right; padding-top:136px }

#topimagepanel									{ width: 900px; height: 320px; background-color: #FFF }

#homeinfopanel									{ min-height: 180px; background: #000 url(images/ush-1-title-panel.png) no-repeat; padding-bottom:20px }

#homeinfoleftcolumn		{ float:left; width:280px; margin-left:85px; margin-top:150px; display:inline-block; }
#homeinforightcolumn	{ float:left; min-height:140px; width:430px; margin-left:85px; margin-top:34px; display:inline-block; }
.clr					{ clear:both }

#signups {
	padding: 0px 20px 10px 450px;
}

#newsletterdiv {
	float:right;
	width:185px;
}

#registerdiv a:link		{ float:left; width:225px; height:38px; display:inline-block; background:url(images/register-centre.png) no-repeat; background-position:0px 0px }
#registerdiv a:hover	{ background-position:-225px 0px }

#confirmdiv a:link		{ float:left; width:205px; height:38px; display:inline-block; background:url(images/register-confirm.png) no-repeat; background-position:0px 0px }
#confirmdiv a:hover		{ background-position:-205px 0px }


/*MENU BUTTONS J-QUERY 1*/

#menucontainer {
	width:900px;
	height: 80px;
	background-color: #FFF;
	clear: both;
}
#menucontainer div {
	float:left;
	width:225px;
	height:80px;
	position:relative;
	overflow:hidden;
}
#menucontainer img {
	position:absolute;
}


/*MENU BUTTONS J-QUERY 2*/

#menucontainershort {
	width:900px;
	height: 55px;
	background-color: #FFF;
	clear: both;
}
#menucontainershort div {
	float:left;
	width:225px;
	height:55px;
	position:relative;
	overflow:hidden;
}
#menucontainershort img {
	position:absolute;
	top: -12px;
}


/*BOTTOM BUTTONS J-QUERY*/

#bottombuttons {
	width: 900px;
	height: 50px;
	background-color: #FFF;
	margin: 0px auto auto auto;
	clear: both;
}
#bottombuttons.black {
	background-color: #000;
}

#bottombuttons div {
	float:left;
	width: 190px;
	height:50px;
	position:relative;
	overflow:hidden;
}
#bottombuttons img {
	position:absolute;
}
#bottombuttons div.small {
	width: 70px;
}


/*HOME ICON*/


#leftgap div {
	float:left;
	width: 200px;
	height: 248px;
	position:relative;
	overflow:hidden;
}

#leftgap .date		{ text-align:center; margin-top:220px; height:28px; overflow:hidden }
#leftgap .date p	{ font-size:22px; font-weight:700; color:#FFF }
#leftgap a:link		{ text-decoration:none }

.homestatic {	
	width: 200px;
	height: 248px;
	display:inline-block;
	background:url(images/ushalf-icon.png) no-repeat;
	background-position:0px 0px;
}


.homelink a:link {	
	width: 200px;
	height: 248px;
	display:inline-block;
	background:url(images/ushalf-icon.png) no-repeat;
	background-position:0px 0px;
}

.homelink a:hover {
	background-position:-200px 0px;
}

.register-tab a:link {	
	width: 200px;
	height: 78px;
	display:inline-block;
	background:url(images/register-tab.png) no-repeat;
	background-position:0px 0px;
}

.register-tab a:hover {
	background-position:-200px 0px;
}


/*RIGHT RACE ICONS*/

#rightgap					{ width:200px; height:285px; margin-top:35px; overflow:hidden; }
.right-races				{ width:200px; height:20px; text-align:left; }
h2.racewhite				{ font-size:16px; font-weight:400; color:#FFF; margin-bottom:0px; margin-left:12px }
.race-01 a:link				{ width:200px; height:86px; display:block; background:url(images/race-01.png) no-repeat; background-position:0px 0px; margin-bottom:10px }
.race-02 a:link				{ width:200px; height:86px; display:block; background:url(images/race-02.png) no-repeat; background-position:0px 0px; margin-bottom:10px }
.race-02 a:hover			{ background-position:-220px 0px; }






/*RACE SWITCHERS J-QUERY*/

#raceswitchers {
	width: 200px;
	height: 158px;
	margin: 58px 0px 0px 0px;
	clear: both;
}
#raceswitchers div {
	float:left;
	width: 200px;
	height: 26px;
	margin-bottom: 3px;
	position:relative;
	overflow:hidden;
}
#raceswitchers img {
	position: absolute;
	left: -10px;
}



/*SPACERS*/

.spacer14 {
	height: 10px;
}

.black {
	background-color: #000;
}

.red {
	background: url(images/menu-red.gif) repeat-x;
}

.yellow {
	background: url(images/menu-orange.gif) repeat-x;
}

.green {
	background: url(images/menu-skyblue.gif) repeat-x;
}

.blue {
	background: url(images/menu-darkred.gif) repeat-x;
}


/*COLUMNS*/

#leftnavarea {
	width: 205px;
	min-height: 300px;
	padding: 30px 0px 30px 20px;
    margin: 0px 0px 0px 0px;
	text-align: right;
    float: left;
	display: inline;
	list-style-type: none;
	list-style: none;
}

#middledouble {
	width: 410px;
    min-height: 300px;
    margin: 0px 0px 0px 225px;
	padding: 30px 20px 30px 20px;
}

#middletriple {
	width: 635px;
    min-height: 300px;
    margin: 0px 0px 0px 225px;
	padding: 30px 20px 30px 20px;
}

/*PARTNERS TABLEWERKS*/

.partners {
  margin-top: 30px;
}

td.partner {
  /*width: 160px;
  height: 90px;*/
  padding-right: 30px;
  vertical-align: middle;
}