/* CSS Document */
/* -------- SCROLL BOXES --------- */
/* -- these 2 style classes are applied using javascript -- */
.colSlideContainer {
	position:relative; 
	height:344px;
	overflow:hidden;
}
.colSlide {
	position:absolute; 
	top:0px; 
	left:0px; 
}
/* -------------------- */

div#threeColSlide {
	width:562px;
	height:688px;
	background-color:#333333;
	color:#FFFFFF;
}
div#twoColSlideOne {
	width:184px;
	height:688px;
	background-color:#333333;
	color:#FFFFFF;
}
div#twoColSlideTwo {
	width:184px;
	height:688px;
	background-color:#333333;
	color:#FFFFFF;
}


/* ----- styles for boxes (makes them look nice) ----- */
div#indexSpectator {
	color:#FFFFFF;
}
div#indexSpectatorTop {
	background-image:url(../images/backgrounds/spectator-popup.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:263px;
}
div#indexSpectatorCopy {
	width:140px;
	padding:120px 0px 0px 15px;
}
div#indexSpectatorBar {
	background-color:#73A31E;
	background-image:url(../images/backgrounds/green-grad.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:81px;
}
div#indexSpectatorBar h1{
	font-size:14px;
	font-weight:normal;
	padding:13px 0px 10px 15px;
}

div#indexSpectatorBottom {
	background-image:url(../images/backgrounds/spectator-popup-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:266px;
}

ul.spectatorPopList {
	list-style:none;
	width:184px;
	text-align:left;
}
ul.spectatorPopList li {
	border-bottom:1px solid #999999;
	padding:6px 0px;
}
ul.spectatorPopListGreenLink li a {
	color:#71A01E;
}
ul.spectatorPopList li a {
	display:block;
	padding:1px 1px 1px 10px;
	text-decoration:none;
}
ul.spectatorPopList li a:hover {
	padding:1px 1px 1px 10px;
	text-decoration:none;
	background-color:#FFFFFF;
}



div#indexHosTop {
	background-image:url(../images/backgrounds/hospitality-index-popup.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:263px;
}
div#hosTop {
	background-image:url(../images/backgrounds/hospitality-popup.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:263px;
}
div#indexHosBar {
	background-color:#323232;
	background-image:url(../images/backgrounds/black-grad.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:81px;
}
div#indexHosBar h1{
	font-size:14px;
	font-weight:normal;
	padding:13px 0px 10px 15px;
}
div#indexHosBottom {
	background-color:323232;
	background-image:url(../images/backgrounds/large-black-grad.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:344px;
}
ul.spectatorPopListBlueLink li a {
	color:#0095F3;
}
div#hosBottom {
	background-image:url(../images/backgrounds/hospitality-popup-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:266px;
}



div#indexRidersTop {
	background-image:url(../images/backgrounds/riders-index-popup.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:263px;
}
div#ridersTop {
	background-image:url(../images/backgrounds/riders-popup.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:263px;
}
div#indexRidersBar {
	background-color:#B30838;
	background-image:url(../images/backgrounds/red-grad.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:81px;
}
div#indexRidersBar h1{
	font-size:14px;
	font-weight:normal;
	padding:13px 0px 10px 15px;
}
div#indexRidersBottom {
	background-color:323232;
	background-image:url(../images/backgrounds/large-black-grad.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:344px;
}
ul.spectatorPopListPinkLink li a {
	color:#B30838;
}
div#ridersBottom {
	background-image:url(../images/backgrounds/riders-popup-bottom.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:266px;
}





/* ---------------------------------- */