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

body{
	background-color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:xx-small;
	color:#FFFFFF;
	text-align:justify;
	margin:0;
	padding:0;
}

h1, h2{
	font-family:Cambria, "Times New Roman", Times, serif;
}

a{
	color:#FFFFFF;
}
a:visited{
	color:#CCCCCC;
}

a img{
	border:none;
}

.notopmargin{
	margin-top:0;
}

#thbc_logo{
	margin:0;
	padding:0;
}
#headerimg{
	display:none;
}

#navigation{
	background-color:#FFFFFF;
	color:#000000;
	width:100%;
	margin:0;
}
#navigation * ul{
	margin:0;
	padding:0;
}
#navigation * ul li{
	list-style-type:none;
	padding:0 10px 0 0;
}

#mainpage{
	padding:15px;
}
#footer{
	display:none;
}
#mobile_bottom_footer{
	background-color:#FFFFFF;
	color:#000000;
	width:100%;
	padding:5px;
}
#loginlink_footer{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}
#loginlink_footer a, #loginlink_footer a:visited{
	color:#666666;
}


	
#keyimg{
	margin-top:-1px;
	margin-bottom:-4px;
}
.riverinfo{
	font-family:Arial, Helvetica, sans-serif;
}
.riverinfo * a{
	text-decoration:none;
	color:#000000;
}
.riverinfo * .flag{
	font-weight:bold;
	padding:2px 5px 2px 5px;
}
.riverinfo * .nop{}
.riverinfo * .grn{background-color:#669900; color:#FFFFFF;}
.riverinfo * .yel{background-color:#FFFF00; color:#000000;}
.riverinfo * .red{background-color:#FF0000; color:#FFFFFF;}
.riverinfo * .blu{background-color:#99CCFF; color:#000000;}
.riverinfo * .gdb{}
.riverinfo * .ukn{}

#bottom_footer{
	text-align:center;
	color:#999999;
	font-size:smaller;
	margin-top:5px;
}
#bottom_footer a{
	color:#999999;
}

/*********** GENERAL STYLES *********/
.intro{
	font-size:large;
	font-family:Arial, Helvetica, sans-serif;
}

.small{
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
}

.plain{
	text-decoration:none;
}

.box{
	border:1px dashed #CCC;
	background-color:#333;
	padding:10px;
	margin:10px 0 10px 0;
}
.medbox{
	border:1px dotted #999;
	background-color:#222;
	padding:10px 20px 0 10px;
	margin:10px 0 10px 0;
}
.darkbox{
	border:1px dotted #222;
	background-color:#111;
	padding:10px 20px 0 10px;
	margin:10px 0 10px 0;
}
.medbox h2, .medbox h3, .darkbox h2, .darkbox h3{
	margin-top:0;
}

.floatright{
	float:right;
	margin:10px;
}
.h1floatright{
	float:right;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:15px 10px 0 0;
}
.imgright{
	float:right;
	margin:10px 0 10px 10px;
	border:1px solid #ccc;
}
.highlight{
	color:#000;
	background-color:#FFF;
	font-weight:bold;
	padding:0 2px 0 2px;
}

/*********** HOMEPAGE **************/
.indentfirst{
	text-indent:1em;
	margin-bottom:2px;
	margin-top:0;
}
#home_news * a, #home_events * a{
	text-decoration:none;
}
#home_photos{
	display:none;
}
#home_rightwrapper{
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}
#home_news ul, #home_events ul{
	padding:0;
	margin:0;
}
#home_photos * li, #home_news * li, #home_events * li{
	list-style:none;
	margin:0;
	padding:0;
}
.RSS_icon{
	float:right;
}
#home_rightwrapper * .date{
	font-size:smaller;
	font-weight:bold;
	margin-bottom:0;
	padding-bottom:0;
}
#home_rightwrapper * p{
	margin-top:0;
	padding-top:0;
}
.bumpsdiv{
	width:260px;
}
.bumpsdiv h2, .bumpsdiv h4{
	margin-bottom:0;
	padding-bottom:0;
}
.bumpsdiv h2, .bumpsdiv p{
	margin-top:0;
	padding-top:0;
}
.bumpsdiv a{
	text-decoration:none;
}

/********* NEWS & EVENTS ***********/
#newslist {
	margin:0;
	padding:0;
}
#newslist li{
	margin: 10px 0 10px 0;
	padding:0;
	list-style:none;
}
#newslist * a{
	text-decoration:none;
}
.newslistdate{
	font-size:smaller;
}
#mainpagerssicon{
	margin:0 0 -10px 0;
}

/*********** RESULTS **************/
.raceresultvideo{
	float:right;
	margin: 0 0 10px 15px;
}

/*********** PHOTOS **************/
#photos_table{
	width:800px;
	text-align:center;
	vertical-align:middle;
}
#photos_mainimg{
	border:1px solid #FFFFFF;
	margin-top:15px;
}
.album_thumb{
	width:85px;
	padding:5px;
	margin:10px;
	text-align:center;
	float:left;
}
.album_thumb a{
	text-decoration:none;
}
.album_thumb a img{
	border:1px solid white;
}
.photo_thumbs{
	width:100%;
}
.photo_thumbs * td{
	padding:5px;
	text-align:center;
}
.photo_thumbs * img{
	border:1px solid white;
}
.photo_thumbs a{
	text-decoration:none;
	margin-top:3px;
}
.photo_comment td{
	border:1px dotted #333;
	background-color:#111;
	text-align:left;
	padding:5px;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
}
.comment_date{
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	text-align:right;
}
.photo_makecomment td{
	border:1px dotted #333;
	background-color:#111;
	padding:0;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}
.photo_makecomment td p{
	padding:5px;
	margin:0;
}
.photo_makecomment td #submitdiv{
	float:right;
	padding:15px 5px 5px 5px;
	text-align:center;
	width:12%;
}
.photo_makecomment td #submitdiv input{
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	background-color:#666;
	border:1px solid #999;
	padding:3px 5px 3px 5px;
}
.photo_makecomment td #commentdiv{
	float:left;
	padding:0;
	width:82%;
}
.photo_makecomment * textarea{
	width:100%;
	font-family:Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FFF;
	background-color:#000;
	border:1px solid #333;
	padding:5px;
}
.photo_comments {
	width:100%;
}
.photo_comments * td{
	border:1px dotted #333;
	background-color:#111;
	padding:5px;
	vertical-align:top;
}


/********** CREW LISTS *************/
.crewlists_floatleft, .crewlists_floatright{
	width:368px;
	margin:0;
	padding:0;
}
.crewlists_floatleft{
	float:left;
}
.crewlists_floatright{
	float:right;
	/* No idea why this is needed, also, widths aren't 400px. Odd! */
	margin-right:30px;
}
.crew{
	background-color:#111;
	padding:10px;
	margin:0 10px 10px 0;
	border:1px dotted #222;
	width:100%;
}
.crew h4{
	margin:0 0 10px 0;
}
.crew table{
	width:100%;
}
.crew table tr {
	margin:0 0 5px 0;
}
.crew table tr td{
	margin:0;
	padding:0;
}
.crew table tr td:first-child{
	/* To accomodate Fuente's name */
	width:30%;	
}
.crew table tr:hover{
	background-color:#222;
}


/*********** CONTACTS **************/
#contacts_left{
	width:400px;
}
#contacts_left select, #contacts_left textarea{
	width:380px;
}
#contacts_name{
	width:290px;
}
#contacts_email{
	width:230px;
}

#contacts_right{
	width:390px;
	float:right;
	padding-left:10px;
}