/* New Styles for FTR Home Page */

/* DEBUG STYLES */
.debug {
background-color: #FFFF00;
}

/* Styles to control the layout and structure */
 	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: .95em;
		margin: 7px 20px 20px 20px;
		padding:0px;
		height: 100%;
		background-image: url(images/tire_tread_tile.gif);
		background-repeat: repeat-x;
		background-position: top left;
		background-color: #000;
		text-align: center;
		}
 	
/*	#leftcontent {
		position: absolute;
		left:10px;
		top:140px;
		width:200px;
		background:#fff;
		}

	#centercontent {
		background:#ccc;
		top:120px;
   		margin-left: 219px;
   		margin-right:219px; */
		/* The following "voice-family" code is to get around an IE bug. */		
/*		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 220px;
   		margin-right:220px;
		}
	html>body #centercontent {
		top:120px;
   		margin-left: 220px;
   		margin-right:220px;
		}

	#rightcontent {
		position: absolute;
		right:10px;
		top:140px;
		width:200px;
		background:#fff;
		}
*/	
 div#headerWrapper  {
		position: absolute;
		top: 10px;
		left: 65px;
		margin: 0px;
		width: 745px;
		background-color: transparent;
		height: 130px;
		text-align: left;
		}

	html>body #headerWrapper {
		height:130px;
 		/* The following "voice-family" code is to get around an IE bug. */		
 		voice-family: "\"}\"";
		voice-family: inherit;
		height:130px;
		}
 
img#mastLogo {
margin-top:0px;
margin-right: 42px;
}


div#mainWrapper {
position: absolute;
top: 150px;
left: 20px;
width: 830px;
margin: 0px;
padding:0px;
margin-top: 0px;
text-align:left;
background: #000;
}


div#centerColumnWrapper {
float: left;
width: 330px;
padding: 0px;
margin-bottom: 10px;
background-color: transparent;
}

div#leftColumnWrapper {
float: left;
width: 192px;
padding: 0px;
margin-right: 10px;
background-color: #000;
}

div#rightColumnWrapper {
float: right;
width: 256px;
padding: 0px;
margin-left: 5px;
background-color: #000;
}

div.leftSideBox {
width: 122px;
border: 1px solid #000;
margin-bottom: 5px;
background-color: #FFF;
}

div.leftBannerBox {
width: 120px;
border: 1px solid #000;
margin-bottom: 5px;
background-color: #000;
}

div.leftBannerBox img {
/*margin-bottom: 5px;*/
}

div.leftSideBox  p h1 h2 h3 {
margin: 0px 10px;
}

.leftSideBoxHeader {
padding: 3px 10px;
background: #F30 url(images/ul_corner.gif) top left no-repeat;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
line-height: 120%;
font-weight: bold;
}

div.centerBox {
width: 350px;
/*border: 1px solid #000;*/
margin-bottom: 5px;
background: #FFF url(images/cycle_01.jpg) top right no-repeat;
}

div.centerBoxNoPix {
width: 350px;
/*border: 1px solid #000;*/
margin-bottom: 5px;
background-color: #FFF;
}




div.box-body {
padding: 10px;
background-color: none;
}

p.box-body-link {
font-size: 14px !important;
margin: 10px 0px;
}

p.box-body-link a {
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}


	
#centerBoxHeader {
padding: 3px 10px;
background: #F30 url(images/ul_corner.gif) top left no-repeat;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
line-height: 120%;
font-weight: bold;
}


div.slideshowBox {
width: 350px;
border: 1px solid #000;
margin: 0px 0px 5px 0px;
background-color: #000;
}
		
div.slideshowBox  p h1 h2 h3 {
margin: 0px 10px;
}

p#slideshowBoxHeader {
padding: 3px 10px;
background: #F30 url(images/ul_corner.gif) top left no-repeat;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
line-height: 120%;
font-weight: bold;
}




div.rightSideBox {
width: 256px;
border: 1px solid #000;
margin-bottom: 5px;
background-color: #FFF;
}

div.rightSideVideoBox {
width: 256px;
border: 1px solid #000;
margin-bottom: 5px;
background-color: #000;
}

		
div.rightSidePixBox {
width: 231px;
border: 1px solid #000;
margin-bottom: 5px;
background-color: #000;
}
		
div.rightSideBox  p h1 h2 h3 {
margin: 0px 10px;
}

.rightSideBoxHeader {
padding: 3px 10px;
background: #F30 url(images/ul_corner.gif) top left no-repeat;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
line-height: 120%;
font-weight: bold;
}

.rightSidePixHeader {
padding: 3px 10px;
margin: 0px;
background: #F2DF00 url(images/ul_corner.gif) top left no-repeat;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
line-height: 120%;
font-weight: bold;
}


.eventTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 120%;
font-weight: bold;
color: #CC0000;
margin: 0px;
padding: 0px;
padding-left: 5px;
}
 
div.eventScroll {
text-align: left;
height: 120px;
width: 240px;
padding: 0px 5px 5px 10px;
margin: 0px;
background-color: transparent;
overflow: auto;
/* The following "voice-family" code is to get around an IE bug. */		
voice-family: "\"}\"";
voice-family: inherit;
height: 120px;
}
html>body .eventScroll {
height: 120px;
}

.eventScroll p {
font-size: 1.0em;
font-weight: bold;
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 1px solid #CCC;
}
 		
.eventMonth {
font-size: 1.1em;
font-weight: bold;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 2px;
margin-bottom: 2px;
border-bottom: 1px solid #CCC;
background: #C00;
color: #FFF;
text-transform: uppercase;
}
 		
p.scheduleLink {
padding: 5px 10px;
margin: 0px;
background-color: #DDD;
border-top: solid 1px #AAA;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 120%;
font-weight: bold;
/* The following "voice-family" code is to get around an IE bug. */		
voice-family: "\"}\"";
voice-family: inherit;
}
html>body #scheduleLink {
}

.scheduleLink a {
font-weight: normal;
font-size: .85em;
line-height: 100%;
text-transform: uppercase;
padding: 0px 12px 0px 0px;
background: #DDD url(images/bullet_rt_8.jpg) center right no-repeat;
}

/*For the About FTR box */
div.aboutScroll {
text-align: left;
height: 395px;
width: 335px;
padding: 0px 5px 5px 10px;
margin: 0px;
background-color: transparent;
overflow: auto;
/* The following "voice-family" code is to get around an IE bug. */		
voice-family: "\"}\"";
voice-family: inherit;
height: 395px;
}
html>body .aboutScroll {
height: 395px;
}

div.aboutScroll p {
font-size: 1.0em;
}


/*For the FTR Banquet box (replaces About Box) */
div.banquetScroll {
text-align: left;
/*height: 300px;*/
width: 335px;
padding: 0px 5px 5px 10px;
margin: 0px;
background-color: transparent;
/*overflow: auto;*/
/* The following "voice-family" code is to get around an IE bug. */		
/*voice-family: "\"}\"";
voice-family: inherit;
height: 300px;
*/}
html>body .banquetScroll {
/*height: 300px;*/
}

div.banquetScroll p {
font-size: 12px;
}



div.announcement {
border-bottom: 1px solid #CCF;
margin-bottom: 3px;
padding-bottom: 0px;
}

div.announcement h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 120%;
font-weight: bold;
padding: 5px 10px;
}

div.announcement p {
font-family: Arial, Helvetica, sans-serif;
font-size: .98em;
line-height: 120%;
padding: 0px 10px 0px 10px;
margin-top: 0px;
}

div.announcement a {
font-weight: bold;
font-size: .98em;
line-height: 100%;
text-transform: uppercase;
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}

div.announcement a:link a:visited a:hover a:active {
font-weight: bold;
font-size: .98em;
line-height: 100%;
text-transform: uppercase;
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}

div.special {
background-color: #FFC;
}


div.newsItem {
border-bottom: 1px solid #CCF;
margin-bottom: 3px;
padding-bottom: 0px;
}

div.newsItem h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: .98em;
line-height: 110%;
font-weight: bold;
padding: 5px 10px;
}

div.newsItem p {
font-family: Arial, Helvetica, sans-serif;
font-size: .98em;
line-height: 110%;
padding: 0px 10px 0px 10px;
margin-top: 0px;
}

div.newsItem a {
font-weight: normal;
font-size: .85em;
line-height: 100%;
font-weight: bold;
text-transform: uppercase;
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}


/*Banquet Info*/
div.banquetInfo {
border-bottom: 1px solid #CCF;
margin-bottom: 3px;
padding-bottom: 0px;
}

div.banquetInfo h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 116%;
line-height: 120%;
font-weight: bold;
padding: 5px 10px;
}

div.banquetInfo p {
font-family: Arial, Helvetica, sans-serif;
font-size: 93%;
line-height: 120%;
padding: 0px 10px 0px 10px;
margin-bottom: 3px;
}

div.banquetInfo h2 {
font-weight: normal;
font-size: 108%;
line-height: 130%;
font-weight: bold;
padding: 0px 10px 10px 10px;
}

div.banquetInfo a {
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}

/*h2.banquetLink a:link {
font-weight: normal;
font-size: 120%;
line-height: 100%;
font-weight: bold;
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}*/

/*div.banquetInfo a:visited {
font-weight: normal;
font-size: 120%;
line-height: 100%;
font-weight: bold;
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}*/

/*div.banquetInfo a:hover {
font-weight: normal;
font-size: 120%;
line-height: 100%;
font-weight: bold;
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}*/

/*div.banquetInfo a:active {
font-weight: normal;
font-size: 120%;
line-height: 100%;
font-weight: bold;
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}*/

/*div.banquetInfo a {
font-weight: bold;
text-transform: uppercase;
padding: 0px 12px 0px 0px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}*/


/*end Banquet Info*/



p.moreNewsLink a {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 120%;
font-weight: bold;
padding: 2px 12px 5px 10px;
background: url(images/bullet_rt_8.jpg) center right no-repeat;
}


.dialUpLink {
padding: 5px 10px;
margin: 0px;
background-color: #DDD;
border-top: solid 1px #AAA;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 120%;
font-weight: bold;
/* The following "voice-family" code is to get around an IE bug. */		
voice-family: "\"}\"";
voice-family: inherit;
}
html>body #scheduleLink {
}

.lastBoxItem {
border: none;
}

.sponsorBoxHeader {
padding: 3px 10px;
background: #F30 url(images/ul_corner_gray.gif) top left no-repeat;
color: #C00;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
line-height: 120%;
font-weight: bold;
}

div#sponsorBox {
float: left;
width: 830px;
margin: 0px 0px 10px 0px;
background: #FFF url(images/cycle_progr_box.jpg) bottom right no-repeat;
}

.sponsorBoxText {
margin: 0px 0px 0px 10px;
}

.fullWidthHeader {
padding: 3px 20px;
background: #F30 url(images/ul_corner_gray.gif) top left no-repeat;
color: #C00;
font-family: Arial, Helvetica, sans-serif;
font-size: 150%;
line-height: 150%;
font-weight: bold;
}

div#fullWidthBox {
width: 830px;
margin: 0px 0px 10px 0px;
background: #FFF url(images/contingency_logos/cycles_bkgnd.jpg) top right no-repeat;
}

div.leftLogoBox {
float: left;
display: block;
margin: 20px 0px 10px 20px;
width: 200px;
}

div.rightTextBox {
float: left;
margin-left: 10px;
width: 300px;
margin: 20px 0px 10px 30px;
font-family: Arial, Helvetica, sans-serif;
}

div.rightTextBox h1{
font-size: 130%;
font-family: Arial, Helvetica, sans-serif;
margin: 30px 0px 0px 0px;
}

div.rightTextBox h2{
font-size: 120%;
font-family: Arial, Helvetica, sans-serif;
}

/*div.rightTextBox h1 a {
font-size: 180%;
font-family: Arial, Helvetica, sans-serif;
} */



div.programBox {
float: left;
margin-left: 10px;
width: 275px;
}

div.programBox h2{
font-size: 1.2em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
}

div.programBox h3{
font-size: .98em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
border-top: 1px solid #333;
}

div#sponsorImg {
margin-left: auto;
margin-right: auto;
}

img#sponsorImg {
float: left;
margin: 5px 0px 5px 5px;
}


div.footer {
clear: both;
border-top: 1px solid #FFF;
}
div.footer p{
text-align: center;
font-size: .90em;
line-height: 1.25em;
color: #FFF;
}

p#copyright {
padding: 15px 0px 0px 0px;
font-weight: bold;
}
		
/* Content Styles */

body {
font-size: 0.72em;
font-family: Arial, Helvetica, sans-serif; 
line-height: 1; 
color: #000; 
} 

strong {
font-weight: bold;
} 

em {
font-style: italic;
}

img {
margin: 0px;
padding: 0px;
border: none;
}

table {
margin: 0px;
padding: 0px;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: .98em;
line-height: 1.3em;
margin-bottom: 5px;
color: #000000;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
line-height: 120%;
font-weight: bold;
color: #CC0000;
margin: 0px;
padding: 0px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
line-height: 120%;
font-weight: bold;
color: #CC0000;
margin: 0px;
padding: 0px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
line-height: 120%;
font-weight: bold;
color: #CC0000;
margin: 0px;
padding: 0px;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
line-height: 120%;
font-weight: bold;
color: #000000;
margin: 0px;
padding: 0px;
}



a:link {
color: #009;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #009;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #063;
font-weight: bold;
text-decoration: none;
}

a:active {
color: #009;
font-weight: bold;
text-decoration: none;
}

ul {
font-family: Arial, Helvetica, sans-serif;
line-height: 120%;
color: #000;
list-style-position: outside;
list-style-type: square;
margin: 0px 0px 0px 15px;
padding: 0px;
}

dl {
font-family: Arial, Helvetica, sans-serif;
line-height: 14px;
color: #000;
}
dt {
font-weight: bold;
color: #C00;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
line-height: 120%;
}
ol {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
line-height: 120%;
color: #000;
}

li {
/*padding-bottom: 6px;*/
}

.eb-small {
font-family: Arial, Helvetica, sans-serif;
font-size: .75em;
line-height: 120%;
color: #000;
}

td.eventlist {
vertical-align: top;
width: auto;
}

div#eventScroll p {
font-size: .95em;
line-height: 1.4em;
padding: 0px;
margin: 0px;
}

div#eventScroll p a {
text-decoration: none;
border-bottom: 1px solid #999;
}

div#eventScroll h3 {
font-size: .95em;
font-weight: bold;
padding: 0px 0px 2px 0px;
margin-bottom: 2px;
border-bottom: solid 1px #CCC;
}

.moreLink {
font-weight: bold;
font-size: 70%;
text-transform: uppercase;
padding-left: 5px;
}

.clearBoth {
clear: both;
}

.highlight {
background-color: #FF0;
}

.smalltext {
font-family: Arial, Helvetica, sans-serif;
font-size: .78em;
line-height: 120%;
}

.center {
text-align: center;
}

div.videobox {
	width: 256px;
	/*border: 1px solid #000;*/
	margin-bottom: 5px;
	background: #000;
}


img.center {
margin-left: auto;
margin-right: auto;
}

img.left {
float: left;
}

img#headertxt {
position: absolute;
top: 15px;
left: 185px;
}

img#joinButton {
padding-top: 10px;
}

img#videoPlayer {
padding: 0px 3px;
}

img#featurePix {
padding: 0px 0px;
margin: 0px 0px 10px 0px;
}

img.joinButton {
padding: 10px 0px;
}

h1.featurePix {

}

/* ANNOUNCEMENTS MANAGER STYLES - center column */

div#centerSpecialBox {
width: 350px;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #C00;
margin-bottom: 10px;
}

div#centerSpecialBox {
	margin-bottom: 10px;
}
.centerSpecialBox h1 {
color: #FF0;
text-align: center;
}

.centerSpecialBox h2 {
color: #FF0;
text-align: center;
}

.centerSpecialBox h3 {
color: #FF0;
text-align: center;
}

.centerSpecialBox p {
color: #FFF;
font-weight: bold;
text-align: center;
}

.centerSpecialBox a {
padding: 0px 12px 0px 0px;
background: #C00 url(../images/bullet_rt_8.jpg) center right no-repeat;
text-align: center;
}

.centerSpecialBox a:link {
color: #FF0;
}

.centerSpecialBox a:visited {
color: #FF0;
}

.centerSpecialBox a:hover {
color: #FC0;
}

div.specialBoxBody {
font-size: .90em;
padding: 5px 10px 0px 10px;
background-color: #C00;
text-align: center;
/*border-bottom: 10px solid #000;*/
margin-bottom: 10px;
padding-bottom: 10px;
}

div.specialBoxBody p {
color: #FFF;
font-size: 1.2em;
line-height: 110%;
font-weight: 600;
text-align: center;
background-color: #C00;
}

div.specialBoxBody p strong{
font-size: 1.2em;
line-height: 110%;
font-weight: 900;
text-align: center;
}

div.specialBoxBody h3 {
font-size: 1.3em;
line-height: 110%;
font-weight: bold;
color: #FF0;
text-align: center;
}

div.specialBoxBody h2 {
color: #FF0;
font-size: 1.4em;
line-height: 110%;
font-weight: bold;
padding-bottom: 3px;
text-align: center;
}

div.specialBoxBody h1 {
color: #FF0;
text-align: center;
font-size: 1.5em;
line-height: 110%;
font-weight: bold;
}


div.specialBoxBody a {
	color: #FF0;
}

div.specialBoxBody a:link {
color: #FF0;
}

div.specialBoxBody a:visited {
color: #FF0;
}

div.specialBoxBody a:hover {
color: #FC0;
}




div.specialBoxHeader {
padding: 3px 10px;
background: #F30 url(../images/ul_corner_orange.gif) top left no-repeat;
}

div.specialBoxHeader p {
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
line-height: 120%;
font-weight: bold;
text-align: center;
}

div.specialBoxEndLink {
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
text-align: center;
background-color: #C00;
}

div.specialBoxEndLink a {
padding: 0px 12px 0px 0px;
background: #C00 url(images/bullet_rt_8.jpg) center right no-repeat;
text-align: center;
font-size: 1.3em;
}

div.specialBoxEndLink a:link {
color: #FF0;
text-align: center;
}

div.specialBoxEndLink a:visited {
color: #FF0;
text-align: center;
}

div.specialBoxEndLink a:hover {
color: #FC0;
text-align: center;
}

div.specialBoxEndLink a:active {
color: #F60;
text-align: center;
}


/* END - ANNOUNCEMENTS MANAGER STYLES - center column */


/* TEST STYLES FOR MAGAZINE PAGE */
.magazineBoxHeader {
padding: 3px 10px;
background: #F30 url(images/ul_corner_gray.gif) top left no-repeat;
color: #C00;
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
line-height: 120%;
font-weight: bold;
}

div#magazineBox {
float: left;
width: 830px;
margin: 0px 0px 10px 0px;
/* background: #FFF url(images/cycle_progr_box.jpg) bottom right no-repeat; */
background-color: #fff;
}

.magazineBoxText {
margin: 0px 0px 0px 10px;
}


div.magazineSelect {
float: left;
margin-left: 10px;
clear: both;
}

div.magazineBoxTitle {
float: left;
margin: 10px 0px 10px 10px;
clear: both;
}

div.magazineBoxContent {
float: left;
margin-left: 10px;
width: 300px;
}

div.magazineBoxContent h2 {
font-size: 1.1em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
}

div.magazineBoxContent h2 a {
font-size: 1.2em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
}

div.magazineBoxContent h3 {
font-size: .98em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
border-top: 1px solid #333;
}

div.magazineBoxContentLeft {
float: left;
margin-left: 10px;
margin-bottom: 20px;
width: 250px;
}

div.magazineBoxContentLeft h2 {
font-size: 1.1em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
}

div.magazineBoxContentLeft h2 a {
font-size: 1.2em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
}

div.magazineBoxContentLeft h3 {
font-size: .98em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
/* border-top: 1px solid #333; */
}

div.magazineBoxContentRight {
float: left;
margin-left: 20px;
width: 450px;
}

div.magazineBoxContentRight h2 {
font-size: 1.1em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
}

div.magazineBoxContentRight h2 a {
font-size: 1.2em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
}

div.magazineBoxContentRight h3 {
font-size: .98em;
padding: 3px 0px 0px 0px;
margin: 3px 0px 2px 0px;
/* border-top: 1px solid #333; */
}

div.magazineThumbnail {
float: right;
/* margin-left: 10px; */
width: 150px;
}


.eb-link-2008 {
	color: #fff;
}

a:link.eb-link-2008  {
	color: #ff0;
}

a:visited.eb-link-2008  {
	color: #ff0;
}

a:hover.eb-link-2008  {
	color: #fc0;
}

a:active.eb-link-2008  {
	color: #ff0;
}