body { background-color:#000000; font-family:Arial, Helvetica, sans-serif;background-image:url(../images/bg.gif); background-position:center 164px;  background-repeat:no-repeat;}
	body.flash {background-position:center 438px;}
	.image-flash {display:none;}
	.image-static {display:block;}
	
	form {height:100%;}
	
 
 	*{margin:0;padding:0}
 
	html,body{height:100%}
	body{position:absolute;width:100%}/*opera 9.5 fix*/
	#outer{margin:auto;min-height:100%;margin-top:-200px;/*footer height*/}
	* html #outer{height:100%; margin-top:-200px;}
	
	.clear {clear:both; height:1px; width:100%;}
	
	/* HEADER */
	
	#header { width:100%; border-top:203px solid #5d7eb1;}
	#header .frame {width:900px; margin-left:auto; margin-right:auto; border-bottom:1px solid #5d7eb1; }
	#header .frame .top-nav { position:absolute; width:900px;}
	#header .frame .top-nav ul{ float:right;}
	#header .frame .top-nav li {float:left; background-image:url(../images/topnav-split.gif); background-repeat:no-repeat; background-position:right; padding-right:2px;}
	#header .frame .top-nav li.last {background-image:none; padding-right:5px;}
	#header .frame .top-nav li a {float:left; color:#cccccc; text-decoration:none; font-size:0.7em; padding-left:19px; padding-right:19px; padding-top:15px; height:37px;}
	#header .frame .top-nav li a:hover {color:#FFFFFF;}
	#header  h1{ margin-left:53px; margin-top:115px; position:absolute; z-index:2; }
	body.flash #header  h1{ margin-left:53px; margin-top:389px; position:absolute;}
	body.flash .image-flash {display:block;}
	body.flash .image-static {display:none;}
	
	.logged-in { padding:6px; padding-left:165px;font-size:0.8em; color:#FFFFFF; text-align:left; margin-top:-24px; z-index:1;position:absolute; margin-left:0px; width:629px; background-image:url(../images/login.png);margin-left:100px; height:12px;}
	.logged-in a {text-decoration:none; color:#FFFFFF;}
	.logged-in a:hover { color:#ddd;}
	
	/* CONTENT FRAME */
	
	#content { width:100%;}
	#content .frame {width:900px; margin-left:auto; margin-right:auto;background-image:url(../images/bg-content.gif); background-repeat:repeat-x; padding-bottom:20px;  border-top:#1c1c1c 1px solid;}
	
	/* NAVIGATION */
	
	#content .nav { float:left; height:60px; width:900px;}
	#content .nav ul {float:right;height:60px;}
	#content .nav ul li {height:43px; float:left; background-image:url(../images/menu-split.gif); background-position:left; background-repeat:no-repeat; padding-left:2px;}
	#content .nav ul li a { text-decoration:none; float:left; text-transform:uppercase; color:#bfbfbf; font-size:0.7em;}
	#content .nav ul li a span { float:left; padding-top:15px;height:28px; padding-left:25px; padding-right:25px;}
	#content .nav ul li a:hover {background-image:url(../images/menu-hover-left.gif);background-repeat:no-repeat; color:#FFFFFF; cursor:hand;}
	#content .nav ul li a:hover span { background-image:url(../images/menu-hover-right.gif); background-position:right; background-repeat:no-repeat;}
	
	/* THREE COLUM SPLIT */
	
	#content .split3  {clear:both; margin-left:18px; margin-right:18px; float:left; width:864px;margin-top:20px;}
	#content .split3 .col1 { float:left; margin-right:18px; width:275px; clear:left;padding-bottom:20px;}
	#content .split3 .col2 { float:left;width:275px;padding-bottom:20px;}
	#content .split3 .col3 { float:left; margin-left:18px;width:275px;margin-bottom:20px;}
	
	#content .split3 h2 { color:#FFFFFF; font-size:1.4em; margin-bottom:10px; text-decoration:none; font-weight:bold;  line-height:1.6em; } 
	#content .split3 h2 strong { color:#CCCCCC;}
	#content .split3 h2 a {text-decoration:none;}
	#content .split3 h2 a:hover strong{color:#5d7eb1;}
	#content .split3 img {border:7px solid #FFFFFF !important ;float:left;clear:left; margin-bottom:15px; width:262px !important ; height:123px !important ;}
	#content .split3 a:hover img { border:7px solid #5d7eb1 !important;}
	#content .split3 h4 {float:left; color:#FFFFFF; clear:left; width:275px; margin-bottom:5px; line-height:1.3em; font-size:0.9em;}
	#content .split3 h4 a { text-decoration:none; color:#FFFFFF;}
	#content .split3 h4 a:hover strong {color:#5d7eb1;}
	#content .split3 h4 a:hover {color:#ccc;}
	#content .split3 p {color:#FFFFFF; float:left; font-size:0.8em; line-height:1.4em; width:275px; margin-bottom:10px;}
	#content .split3 strong, #content .split3 b {color:#CCCCCC;}
	#content .split3 a {color:#CCCCCC; text-decoration:none; font-weight:bold;}
	#content .split3 a:hover {color:#5d7eb1;}
	#content .split3 a.more {color:#5d7eb1; text-decoration:none; font-weight:bold; text-align:right; float:right;}
	#content .split3 a.more:hover {color:#fff;}
	
	#content .split3 .col1 ul, #content .split3 .col2 ul, #content .split3 .col3 ul  {clear:both; float:left; width:275px;border-top:1px solid #333333; margin-bottom:20px;}
	#content .split3 .col1 li a, #content .split3 .col2 li a, #content .split3 .col3 li a { font-size:0.8em; color:#ccc; text-decoration:none; width:265px; border-bottom:1px solid #333333; float:left;padding:5px; font-weight:normal;line-height:1.2em;}
	#content .split3 .col1 li a:hover, #content .split3 .col2 li a:hover, #content .split3 .col3 li a:hover {background-color:#222; color:#fff;}
	
	/* TWO COLUM SPILT */
		
	#content .split2  {clear:both; margin-left:18px; margin-right:18px; float:left; width:864px; margin-top:20px;margin-bottom:20px;}
	#content .split2 .col1 { float:left; margin-right:18px; width:568px;}
	#content .split2 .col3 { float:left; margin-left:18px; width:568px;}
	#content .split2 .col2 { float:left;width:275px; margin-top:50px;}
	
	#content .split2 h2{ color:#FFFFFF; font-size:1.4em; margin-bottom:10px; text-decoration:none; font-weight:bold; clear:left; line-height:1.6em;} 
	#content .split2 h2.long { width:862px;} 
	#content .split2 h2 strong { color:#CCCCCC;}
	#content .split2 h2 .paging {float:right; font-size:0.6em; font-weight:100;}
	#content .split2 .col1 h3, #content .split2 .col3 h3 {color:#CCCCCC; margin-bottom:10px; border-bottom:1px solid #333; padding-bottom:5px; margin-top:20px; line-height:1.4em;}
	#content .split2 .col1 h4, #content .split2 .col3 h4 {color:#CCCCCC; margin-bottom:10px;border-bottom:1px solid #333;padding-bottom:5px; margin-top:20px;}
	#content .split2 .col1 p, #content .split2 .col3 p {color:#FFFFFF; font-size:0.8em; line-height:1.4em;margin-bottom:10px; clear:left;}
	#content .split2 .col1 img {display:none;}
	#content .split2 .col1 strong, #content .split2 .col3 strong {color:#CCCCCC;}
	#content .split2 .col1 .item {clear:left; height:115px; border-top:1px solid #333333; padding-top:20px;}
	#content .split2 .col1 .item img {float:left; margin-bottom:10px; clear:left; margin-right:18px; margin-top:3px;border:7px solid #FFFFFF !important; width:160px !important; height:75px !important; display:block;}
	#content .split2 .col1 .item a:hover img { border:7px solid #5d7eb1 !important;}
	#content .split2 .col1 .item h4 {padding:0px; margin:0px;float:right; color:#FFFFFF; width:376px; margin-bottom:5px; line-height:1.3em; font-size:0.9em; border:0px;}
	#content .split2 .col1 .item h4 a { text-decoration:none; color:#FFFFFF;}
	#content .split2 .col1 .item h4 a:hover strong {color:#5d7eb1;}
	#content .split2 .col1 .item h4 a:hover {color:#ccc;}
	#content .split2 .col1 .item p { clear:none; color:#FFFFFF; float:right; font-size:0.8em; line-height:1.4em; width:376px; margin-bottom:10px;}
	#content .split2 .col1 .item strong, #content .split2 b {color:#CCCCCC;}
	#content .split2 .col1 .item a.more {color:#5d7eb1; text-decoration:none; font-weight:bold; text-align:right; float:right;}
	#content .split2 .col1 .item a.more:hover {color:#fff;}
	#content .split2 .col2 p{color:#FFFFFF; float:left; font-size:0.8em; line-height:1.4em; width:275px; margin-bottom:10px; clear:both;}
	#content .split2 a {color:#CCCCCC; text-decoration:none; font-weight:bold;}
	#content .split2 a:hover {color:#5d7eb1;}
	#content .split2 .col2 p strong {font-weight:normal; color:#CCCCCC;}
	#content .split2 .col2 ul {clear:both; float:left; width:275px;border-top:1px solid #333333; margin-bottom:20px;}
	#content .split2 .col2 ul li { font-size:0.8em; color:#fff; text-decoration:none; width:265px; border-bottom:1px solid #333333; float:left;padding:5px; font-weight:normal; line-height:1.2em;}
	#content .split2 .col2 ul li strong {font-weight:normal; color:#ccc;}
	#content .split2 .col2 ul li  a {font-weight:normal;}
	#content .split2 .col2 ul.news li {padding:0px; margin:0px; border:0px; font-size:1.0em;font-weight:normal;}
	#content .split2 .col2 ul.news li a { font-size:0.8em; color:#ccc; text-decoration:none; width:265px; border-bottom:1px solid #333333; float:left;padding:5px; font-weight:normal;line-height:1.2em;}
	#content .split2 .col2 ul.news li a:hover { background-color:#222; color:#fff;}
	#content .split2 .col2 img {width:262px;border:7px solid #FFFFFF; margin-bottom:15px;}
	
	/*SPONSORS */
	
	#content .split1  {clear:both; margin-left:18px; margin-right:18px; float:left; width:864px; margin-top:20px;margin-bottom:20px;}
	#content .split1 h2 { color:#FFFFFF; font-size:1.4em; margin-bottom:10px; text-decoration:none; font-weight:bold; clear:left; line-height:1.6em;} 
	#content .split1 h2 strong { color:#CCCCCC;}
	
	.sponsors {width:882px; margin-bottom:-18px; float:left; margin-right:18px;}
	.sponsor { border:7px solid #ffffff; margin-bottom:18px; margin-right:17px; width:262px; height:159px; float:left; overflow:hidden;}
	.sponsor a:hover {text-decoration:none;color:#00adef;}
	.sponsor .img {height:159px; width:262px; overflow:hidden;position:relative;cursor:pointer;}
	.sponsor .copy {line-height:1.4em;background-image:url(../images/layer.png); color:#FFFFFF;position:absolute;top:159px;left:0px;height:159px; width:262px; font-size:0.8em; padding:0px;}
	.sponsor .copy a { font-weight:normal; padding:8px; display:block;height:143px;width:245px;color:#FFFFFF; text-decoration:none;}
	.sponsor .copy a:hover {color:#FFFFFF;}
	
	
	/*WALLPAPERS */
	
	.wallpapers {width:590px; margin-bottom:-18px; float:left; margin-right:18px; font-weight:normal;}
	.wallpaper { border:7px solid #ffffff; margin-bottom:18px; margin-right:17px; width:262px; height:159px; float:left; overflow:hidden;font-weight:normal;}
	.wallpaper a:hover {text-decoration:none;color:#00adef;}
	.wallpaper .img {height:159px; width:262px; overflow:hidden;position:relative;cursor:pointer;}
	.wallpaper .copy {line-height:1.4em;background-image:url(../images/layer.png); color:#FFFFFF;position:absolute;top:159px;left:0px;height:159px; width:262px; font-size:0.8em; padding:0px;padding:8px;font-weight:normal;}
	.wallpaper .copy a { font-weight:normal;}
	.wallpaper .copy a:hover {color:#FFFFFF;}
	
	/* LOGIN FORM */
	
	.login { float:left;}
	.login input { background-color:#000000; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; padding:3px; border:1px solid #5d7eb1; margin-bottom:10px; width:200px;}
	.login .submit { border:0px solid #000000; background-image:url(../images/button-go.gif); width:40px; height:20px;}
	
	 /* REGISTER & CONTACT FORM */
	
	.form-table .contact { background-color:#000000; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; padding:3px; border:1px solid #5d7eb1; width:300px; float:left;}
	.form-table td{vertical-align:top;text-align:right; padding-bottom:10px;}
	.form-table label {font-size:0.8em; font-weight:bold;line-height:1.8em; color:#FFFFFF; margin-right:20px; }
	.form-table .textarea { background-color:#000000; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; padding:3px; border:1px solid #5d7eb1;width:560px; height:125px;}
	.form-table td p {font-size:0.8em; float:left; text-align:left;}
	.form-table .submit {background-color:#024683; color:#fff; border:0px; padding:5px; font-weight:bold;}
	.form-table .submit:hover {background-color:#FFFFFF; color:#000000;}
	
	/* ASK JT FORM */
	
	.ask-form .textline { background-color:#000000; color:#444; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; padding:3px; border:1px solid #5d7eb1; margin-bottom:10px; width:267px;}
	.ask-form  .textarea { background-color:#000000; color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; padding:3px; border:1px solid #5d7eb1; margin-bottom:10px; width:267px; height:125px;}
	.ask-form .submit {background-color:#5d7eb1; color:#000; border:0px; padding:5px; font-weight:bold;}
	.ask-form .submit:hover {background-color:#FFFFFF;}
	
	.paging td span{ color:#FFFFFF; padding-right:5px; font-weight:bold; font-size:0.8em;border-right:1px solid #FFFFFF; padding-left:5px;}
	.paging td a{ color:#FFFFFF; padding-right:5px;font-size:0.8em; border-right:1px solid #FFFFFF; padding-left:5px;}
	
	/* STANDINGS & RESULTS */	
	
	 p.buttons {}
	 p.buttons span {cursor:hand; color:#FFFFFF;}
	 p.buttons span:hover {color:#999999;}
	
	#box{position:absolute;}
	#box div{display:block; float:left;width:275px;height:266px;}
	#box div p { font-weight:bold;}
	#mask{position:relative; width:275px; height:266px; overflow:hidden; float:left;}
	
	table.standings {margin:0px;border-collapse:separate; width:275px; float:left; clear:left;}
	table.standings tr.selected td {margin:10px 0;border-bottom:0px solid #333;padding:5px 0;background:#024683;font-weight:normal; color:#FFFFFF; font-size:0.8em;}
	table.standings tr td {margin:10px 0;border-bottom:1px solid #333;padding:5px 0; font-size:0.8em; color:#FFFFFF;}	
	
	table.standings tr .pos {width:25px; text-align:left;}
	table.standings tr.selected .pos {width:25px;text-align:left;}
    table.standings tr .rider {width:140px;text-align:left;}
	table.standings tr.selected .rider {width:140px;text-align:left;}
  	table.standings tr .team {width:90px;color:#ccc;text-align:left;}
	table.standings tr.selected .team {width:90px;color:#fff;text-align:left;}
	table.standings tr .team1 {width:110px;color:#ccc;text-align:left;}
	table.standings tr.selected .team1 {width:110px;color:#fff;text-align:left;}
  	table.standings tr .pts {width:20px;text-align:right;text-align:left;}
	table.standings tr.selected .pts{width:20px;text-align:right;text-align:left;}
	table.standings tr a {color:#FFFFFF; text-decoration:none; font-weight:bold;}
	table.standings tr a:hover {color:#5d7eb1;}
	
	/* LOWER ADVERT BOXES */
	
	#content .boxes  {clear:both; margin-right:18px; margin-left:18px; margin-bottom:0px; float:left; width:864px;}
	#content .box1 { float:left; margin-right:18px; width:275px;}
	#content .box2 { float:left;width:275px;}
	#content .box3 { float:left; margin-left:18px;width:275px;}
	
	#content .boxes h3 a { color:#FFFFFF; font-size:1.4em; margin-bottom:10px; float:left; text-decoration:none; font-weight:bold; float:left; line-height:1.6em;} 
	#content .boxes h3 a:hover, #content .boxes h3 a:hover strong { color:#5d7eb1;}
	#content .boxes h3 a strong { color:#CCCCCC;}
	#content .boxes img {border:7px solid #FFFFFF;float:left;}
	#content .boxes a:hover img { border:7px solid #5d7eb1;}
	
	/* FOOTER */
	
	#footer {background-color:#FFFFFF; height:200px; width:100%; background-image:url(../images/bg-footer.gif); background-repeat:repeat-x;}
	#footer .frame {width:900px; margin-left:auto; margin-right:auto;}
	#footer .logos {  height:80px; padding-top:50px;padding-right:4px; padding-left:4px; }
	#footer .logos li { float:left; margin-left:7px; margin-right:7px;}
	#footer .small {border-top:1px solid #cccccc; width:875px; text-align:right; font-size:0.7em; padding-right:25px; padding-top:20px; color:#333333;}
	#footer .small a {color:#666; text-decoration:none;}
	#footer .small a:hover {color:#000000;}