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

#flashcontent {
/*		border: solid 1px #000;*/
		position:relative;
		width: 270px;
		height: 177px;
		margin: 20px 0px 0px 22px;
		}
		
		#info {
			overflow: auto;
			margin: 0px 20px;
		}
		
		#download {
			overflow: auto;
			margin: 15px 20px;
		}

.twoColFixLt #container { 
	float: left; /* since this element is floated, a width must be given */
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #FFFFFF;*/
	margin-left:50px;
	/* margin: 0 auto;*/ /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLt #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 100px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
	border: 0px solid #FFFF00;
	background-color: transparent;
}
#mainTable {
	background-color: #FFF;
}

#tv {
    position: absolute; 
    z-index:100;
    left:53px; 
	top:55px;
	width: 418px;
	height:231px;
	background: url(images/tv.png) no-repeat;
	background-color: transparent;
}
#tv #playercontainer {
    position: relative; 
    left:24px; 
	top:22px;
	width: 268px;
	height:177px;
	background: url(images/player.png) no-repeat;
	border: 0px solid #FFFF00;
}
#tv #player {
    position: relative; 
	width: 268px;
	height:150px;
	border: 0px solid #FF0000;
}
	
.twoColFixLt #mainTable {
    background: #FFFFFF; 
	margin: 0px 0px 0px 150px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:848px;
	border:0px;
	padding:0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
}
#header {
	width:848px;
	height:67px;
	background-color:#FFF;
	position:relative;
}
#contactInfo {
	float:left;
	padding-left:15px;
	padding-top:7px;
}

#headerLinks {
	float:right;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
}
#headerMessage {
	position: absolute;
	margin:5px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:10px;
	padding-right:10px;
	left: 575px;
	top: 40px;
	width: 200px;
}
.headerMessageFont {
	font-family: Tahoma;
	font-size: 7px;
	color:#000000;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:1px;
	word-spacing: normal;
	text-align: center;
}
#mainImage {
	width:848px;
	position:relative;
}

#mainNavArea {
	width:848px;
	height:24px;
	background-color:#000;
	text-align: center;
	padding-top:6px;
}

.navFont {
	font-family: Impact, sans-serif; 
	font-size:14px;
	color:#A7A7A7;
}
.mainContentArea {
	width:848px;
	vertical-align:top;
	background-color:#FFF;
}

#mainImage {
	width:848px;
	position:relative;
}

#mainNavArea {
	width:848px;
	height:24px;
	background-color:#000;
	text-align: center;
	padding-top:6px;
}

.navFont {
	font-family: Impact, sans-serif; 
	font-size:14px;
	color:#A7A7A7;
}


#mainContentSub1 {
	width:848px;
	position:relative;
}
#mainContentSub1Area {
	width:828px;
	padding-top:10px;	
	padding-left:0px;
	padding-bottom:0px;
	padding-right:10px;
}
#mainContentSub1Area2 {
	width:386px;
	padding-top:10px;	
	padding-left:10px;
	padding-bottom:0px;
	padding-right:10px;
}
#mainContentPromotionsArea {
	width:848px;
	padding-top:0px;	
	padding-left:0px;
	padding-bottom:10px;
	padding-right:0px;
	background-repeat:no-repeat;
}
#promoMVPBackground {
    background-color: #000;
    background-repeat:no-repeat;
    background-image:url(images/hah_local_back.jpg);
    width:848px;
    height:655px;
}
.mainLeft {
	width: 406px;
	float: left;
	padding-left: 2px;
}
.mainMiddle {
	width: 208px;
	float: left;
}
.mainRight {
	width: 230px;
	float: right;
	margin-right:2px;
	vertical-align:top;
}

#mainContent {
	width:848px;
	padding-top:10px;
	padding-left:0px;
	margin-bottom: 10px;
	padding-bottom:0px;
	padding-right:0px;
	vertical-align: top;
	background-color: #FFF;
}
#mainContentLeft {
	width: 500px;
	float: left;
	text-align:left;
	padding-left:20px;
	z-index:10;
	background-color:#FFF;
}
#mainContentRight {
	width: 300px;
	float: right;
	vertical-align: top;
        margin-top:65px;
	background-color:#FFF;
}
.sub1Left {
	width: 410px;
	float: left;
	padding-left: 5px;
}
/*.sub1Middle {
	width: 205px;
	float: left;
}*/
.sub1Right {
	width: 410px;
	float: right;
	margin-top:10px;
	margin-right:10px;
	vertical-align: top;
}
sub1Right_TextArea {
	vertical-align: top;
}

.sub2Left {
	width: 305px;
	float: left;
	padding-top: 15px;
	padding-left: 100px;
	padding-bottom: 15px;
	padding-right: 15px;
}
.sub2Right {
	width: 305px;
	float: right;
	padding-top: 15px;
	padding-left: 100px;
	padding-bottom: 15px;
	padding-right: 15px;
}

#mainPromoImageShadow {
	background-image:url(images/hah_11_local_over.jpg);
	width:390px;
	height:180px;
	padding:8px;
	vertical-align:top;
}
.mainPromoImage {
/*	background-image:url(images/mainPromoImage2.png);*/
	width:390px;
	height:180px;
}

.mainPromoTextArea  {
	font-family: Tahoma;
	color:#000;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	padding-top:10px;
	padding-left:216px;
	padding-bottom:58px;
	padding-right:70px;
	text-decoration:none;
}
.mainPromoTextArea a:link {
	font-family: Tahoma;
	color:#000;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
.mainPromoTextArea a:visited  {
	font-family: Tahoma;
	color:#000;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
.mainPromoTextArea a:hover  {
	font-family: Tahoma;
	color:#000;
	font-size:11px;
	font-weight:normal;	
	text-decoration:underline;
}
.mainPromoTextArea a:active {
	font-family: Tahoma;
	color:#000;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
#ctaSubPromo_Shadow {
	background-image:url(images/ctaSubPromo_Shadow.jpg);
	width:376px;
	height:46px;
	position:relative;
	margin-top:-1px;
	padding:8px;
}
.ctaSubPromo_Image {
	background-image:url(images/ctaSubPromo_Image.jpg);
	width:376px;
	height:46px;
}
.ctaSubPromo_TextArea {
	font-family: Tahoma;
	color:#FFF;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	padding-bottom:5px;
	padding-left:40px;
	padding-right:8px;
	padding-top:10px;
	text-transform: uppercase;
}
.ctaSubPromoTextAreaTop {
	font-family: Tahoma;
	color:#FFF;
	font-size:15px;
	font-weight:normal;
	text-align:left;
}
.ctaSubPromoTextAreaBottom {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	text-align:right;
}

#todayInSportShadow {
	width:190px;
	height:181px;
	background-image: url(images/todayInSportsShadow.gif);
	padding:8px;
}
#todayInSportsbg {
	background-image:url(images/todayInSportsBackground.jpg);
	width:180px;
	height:123px;
	padding-top:45px;
	padding-bottom:14px;
	padding-left:1px;
	padding-right:8px;
}
.todayInSportsFeed {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	color:#FFF;
	text-decoration:none;
	line-height: normal;
}
.todayInSportsFeed a:link {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	color:#FFF;
	text-decoration:none;
	line-height: normal;
}
.todayInSportsFeed a:visited {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	color:#FFF;
	text-decoration:none;
	line-height: normal;
}
.todayInSportsFeed a:hover {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	color:#FFF;
	text-decoration:underline;
	line-height: normal;
}
.todayInSportsFeed a:active {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:9px;
	color:#FFF;
	text-decoration:none;
	line-height: normal;	
}
#ctaBoxesRight {
	width:229px;
}
.ctaBox1_Shadow {
	background-image:url(images/ctaRedBox1_Shadow.jpg);
	width:213px;
	height:47px;
	padding:8px;
}
.ctaBox1_Image {
	background-image:url(images/ctaRedBox1_Image.jpg);
	width:213px;
	height:47px;
}
#ctaBox1_TextArea {
	padding-bottom:5px;
	padding-left:30px;
	padding-right:8px;
	padding-top:8px;
}
.ctaBox2_Shadow {
	background-image:url(images/ctaHeroBoxShadow.gif);
	width:229px;
	height:63px;
}
.ctaBox2_Image {
	width:229px;
	height:63px;
}
.ctaBox2_TextArea {
	font-family: Tahoma;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	text-align:left;
	padding-bottom:5px;
	padding-left:32px;
	padding-right:5px;
	padding-top:10px;
}
.ctaBox3_Shadow {
	background-image:url(images/ctaInfoRedBoxShadow.png);
	width:229px;
	height:63px;
	font-family: Tahoma;
	color:#FFF;
}

.ctaBox3_Shadow a {
	text-decoration: none;
	font-family: Tahoma;
	color:#FFF;
}

.ctaBox3_Shadow a:hover {
	text-decoration: underline;
	font-family: Tahoma;
	color:#FFF;
}
.ctaBox3_Image {
	width:229px;
	height:63px;
}
.ctaBox3_TextArea {
	text-align:left;
	padding-bottom:5px;
	padding-left:40px;
	padding-right:5px;
	padding-top:16px;
} 



.sub1SocialNetworking {
	width:290px;
	text-align:left;
	vertical-align: middle;
	float:left;
	z-index:1;
	padding-bottom:5px;
	padding-left:15px;

}
#sub1CTABox1_Shadow {
	background-image: url(images/sub1CTABox1_Shadow.jpg);
	width:848px;
	height:157px;
}
.sub1CTABox1_Image {
/*	background-image:url(images/sub1CTABox1_Image.jpg);*/
	width:848px;
	height:157px;
	padding-top:5px;
	padding-left:0px;
}
.sub1CTABox1_TextArea {
	font-family: Tahoma;
	color:#FFF;
	font-size:10px;
	font-weight:normal;
	text-align:left;
	margin-top:15px;
	margin-left:90px;
	margin-right:30px;
	margin-bottom:10px;
	vertical-align: top;
	padding-top:5px;
}
.sub1CTABox1_TextArea_Header
 {
	font-family: Tahoma;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

#sub1CTABox2_Shadow {
	background-image:url(images/sub1CTABox2_Shadow.jpg);
	width:406px;
	height:76px;
}
.sub1CTABox2_Image {
/*	background-image:url(images/sub1CTABox2_Image.jpg);*/
	width:376px;
	height:46px;
	padding-top:15px;
	padding-left:25px;
}
.sub1CTABox2_TextArea {
	font-weight:normal;
	text-align: center;
	vertical-align: middle;
	padding-top:10px;
}

/*Racing 7-2010 CSS START - Updated 2-20-11 */
#joeyLogano7-10 {
	background-image: url(images/racing_page_2011.jpg);
	background-repeat: no-repeat;
	background-color: #FFF;
	height:2000px;	
}
#joeyLogano7-10 p {
	color: #000;
}
#joeyLogano7-10 a {
	color: #000;
	text-decoration: underline;
}
#joeyLogano7-10 a:hover {
	color: #000;
	text-decoration: none;
}
#racingRight {
	position:absolute;
	width:330px;
	top:725px;
	left:680px;
	padding: 0 5px 0 10px;
}
#racingRight h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color:#000;
}
#racingRight .introHeaderLarge {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color:#000;
}
#racingLeft {
	position:absolute;
	width:422px;
	top:700px;
	left:235px;
	padding: 0 5px 0 5px;
}
#racingLeft h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	color:#000;
}
/*Racing 7-2010 CSS END*/

/*Racing Page CSS */
#joeyLogano {
	background-image: url(images/racingSponsorBackground.jpg);
	height:1440px;
}
#jlRacingText {
	position:absolute;
	width:475px;
	top:690px;
	left:560px;
}
#jlRacingText2 {
	position:absolute;
	width:800px;
	top:1100px;
	left:225px;
}
#middleMessage {
	padding: 5px;
	position:absolute;
	width:300px;
	top:1050px;
	left:200px;
}
#middleMessage img {
	padding: 5px;
}
#jgrmxText {
	position:absolute;
	width:415px;
	top:1300px;
	left:225px;
}
.racingScheduleHeadline {
color: #ffffff;
}

/*news CSS */
#newsBackground {
	background-image:url(images/newsBackground.jpg);
	background-repeat:no-repeat;
	width:828px;
	height:650px;
	padding:10px;
}
#latestNewsContent {
	width:753px;
	margin-top:190px;
	margin-left:60px;
	margin-right:40px;
}
.latestNewsHeadline {
	
}
.latestNewsSubHeadline {
}
.latestNewsFont {
}

/* Email Signup CSS */
#emailSignupContainer {
	background-image: url(images/textemailbg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height:375px;
	padding:65px 216px 0px 143px;
}

#emailSignupMain {
}
#emailSignupHeader {
	padding:10px;
}

#emailSlogan {
	text-align:center;
	vertical-align: bottom;
	padding:5px 0px 0px 0px;
	height:28px;
}
.emailSloganFont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	font-weight: normal;
}
#messageArea {
	text-align:left;
	vertical-align: text-bottom;
	padding:40px 15px 5px 15px;
	height:60px;	
}
.messageAreaFont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#000000;
	font-weight: bold;
	vertical-align: middle;
}
#formArea {
	height:150px;
	padding:5px 5px 77px 5px;	
}
.formAreaFont {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	font-weight: bold;
	vertical-align: left;	
}
.agreeFont {
	font-family: arial;
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
	font-style: italic;
}

/* Products & Services CSS */
#productsServicesMain {
}
#productsServicesTopTextArea {
	height:40px;
	padding:10px 10px 5px 10px;
	background-image:url(images/productsServiceTopFade.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#productsServicesTopPic {
/*	background-image:url(images/productsServicesTopPic.jpg); */
	height:210px;
	background-repeat:no-repeat;
}
#productsServicesTopBar {
	background-image:url(images/productsServicesTopBarbg.jpg);
	height:115px;
}
#productsServicesTopBarTextArea {
	padding: 10px 180px 5px 180px;
	text-align:center;
}
#productsServicesBottomBar {
	background-image:url(images/productsServicesBottomBarbg.jpg);
	height:80px;
}
#productsServicesBottomBarTextArea {
	padding: 5px;
	margin: 0px;
	text-align:center;
}
#productsServicesBottomTextArea {
	height:800px;
}
#productsServicesBottomTextAreaDefault {
	height:700px;
}
#productsServicesBottomTextAreaAustin {
	height:700px;
}
#productsServicesBottomTextAreaDefaultWa {
	height:575px;
}
#productsServicesBottomTextAreaDefaultOregon {
	height:630px;
}
.productsServicesRow1Default  {
	background-image: url(images/productsServicesRow1Default.jpg);
	background-repeat:no-repeat;
	text-align: left;
	vertical-align:top;
	width:848px;
	height:240px;
}
.productsServicesRow2  {
	background-image: url(images/productsServicesRow2.jpg);
	background-repeat:no-repeat;
	text-align: left;
	vertical-align:top;
	width:848px;
	height:286px;
}
.productsServicesRow2Default  {
	background-image: url(images/productsServicesRow2Default.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	text-align: left;
	vertical-align:top;
	width:848px;
	height:236px;
}
.productsServicesRow2Fade {
	background-image: url(images/productsServicesRow2Fade.jpg);
	background-repeat:no-repeat;
	text-align: left;
	vertical-align:top;
	width:848px;
	height:60px;
}
.productsServicesRow2Austin  {
	background-image: url(images/productsServicesRow2Austin.jpg);
	background-color:#000;
	background-repeat:no-repeat;
	text-align: left;
	vertical-align:top;
	width:848px;
	height:266px;
}
.productsServicesRow2FadeAustin {
	background-image: url(images/productsServicesRow2FadeAustin.jpg);
	background-repeat:no-repeat;
	background-color:#000;	
	text-align: left;
	vertical-align:top;
	width:848px;
	height:70px;
}
.productsServicesRow2Wa  {
	background-image: url(images/productsServicesRow2Wa.jpg);
	background-repeat:no-repeat;
	background-color:#000;		
	text-align: left;
	vertical-align:top;
	width:848px;
	height:266px;
}
.productsServicesRow2FadeWa {
	background-image: url(images/productsServicesRow2FadeWa.jpg);
	background-repeat:no-repeat;
	text-align: left;
	vertical-align:top;
	width:848px;
	height:70px;
}
.productsServicesBottomTD  {
	text-align: left;
	vertical-align:top;
	width:25%;
	padding: 32px 8px 8px 18px;
	color:#FFFFFF;
}
.productsServicesBottomAreaDisclaimer {
	padding: 5px;
	text-align: center;
}
 /* Products and services Fonts */
.tahoma12pxBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight: bold;
}
.tahomaRed18pxBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#DB2526;
	font-weight: bold;
}
.tahomawhite11pxBold {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
.tahomawhite14pxNormal {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight: normal;
}
.tahomawhite18px {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
}


/* Hours & Contact info CSS */

#storeFront {
	background-image:url(images/hoursandcontactbg.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	height:850px;
	padding:10px 20px 0px 20px;
	margin: 0px;
	vertical-align: top;
}
#storeFrontTextArea {
}
#googleMaps {
	/*background-image:url(images/googlemapbg.jpg);*/
	position:absolute;
	left:600px;
	top:450px;
	width: 400px;
	height:275px;
}

/*Guy Stff Page CSS */
#guyStuff {
	background-image: url(images/guystuffbg.jpg);
	height:1010px;
}
#guyStuffLeftText {
	position:absolute;
	width:430px;
	padding:10px;
	top:470px;
	left:225px;
}
#guyStuffRightText {
	position:absolute;
	width:325px;
	padding:10px;
	top:560px;
	left:675px;
}

/*About Us Page CSS */
#aboutUs {
	background-image: url(images/aboutusbg.jpg);
	height:1000px;
}
#aboutUsLeftText {
	position:absolute;
	width:420px;
	padding:10px;
	top:485px;
	left:225px;
}
#aboutUsRightText {
	position:absolute;
	width:325px;
	padding:10px;
	top:575px;
	left:685px;
}

/* Partnerships Page CSS */
#partnerships {
	background-image: url(images/partnershipsbg.jpg);
	height:1000px;
}
#partnershipsText {
	position:absolute;
	width:505px;
	padding:10px;
	top:485px;
	left:235px;
}


/* HOME Footer CSS */

#mainFooterAreaHome {
        width:848px;
        vertical-align: bottom;
        background-color: #FFF;
        /*position:absolute;*/
        top:822px;
        left:200px;
        padding-top:5px;
        z-index:2; 

}
.footerRedStripesHome {
	width:848px;
	height:271px;
	background-image:url(images/footerAngleBkgrd.gif);
	z-index:-1;
        background-color:#FFF;
}
.footerSloganHome {
	width:147px;
	height:149px;
	background-image:url(images/footerslogan.png);
	background-position:right;
	background-repeat:no-repeat;
	position:relative;
	top:25px;
	left:675px;
}
.footerTextBoxHome {
	width:780px;
	border:2px solid #701313;
	margin:40px 22px 10px 22px;
	padding:0px 10px 0px 10px;
	position:relative;
}

/* SUB Footer CSS */

#mainFooterArea {
        width:848px;
        vertical-align: bottom;
        padding-top:5px;
/*     position:absolute;
        top:720px;
        left:200px;
        width:848px;
        padding-top:5px;
        z-index:2; */
}
.footerRedStripes {
	width:848px;
	height:271px;
	background-image:url(images/footerAngleBkgrd.gif);
	z-index:-1;
}
.footerSlogan {
	width:147px;
	height:149px;
	background-image:url(images/footerslogan.png);
	background-position:right;
	background-repeat:no-repeat;
	position:relative;
	top:25px;
	left:675px;
}
.footerTextBox {
	width:780px;
	border:2px solid #701313;
	margin:40px 22px 10px 22px;
	padding:0px 10px 0px 10px;
	position:relative;
}

/* This for Help a Hero */

a.hahlink:link {color:#f2deb3; text-decoration:underline;}
a.hahlink:hover {color:#FFFFFF; text-decoration:none;}
a.hahlink:visited {color:#FFFFFF; text-decoration:underline;}