/* 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: #c00 url(images/Tile.jpg) center;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #fff;
	}

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

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

#header {
	padding:0;
	}
	#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: #ccc;
	font-size: 0.8em;
	}

	#footer p {
		padding:1em;
		margin:0;
		
		text-align: center;
		}
	#footer a:link {
		color: #06f;
		}
	#footer a:visited {
		color: #9cf;
		}
	#footer a:hover {
		color: #c00;
		}


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


/* **** Footer **** */
.redText {
	margin: 0px 4px 0px 4px;
	color: #c00;
	}


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

.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: #c00;
	background: #fff;
	}

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

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

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

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


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

a:link {
	color: #fff;
	}
a:visited {
	color: #bbb;
	}
a:hover {
	color: #f00;
	}

p {
	line-height: 1.4em;
	padding: 0px;
	margin-bottom: 16px;
	}

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

.centeredText {
	text-align: center;
	}

.rightText {
	text-align: right;
	}

.smallText {
	font-size: 0.7em;
	}

.blueText {
	color: #39f;
	}
	
h1 {
	font-weight: bold;
	color: #f66;
	font-size: 1.4em;
	margin-bottom: 16px;
	}
	
h2 {
	font-weight: bold;
	color: #c00;
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 8px;
	}
	
#content dt {
	font-weight: bold;
	margin-bottom: 6px;
	}
#content dd {
	margin-bottom: 12px;
	padding-left: 24px;
	font-style: italic;
	}
#content dl {
	margin-bottom: 24px;
	}

#map {
	display: none;
	border: 1px solid #300;
	}

#SponsorLogos {
	width: 912px;
	text-align: center;
	margin-top: 24px;
	}

#SponsorLogos img {
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 8px;
	}
	
#tshirts {
	width: 912px;
	height: 480px;
	background: url(images/Sample.jpg) no-repeat right bottom;
	}

#tshirts form {
	/* display: inline; */
	display: none;
	}

#tshirts td {
	padding-bottom: 0.6em;
	}

.flashing {
	color: #fff;
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite;
	animation-name: example;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {color: #c00;}
    25%  {color: #fff;}
    50%  {color: #f00;}
    100% {color: #fff;}
	}

/* Standard syntax */
@keyframes example {
    0%   {color: #c00;}
    25%  {color: #fff;}
    50%  {color: #f00;}
    100% {color: #fff;}
	}

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