/* CSS Document */

BODY {	
background-color: #DDDDDD;
background-image:   url(images/back.gif);
background-repeat: repeat-y;}

#canvas {
	width: 710px;
	vertical-align: top;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#navcol /* left-hand navigation column */ {
width: 150px;
font-size: 10px;
vertical-align: top;
}

#bodycol /* main body column */ {
width: 308px;
vertical-align: top;
line-height: 15px;
}

#photocol /* photo and caption column */ {
width: 232px;
vertical-align: top;
}

#doublewide /* main body column if no photo */ {
width: 558px;
vertical-align: top;
}

/* #doublewide /* main body column if no photo  {
width: 544px;
vertical-align: top;
} */

#welcome /* left-hand navigation column */ {
width: 292px;
vertical-align: top;
}

#homephoto /* left-hand navigation column */ {
width: 152px;
vertical-align: top;
}

#homelead /* left-hand navigation column */ {
width: 232px;
vertical-align: top;
/*border-bottom: 1px solid #CCC;*/
}

#homebody /* left-hand navigation column */ {
/*width: 310px;*/
width: 292px;
vertical-align: top;
}

#homegutter /* left-hand navigation column */ {
width: 72px;
vertical-align: top;
}

#leaderboard /* left-hand navigation column */ {
width: 292px;
vertical-align: top;
}

#resultboard /* left-hand navigation column */ {
width: 232px;
vertical-align: top;
}

/* begin style for top navigation buttons */
.navbutton {
width: 72px;
height: 33px;
border-right: 2px solid #FFF;
background: #F60;
padding: 4px 0 0 4px;
margin-bottom: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.navbutton a:link {
text-decoration: none;
}

.navbutton a:hover {
background: #009;
text-decoration: none;
}

.navbutton a:active {
	text-decoration: none;}
	
#video {
float:left;
}

#newsbutton, #aboutbutton, #entrantinfobutton, #raceweekbutton, #athletesbutton, #trainingbutton, #resultsbutton, #storebutton, #helpbutton {
float: left;
text-decoration: none;
}
/* end style for top navigation buttons */

/* attempted hack for flat navigation menu without description mouseovers */

.navbuttonflat {
width: 72px;
height: 33px;
background: #F60;
padding: 4px 0 0 4px;
margin-bottom: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

/* begin style for navigation button description mouseovers */
.description {
width: 226px;
height: 24px;
background: #009;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 9px;
padding: 3px;
margin-bottom: 5px;
}

#newsdesc {
float: left;
visibility: hidden;
}

#aboutdesc {
float: left;
margin-left: -153px;
visibility: hidden;
}

#entrantinfodesc {
float: left;
margin-left: -155px;
visibility: hidden;
}

#raceweekdesc {
float: left;
margin-left: -154px;
visibility: hidden;
}

#athletesdesc {
float: left;
margin-left: -154px;
visibility: hidden;
}

#trainingdesc {
float: left;
margin-left: -154px;
visibility: hidden;
}

#resultsdesc {
float: left;
margin-left: -154px;
visibility: hidden;
}

#storedesc {
float: left;
margin-left: -232px;
visibility: hidden;
}

#helpdesc {
float: left;
margin-left: -232px;
visibility: hidden;
}
/* end style for navigation button description mouseovers */

.text /* main body text */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.text a {
color: #F60;
text-decoration: none;
}

.text a:hover {
color: #FFF;
background: #F60;
}

.headline /* main page headline */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #009;
}

.headline2 /* One race. 37,000 Stories. main page headline */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF6600;
}

.topnav /* used at the top of the left-hand navigation to denote section */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #009;
}

.navhead /* used in the left-hand navigation to break up various sub-categories */{
width: 100%;
background: #EEE;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sidenav /* style for the individual links in the left-hand navigation */{
padding: 2px 0 2px 0;
border-bottom: 1px solid #CCC;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.deadnav /* style for the coming-soon links in the left-hand navigation */{
padding: 2px 0 2px 0;
border-bottom: 1px solid #CCC;
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999;
}

.plainnav /* style for non-link text in the left-hand navigation */{
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999;
}

.sidenav a {
color: #009;
text-decoration: none;
}

.sidenav a:hover {
color: #FFF;
background: #F60;
}

.photohistory /* style for text in photo history box */{
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: #EEE;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin-bottom: 5px;
}

.photohistory a {
color: #F60;
text-decoration: none;
}

.photohistory a:hover {
color: #FFF;
background: #F60;
}

.historyhead /* headline in photo history box */{
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #009;
}

.history /* style for text in photo history popup pages */{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: top;

}

.history a {
color: #F60;
text-decoration: none;
}

.history a:hover {
color: #FFF;
background: #F60;
}

.historytitle /* headline in photo history popup pages */{
font-size: 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #009;
}

.caption /* style for the photo caption */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background: #EEE;
padding: 3px 3px 3px 3px;
margin-top: 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

.caption a {
color: #F60;
text-decoration: none;
}

.caption a:hover {
color: #FFF;
background: #F60;
}

.sidebar /* text sidebars */ {
width: 232px;
vertical-align: top;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #EEE;
padding: 3px 3px 3px 3px;
margin-top: 5px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

.sidebar a {
color: #F60;
text-decoration: none;
}

.sidebar a:hover {
color: #FFF;
background: #F60;
}

.tablehack /* Jules' dumb hack that makes tables not break, sorry */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
background: #EEE;
padding: 3px 3px 3px 3px;
margin-top: 5px;
}

.subhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: None;
font-weight: bold;
color: #009;
}

.caption_home /* style for the photo caption */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
line-height: 15px;
background: #f60;
padding: 3px 3px 3px 3px;
margin-top: 0px;
}

.caption_home a {
color: #FFF;
text-decoration: none;
}

.caption a:hover {
color: #F60;
background: #FFF;
}

/*HOME PAGE STYLES */

.welcome /* homepage welcome message */ {
vertical-align: top;
font-size: 14px;
line-height: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
background: #009;
padding: 10px 10px 10px 10px;}

.home_head_main /* main page headline */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #F60;
/*background: #DDD;*/
padding: 1px 5px 5px 10px;
vertical-align: top;
}

.home_lead_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
padding: 0px 5px 5px 10px;
}

.home_lead_text a {
color: #F60;
text-decoration: none;
}

.home_lead_text a:hover {
color: #FFF;
background: #F60;
}

.home_body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 15px;
padding: 0px 0px 0px 10px;
}

.home_body a {
color: #F60;
text-decoration: none;
}

.home_body a:hover {
color: #FFF;
background: #F60;
}

.home_head_secondary /* main page headline */ {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: bold;
color: #F60;
}

.leaderboard /* homepage welcome message */ {
vertical-align: top;
color: #000;
background: #ddd;
padding: 0px 20px 10px 0px;}

.resultboard /* homepage welcome message */ {
vertical-align: top;
color: #000;
background: #ddd;
/*padding: 0px 20px 10px 0px;*/}

a {
	text-decoration: none;
}