body { background-color : #313131; margin-left : 0px; margin-right : 0px; margin-top : 0px; margin-bottom : 0px;
	font : 16px/19px "Times New Roman", Times, serif;
}
.invisi { font: 2px/2px serif; color: #313131; }
.subhdr { font-size : 18px; font-weight: bold; }
.xlg { font : 18px/22px "Times New Roman", Times, serif; }
.lg { font : 16px/23px "Times New Roman", Times, serif; }
.reg { font : 14px/18px "Times New Roman", Times, serif; }
.sm { font : 12px/14px "Times New Roman", Times, serif; }

.fantasy { font-family: CK Gutenberg, fantasy; }
.mono { font-family: "Courier New", Courier, monospace; }

#mainframe {
	width: 80%;
	position: relative;
	left: 10%;
	z-index: 1;
	background : url(../images/headerbg.gif) repeat-x top;
}
#topnav {
	z-index: 0;
	height: 55px;
	background-color: #3a3a3a;
}
.shiftup { position: relative; top: -60px; }

/* PNG images */
.logo[class] { position: relative; top: 0; left: 0; z-index: 2; width: 665px; height: 104px; background : url(../images/dirtcheapoffroad.png) no-repeat; }
.rider[class] { position: relative;  top: -44px; left: 15px; z-index: 1; width: 243px; height: 285px; background : url(../images/riderpic.png) no-repeat; }
.navsep[class] { position: relative; left: 2px; width: 9px; height: 50px; background : url(../images/navsep.png) no-repeat; }
.vertlineL[class] { position: absolute; top: 0; left: -4; z-index: 2; width: 8px; height: 95%; background : url(../images/vertline.png) repeat-y; }
.vertlineR[class] { position: absolute; top: 0; right: -4; z-index: 2; width: 8px; height: 95%; background : url(../images/vertline.png) repeat-y; }
.horizline[class] { position: relative; top: -3; width: 100%; z-index: 2; background : url(../images/horizline.png) repeat-x; }

A:link, A:visited { color : #e9ce76;} 
A:hover { color : #e04f46;}
A:active { color : #5d73a4;}

A.tn, A.tnOn {
	height: 55px;
	text-decoration: none;
	font : bold 24px CK Gutenberg, fantasy;
	display: table-cell;
	padding-top: 15px;
	width: 100%;
	position: relative;
	top: -3px;
}

A.tn:link, A.tn:visited { color : #f8f0e5; 	} 
A.tn:hover { color : #e04f46; }
A.tn:active { color : #5d73a4; }

A.tnOn, td.tnOn { background-color: #606060; display: table-cell; }
A.tnOn:link, A.tnOn:visited { color : #e04f46; 	} 
A.tnOn:hover { color : #f8f0e5; }
A.tnOn:active { color : #5d73a4; }

.fg-white { color: #ffffff; }
.fg-cream { color: #f7e9de; }
.fg-tan { color: #c6a57a; }
.fg-red { color: #e04f46; }
.fg-blue { color: #5d73a4; }

.bg-white  { background-color: #FFFFFF; }
.bg-black  { background-color: #000000; }
.bg-mdgray { background-color: #606060;  }
.bg-dkgray { background-color: #3a3a3a; }