/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#000;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	}

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1024px;
	background:#999 url(images/web_bg.jpg) top repeat-y;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	}

#header {
	padding:1em;
	}
	#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

#content {
	padding:0em 0em 5em 0em; /* bottom padding for footer */
	width: 912px;
	margin: 0px auto;
	}
	#content p {
		text-align:justify;
		padding:0 1em;
		}

#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	
	color: #000;
	font-size: 0.8em;
	}

	#footer p {
		padding:1em;
		margin:0;
		
		text-align: center;
		}
	#footer a:link {
		color: #000;
		}
	#footer a:visited {
		color: #333;
		}
	#footer a:hover {
		color: #039;
		}


/* **** Header **** */
#headerImg {
	width: 912px;
	height: 200px;
	background: #999 url(images/wtxmc_flag_web_header.jpg) center top no-repeat;
	margin: 0px auto;
	margin-top: 6px;
	margin-bottom: 6px;
	}


/* **** Footer **** */
.greyText {
	margin: 0px 4px 0px 4px;
	color: #aaa;
	}


/* **** Nav Bar **** */
.mainNav {
	text-align: center;
	border: 1px solid #666;
	background: #aaa;
	width: 912px;
	margin: 0px auto;
	}

.mainNav a {
	text-decoration: none;
	font-size: 0.8em;
	padding: 5px 12px;
	display: inline-block;
	margin: 3px;
	}

.mainNav a:link {
	color: #fff;
	}
.mainNav a:visited {
	color: #fff;
	}
.mainNav a:hover {
	color: #c03;
	background: #eee;
	}

.mainNav ul {
	border: 1px solid #ccc;
	}

.mainNav li.firstLI,.mainNav li {
	border-right: 1px solid #ccc;
	display: inline-block;
	}

.mainNav li.firstLI {
	border-left: 1px solid #ccc;
	}

.mainNav a.current {
	color: #fff;
	background: #111 url(images/underline.gif) repeat-x 50% 100%;
	background-size: 100% 1px;
	}


/* **** General **** */
strong {font-weight: bold;}
em {font-style: italic;}

a:link {
	color: #039;
	}
a:visited {
	color: #333;
	}
a:hover {
	color: #c03;
	}

p {
	line-height: 1.4em;
	}

hr {
	color: #aaa;
	background-color: #aaa;
	border-style: none;
	width: 100%;
	height: 1px;
	margin-bottom: 32px;
	}

.centeredText {
	text-align: center;
	}

.rightText {
	text-align: right;
	}

.smallText {
	font-size: 0.7em;
	}

h1 {
	font-weight: bold;
	font-size: 1.4em;
	}
	
.pinkText {
	color: #fcc;
	font-weight: normal;
	}

.blueText {
	color: #9cf;
	font-weight: normal;
	}

/* **** Index **** */
#cardsAbout {
	width: 912px;
	margin: 0px auto;
	}
	#cardsAbout h1 {
		font-size: 88px;
		font-weight: normal;
		text-align: center;
		color: #fff;
		padding: 0px;
		margin: 0px;
		}

h2.eventBanner {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 20px;
		border: 3px solid #e41937;
		background: #000;
		width: 912px;
		margin: 0px auto;
		margin-bottom: 16px;
		padding: 16px 0px 16px 0px;
		/* display: block;*/ 
		display: none;
		}

	h2.eventBanner a:link {
		color: #f99;
		}
	h2.eventBanner a:visited {
		color: #c33;
		}
	h2.eventBanner a:hover {
		color: #c00;
		}

h2.eventBanner2 {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 20px;
		border: 3px solid #004890;
		background: #000;
		width: 912px;
		margin: 0px auto;
		margin-bottom: 16px;
		padding: 16px 0px 16px 0px;
		/* display: block;*/
		display: none;
		}

	h2.eventBanner2 a:link {
		color: #66b3ff;
		}
	h2.eventBanner2 a:visited {
		color: #69c;
		}
	h2.eventBanner2 a:hover {
		color: #369;
		}

h2.underConstruction {
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		border: 3px solid #e41937;
		background: #000;
		width: 912px;
		margin: 0px auto;
		padding: 16px 0px 16px 0px;
		display: block;
		margin-top: 64px;
		}

p.faceBook {
	margin-top: 32px;
	width: 424px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* **** Index Special **** */

#mithot2019 {
	width: 912px;
	margin: 0px auto;
	border: 3px solid #000;
	margin-bottom: 8px;
	display: none;
	}


/* **** Photo Albums **** */

.albumThumb {
	width: 186px;
	display: inline-block;
	margin-left: 13px;
	margin-right: 13px;
	margin-bottom: 8px;
	}
	.albumThumb h2 {
		margin-top: 8px;
		}

	/* **** Photo Nav Bar **** */
	
	.photoNav {
		text-align: center;
		border: 1px solid #000;
		background: #000;
		}
	
	.photoNav a {
		text-decoration: none;
		font-size: 0.8em;
		padding: 5px 12px;
		display: inline-block;
		margin: 3px;
		}
	
	.photoNav a:link {
		color: #fff;
		}
	.photoNav a:visited {
		color: #fff;
		}
	.photoNav a:hover {
		color: #fff;
		background: #e41937;
		}
	
	.photoNav ul {
		border: 1px solid #555;
		}
	
	.photoNav li.firstLI,.photoNav li {
		border-right: 1px solid #555;
		display: inline-block;
		}
	
	.photoNav li.firstLI {
		border-left: 1px solid #555;
		}
	
	.photoNav a.current {
		background: #004890 url(images/underline.gif) repeat-x 50% 100%;
		background-size: 100% 1px;
		}

#photoIndex {
	padding: 24px;
	color: #fff;
	background: #000;
	}

	#photoIndex img {
		margin-top: 4px;
		}


/* **** Links **** */
#goBadges img {
	margin: 0px;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	}

#goBadges img:hover {
	border-top: 4px solid #e41937;
	border-bottom: 4px solid #004890;
	}

#goBadges table {
	margin-top: 6px;
	}

#goBadges td {
	width: 152px;
	color: #666;
	font-size: 0.8em;
	height: 16px;
	padding: 0px;
	text-align: center;
	}

#TMC_Map p {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 16px;
	}

.TMC {
	width: 600px;
	text-align: center;
	margin-left: 146px;
	}

.TMC img {
	margin:  0px 0px 16px 0px;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
	}

.TMC img:hover {
	border-top: 4px solid #e41937;
	border-bottom: 4px solid #004890;
	}

#mags table td {
	padding: 8px;
	vertical-align: middle;
	line-height: 1.3em;
	}

#team table td {
	width: 856px;
	padding: 8px;
	vertical-align: top;
	line-height: 1.3em;
	text-align: center;
	}

#sponsors table td {
	width: 856px;
	padding: 8px;
	vertical-align: bottom;
	line-height: 1.3em;
	text-align: center;
	}

#patches img.sample {
	float: left;
	margin-right: 16px;
	}

/* **** Info **** */
.colorTable {
	margin: 8px 0px 0px 0px;
	}

.engineTable td {
	font-size: 0.6em;
	}

table.sortable {
	margin: 0px auto;
	text-align: left;
	width: 100%;
	border-bottom: 8px solid #000000;
	}

table.sortable td {
	border-bottom: 1px solid #aaa;
	padding: 2px 0px 2px 0px;
	}


.tblName,.tblType,.tblColor,.sorttable_alpha,.tblYear,.tblWPhoto,.tblWCode,.tblWName,.tblWColor,.tblWSize,.tblWTire,.tblWInfo,.tblEngEngine,.tblEngMfg,.tblEngDisp,.tblEngInduc,.tblEngCyl,.tblEngFuel,.tblEngHP,.tblEngYear,.tblEngModel,.tblEngNotes
 	{
	border-bottom: 1px solid #fff;
	color: #fff;
	background: #000;
	}
	
.tblName {
	padding-left: 16px;
	width: 30%;
	}

.tblType {
	width: 15%;
	}

.tblColor {
	width: 25%;
	}

.sorttable_alpha {
	width: 15%;
	}

.tblYear {
	width: 15%;
	}

.tblEngDisp {
	width: 6%;
	text-align: left;
	}

.tblEngHP {
	width: 6%;
	}

table.sortable tbody tr:nth-child(2n) td {
  background: #a1a1a1;
	}

table.sortable tbody tr:nth-child(2n+1) td {
  background: #999;
	}

.tblWPhoto {
	padding-left: 16px;
	/* width: 30%; */
	}

#CarlyCoding table {
	width: 100%;
	}

#CarlyCoding td {
	border-right: 1px solid #888;
	text-align: center;
	vertical-align: middle;
	height: 1.7em;
	font-size: 0.9em;
	}

#CarlyCoding tr {
	border-bottom: 1px solid #aaa;
	}

#CarlyCoding tr.AltRow {
	background-color: #a1a1a1;
	}

#CarlyCoding td.CodingCat {
	text-align: left;
	width: 20%;
	padding-left: 8px;
	color: #fff;
	background-color: #000;
	}

#CarlyCoding tr.CodingCat {
	color: #fff;
	background-color: #000;
	}

#CarlyCoding td.Empty {
	border: none;
	background-color: #999;
	}

#Gens {
	width: 100%;
	}

	#Gens td {
		text-align: center;
		border: 1px solid #000;
		font-size: 0.8em;
		height: 2.2em;
		vertical-align: middle;
		width: 5%;
		}
	#Gens td.Header, tr.Header {
		background-color: #000;
		color: #fff;
		width: 15%;
		}
	#Gens td.RightHeader {
		text-align: right;
		padding-right: 8px;
		}
	
	#Gens tr.AltRow {
		background-color: #a1a1a1;
		}
	#Gens td.AltCol {
		background-color: #b1b1b1;
		}
		.Red1 {
			background-color: #500;
			color: #fff;
			}
		.Red2 {
			background-color: #700;
			color: #fff;
			}
		.Red3 {
			background-color: #a00;
			color: #fff;
			}
		.Red4 {
			background-color: #c00;
			}
		.Red5 {
			background-color: #e00;
			}
		.Orange1 {
			background-color: #a30;
			color: #fff;
			}
		.Orange2 {
			background-color: #c50;
			}
		.Orange3 {
			background-color: #e70;
			}
		.Orange4 {
			background-color: #f90;
			}
		.Yellow1 {
			background-color: #fc0;
			}
		.Yellow2 {
			background-color: #ff0;
			}
		.Yellow3 {
			background-color: #ff9;
			}
		.Green {
			background-color: #070;
			color: #fff;
			}
		.Teal {
			background-color: #066;
			color: #fff;
			}
		.Blue1 {
			background-color: #039;
			color: #fff;
			}
		.Blue2 {
			background-color: #06c;
			color: #fff;
			}
		.Violet {
			background-color: #309;
			color: #fff;
			}
		.Purple {
			background-color: #609;
			color: #fff;
			}
	#Gens p {
		width: 100%;
		text-align: center;
		border: 1px solid #yellow;
		}
	#Gens td.Year {
		border-right: 1px solid #999;
		}

#CarlyCoding p {
	margin-bottom: 16px;
	}
/* **** MISSING **** */
#missing h1 {
	text-align: center;
	font-weight: bold;
	font-size: 1.8em;
	margin: 48px;
	}
#missing p {
	text-align: center;
	}



/* **** END OF LINE **** */