/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body, html, #contentHeight {
	background-image: url(/images/bg_site.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	font-family: Verdana,Arial,sans-serif;
	background-color: #000000;
	padding: 0px;
	text-align: center;
	vertical-align: top;
	height: 100%;
	margin: 0 auto;
}

input {
	font-family: Verdana,Arial,sans-serif;
	color: #000000;
	font-size: 11px;
}

.footerform {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	color: #000;
	font-size: 8px;
	line-height: 8px;
	height: 9px;
}

h1 {
	font-size: 16px;
}

img {
	margin: 0px;
	padding: 0px;
	display: block;
}

.outline {
	border: 1px solid #ccc;
}

#scheduledates {
	border: 1px solid #333;
	background-color: #000;
	color: #ccc;	
}

#scheduledates td {
	padding: 10px;
	border: 1px solid #333;	
}

#scheduledates tr.heading {

	background-color: #333333;
	color: #fff;
	
}

#scheduledates tr.rowalt {
	background-color: #161616;
	
}


#contentTemplateAbout a {
	text-decoration: underline;
}

#contentTemplate a {
	text-decoration: underline;
}


#contentTemplate2 a {
	text-decoration: underline;
}


a {
	color: #E0FF65;
	text-decoration: none;
}

a:link{
	color: #E0FF65;
	text-decoration: none;
}

a:visited{
	color: #E0FF65;
	text-decoration: none;
}

a:hover{
	color: #E0FF65;
	text-decoration: underline;
}

.highlight {
	color: #E0FF65;
}

h2 {
	font-size: 14px;
	font-style: italic;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#loadBar img {
	display: inline;
}

#imagePreload {
	display: none;
	width: 849px;
}

#siteContainer {
	width: 849px;
	text-align: center;
	padding: 0px;
	margin-left: auto;
  	margin-right: auto;
	vertical-align: top;
}

#masthead{
	width: 849px;
	height: 118px;

}

#contentContainer {
	float: left;
	width: 849px;
/*	height: 547px;*/
	text-align: center;
	vertical-align: top;
}

#contentMainContainer {
	float: left;
	width: 535px;
/*	height: 547px;*/
	text-align: center;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

#contentHome {
	display: block;
	background-image: url(/images/content_home_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 535px;
	height: 530px;
	padding: 0px;
	margin: 0px;
}

#contentTemplateBG {
	display: block;
	background-image: url(/images/content_template_bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 535px;
	height: 547px;
	padding: 0px;
	margin: 0px;
}

#contentTemplateBG2 {
	display: block;
	background-image: url(/images/content_template_bg2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 535px;
	padding: 0px;
	margin: 0px;
}


#contentTemplateBG3 {
	display: block;
	background-image: url(/images/content_template_bg3.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 535px;
	padding: 0px;
	margin: 0px;
}

#aboutImageWrapper {
	clear: both;
	display: block;
	background-image: url(/images/about_pic_ryan48.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0px;
	margin: 0px;
	width: 535px;
	/*height: 547px;*/
}


#contentHomeHeader {
	float: right;
	padding-top: 24px;
	padding-right: 24px;
	margin: 0px;
	width: 500px;
	text-align: right;
	font-size: 21px;
	color: #FFF;
	font-style: italic;
}

#contentTemplateHeader {
	float: left;
	padding-top: 24px;
	padding-left: 24px;
	margin: 0px;
	width: 500px;
	text-align: left;
	font-size: 21px;
	color: #E0FF65;
	font-style: italic;
	
}

#contentHomeIntro {
	float: right;
	padding-right: 24px;
	padding-top: 12px;
	margin: 0px;
	width: 270px;
	height: 245px;
	text-align: right;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;	
}

#contentTemplate {
	float: left;
	padding-left: 24px;
	padding-top: 12px;
	margin: 0px;
	width: 500px;
	height: 245px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;	
}

#contentTemplate2 {
	clear: both;
	float: left;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
	width: 487px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;	
	background-image: url(/images/content_tile_bg.gif);
	background-repeat: repeat-y;
}

#contentNews {
	clear: both;
	float: left;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
	width: 487px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;	
	background-image: url(/images/content_tile_bg.gif);
	background-repeat: repeat-y;
}


#contentNews img {
	border: solid 2px #737373;
}

#contentNews a {
	text-decoration: underline;
}

.footertitle  {

	font-size: 18px;
	color: #E0FF65;
	font-style: italic;
	font-weight: normal;
}


#footeremail {
	background-color: #737373;
	color: #FFF;
	border: solid 1px #E0FF65;
	margin: 10px;
	padding: 10px;
	width: 450px;
	font-size: 12px;

}



#contentTemplateContact {
	clear: both;
	float: left;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
	width: 487px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;	
	background-image: url(/images/content_tile_bg.gif);
	background-repeat: repeat-y;
}


#contentTemplateAbout {
	float: left;
	padding-left: 24px;
	padding-top: 12px;
	margin: 0px;
	width: 275px;
	height: 547px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;	
}

#contentTemplateAbout2 {
	clear: both;
	float: left;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
	width: 487px;
	
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;	
	background-image: url(/images/content_tile_bg.gif);
	background-repeat: repeat-y;	
}

#skinnycolumn {
	width: 275px;	
	text-align: left;
}

#skinnycolumn img {
	float: left;
	display: block;
	margin: 0px 5px 0px 5px;
}

.creategap {
	padding-top: 20px;
	padding-bottom: 20px;
}

#schedule {
	float: right;
	width: 201px;
	height: 197px;
	padding-right: 31px;
	padding-left: 31px;
	padding-top: 44px;
	margin: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
	overflow: hidden;
}

#news {
	float: right;
	width: 210px;
	height: 197px;
	padding-right: 31px;
	padding-left: 31px;
	padding-top: 44px;
	margin: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	color: #FFF;
	overflow: hidden;
}


#navBar{
	float: left;
	width: 198px;
	margin: 0px;
	padding: 0px;
	background-color: #eeeeee;
	
}

#sponsors{
	float: left;
	width: 116px;
	padding: 0px;
	margin: 0px;

}

#content{
	float: left;
	width: 535px;
	padding: 0px;
	margin: 0px;
}

.resultsimages {
	display: inline;
}

/***********************************************/
/* Buttons                                     */
/***********************************************/


a.buttonresults, a.buttonresults:link, a.buttonresults:visited {
	float: right;
	background-image: url(/images/btn_results_off.gif);	background-repeat: no-repeat;
	width: 130px;
	height: 20px;
	text-align: center;
 	padding-top: 1px;
	line-height: 19px;
	padding-right: 3px;
	margin-top: 3px;
	
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
}

a.buttonresults:hover {
	background-image: url(/images/btn_results_on.gif);	background-repeat: no-repeat;
	color: #000;	
	text-decoration: none;

}


a.buttonresults2, a.buttonresults2:link, a.buttonresults2:visited {
	float: left;
	background-image: url(/images/btn_results_off.gif);	background-repeat: no-repeat;
	width: 130px;
	height: 20px;
	text-align: center;
 	padding-top: 1px;
	line-height: 19px;
	padding-right: 3px;
	margin-top: 3px;
	
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
}

a.buttonresults2:hover {
	background-image: url(/images/btn_results_on.gif);	background-repeat: no-repeat;
	color: #000;	
	text-decoration: none;

}

a.buttonschedule, a.buttonschedule:link, a.buttonschedule:visited {
	display: block;
	background-image: url(/images/btn_schedule_off.gif);	background-repeat: no-repeat;
	background-repeat: no-repeat;
	width: 130px;
	height: 20px;
	text-align: center;
 	padding-top: 1px;
	line-height: 19px;
	padding-right: 3px;
	margin-top: 19px;
	
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;	
}

a.buttonschedule:hover {
	background-image: url(/images/btn_schedule_on.gif);	background-repeat: no-repeat;
	color: #000;	
	text-decoration: none;

}




a.buttonnews, a.buttonnews:link, a.buttonnews:visited {
	display: block;
	background-image: url(/images/btn_news_off.gif);	background-repeat: no-repeat;
	width: 101px;
	height: 20px;
	text-align: center;
 	padding-top: 1px;
	line-height: 19px;
	padding-right: 3px;
	margin-top: 19px;
	
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;	
}

a.buttonnews:hover{
	background-image: url(/images/btn_news_on.gif);	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
}

a.buttonsubmit, a.buttonsubmit:link, a.buttonsubmit:visited {
	display: block;
	background-image: url(/images/btn_news_off.gif);	background-repeat: no-repeat;
	width: 101px;
	height: 20px;
	text-align: center;
 	padding-top: 1px;
	line-height: 19px;
	padding-right: 3px;
	font-size: 10px;
	font-weight: bold;
	color:#000000;
	text-decoration: none;	
}

a.buttonsubmit:hover{
	background-image: url(/images/btn_news_on.gif);	background-repeat: no-repeat;
	color: #000;
	text-decoration: none;
}


/***********************************************/
/* Sponsors Container                          */
/***********************************************/

#sponsorcontainer img {
	display: block;
	padding: 0px;
	margin: 0px;
}

#sponsorcontainer { 
	display: block;
	width: 116px; 
	height: 547px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#sponsorcontainer ul
{
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#sponsorcontainer a
{
	display: block;
	padding: 0px;
	margin: 0px;
}



#sponsorlist li {
	padding: 0px;
	margin: 0px;
}


#sponsorcontainer a.sponsortop {
	background-image: url(/images/sponsors_nav_top.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 64px;
}


#sponsorcontainer a.sponsorpps {
	background-image: url(/images/sponsors_nav_ppsracing.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 41px;
}

#sponsorcontainer a.sponsorpps:hover {
	background-image: url(/images/sponsors_nav_ppsracing-over.jpg);
	background-repeat: no-repeat;	
	width: 116px;
	height: 41px;
}


#sponsorcontainer a.sponsordunlop {
	background-image: url(/images/sponsors_nav_dunlop.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 43px;
}

#sponsorcontainer a.sponsordunlop:hover {
	background-image: url(/images//sponsors_nav_dunlop-over.jpg);
	background-repeat: no-repeat;	
	width: 116px;
	height: 43px;
}


#sponsorcontainer a.sponsortrackday {
	background-image: url(/images/sponsors_nav_trackday.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 39px;
}

#sponsorcontainer a.sponsortrackday:hover {
	background-image: url(/images/sponsors_nav_trackday-over.jpg);
	background-repeat: no-repeat;	
	width: 116px;
	height: 39px;
}

#sponsorcontainer a.sponsorlockhart {
	background-image: url(/images/sponsors_nav_lockhart.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 49px;
}

#sponsorcontainer a.sponsorlockhart:hover {
	background-image: url(/images/sponsors_nav_lockhart-over.jpg);
	background-repeat: no-repeat;	
	width: 116px;
	height: 49px;
}

#sponsorcontainer a.sponsormach1 {
	background-image: url(/images/sponsors_nav_mach1.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 49px;
}

#sponsorcontainer a.sponsormach1:hover {
	background-image: url(/images/sponsors_nav_mach1-over.jpg);
	background-repeat: no-repeat;	
	width: 116px;
	height: 49px;
}

#sponsorcontainer a.sponsorsugarmill{
	background-image: url(/images/sponsors_nav_sugarmill.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 60px;
}

#sponsorcontainer a.sponsorsugarmill:hover {
	background-image: url(/images/sponsors_nav_sugarmill-over.jpg);
	background-repeat: no-repeat;	
	width: 116px;
	height: 60px;
}

#sponsorcontainer a.sponsorhotbodies{
	background-image: url(/images/sponsors_nav_hotbodies.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 37px;
}

#sponsorcontainer a.sponsorhotbodies:hover {
	background-image: url(/images/sponsors_nav_hotbodies-over.jpg);
	background-repeat: no-repeat;	
	width: 116px;
	height: 37px;
}

#sponsorcontainer a.sponsorvesrah{
	background-image: url(/images/sponsors_nav_vesrah.jpg);
	background-repeat: no-repeat;
	width: 116px;
	height: 48px;
}

#sponsorcontainer a.sponsorvesrah:hover {
	background-image: url(/images/sponsors_nav_vesrah-over.jpg);
	background-repeat: no-repeat;	
	width: 116px;
	height: 48px;
}

/***********************************************/
/* Navigation                                  */
/***********************************************/

#navcontainer img {
	display: block;
	padding: 0px;
	margin: 0px;
}

#navcontaineremail  {
	display: block;
	padding: 0px;
	margin: 0px;
	width: 197px;
	height: 545px;
	float: left;

}


#navlist li {
	padding: 0px;
	margin: 0px;
}

#navcontainer a.navhome {
	background-image: url(/images/nav_home.jpg);
	background-repeat: no-repeat;
	width: 198px;
	height: 43px;
}

#navcontainer a.navhome:hover {
	background-image: url(/images/nav_home-over.jpg);
	background-repeat: no-repeat;	
	width: 198px;
	height: 43px;
}

#navcontainer a.navabout {
	background-image: url(/images/nav_about.jpg);
	background-repeat: no-repeat;
	width: 198px;	
	height: 46px;
}


#navcontainer a.navabout:hover {
	background-image: url(/images/nav_about-over.jpg);
	background-repeat: no-repeat;
}

#navcontainer a.navmedia {
	background-image: url(/images/nav_gallery.jpg);
	background-repeat: no-repeat;
	width: 198px;	
	height: 51px;
}

#navcontainer a.navmedia:hover {
	background-image: url(/images/nav_gallery-over.jpg);
	background-repeat: no-repeat;
}

#navcontainer a.navresults {
	background-image: url(/images/nav_results.jpg);
	background-repeat: no-repeat;
	width: 198px;	
	height: 42px;
}

#navcontainer a.navresults:hover {
	background-image: url(/images/nav_results-over.jpg);
	background-repeat: no-repeat;
}

#navcontainer a.navschedule {
	background-image: url(/images/nav_schedule.jpg);
	background-repeat: no-repeat;
	height: 48px;
}

#navcontainer a.navschedule:hover {
	background-image: url(/images/nav_schedule-over.jpg);
	background-repeat: no-repeat;
}


#navcontainer a.navsponsorship {
	background-image: url(/images/nav_sponsorship.jpg);
	background-repeat: no-repeat;
	height: 47px;
}

#navcontainer a.navsponsorship:hover {
	background-image: url(/images/nav_sponsorship-over.jpg);
	background-repeat: no-repeat;
}

#navcontainer a.navcontact {
	background-image: url(/images/nav_contact.jpg);
	background-repeat: no-repeat;
	height: 46px;
}

#navcontainer a.navcontact:hover {
	background-image: url(/images/nav_contact-over.jpg);
	background-repeat: no-repeat;
}


#navcontainer a.navbottom2 {
	padding: 0px;
	margin: 0px;
	width: 198px;
	height: 223px;
	vertical-align: top;	
}

#navcontainer { 
	display: block;
	width: 198px; 
	height: 546px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#navcontainer ul
{
display: block;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#navcontainer a
{
display: block;
padding: 0px;
margin: 0px;
}




/************* #footer styles ***************/

#closeContent{
	clear: both;
	width: 535px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	background-image: url(/images/close_content_bg.gif);
	background-repeat: no-repeat;
}


#footer{
	clear: both;
	width: 849px;
	line-height: 50px;
	padding: 0px;
	margin: 0px;
	background-image: url(/images/ryan_regalado_footer.gif);
	background-repeat: no-repeat;
	font-size: 9px;	
	vertical-align: middle;
	color: #808080;	
	text-align: left;
}

.contactinfo {
	font-size: 11px;
	color: #FFF;
}

#footer .copyright {
	margin-left: 50px;
	color: #808080;
	font-size: 9px;

}


.copyright {
/*	margin-left: 50px;*/
	color: #808080;
	font-size: 9px;

}




#footer .highlight {
	margin-left: 90px;
	color: #E0FF65;
	font-size: 11px;

}

.highlight img {
	display: inline;
	vertical-align: middle;
	padding: 23px 0px 23px 0px;
	margin: 0px;
	
}

#copyright {
	float: left;
	vertical-align: middle;
	text-align: center;
	width: 849px;
	line-height: 50px;
	padding: 0px;
	margin: 0px;
	font-size: 9px;	
	color: #808080;	
}




/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}