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

* { margin: 0; padding: 0; }

/*---- MAIN CODING ----*/

html, body { height:100% }

body { background: #1fc3f3 url(../images/bgImage.png) scroll repeat-y top left; font-family: "Arial", "sans-serif";}


#backgroundImage {
	width: 944px;
	height: 768px;
	background: transparent url(../images/bgOverLay.png) scroll no-repeat top left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	
}

#insideWrapLeft {
	width: 32px;
	height: 768px;
	background: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#insideWrapLeft_Spacer1 {
	width: 6px;
	height: 768px;
	background: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#insideWrapLeft_Minis {
	width: 20px;
	height: 147px;
	background: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#insideWrapLeft_Spacer2 {
	width: 20px;
	height: 328px;
	background: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#insideWrapLeft_Copy {
	width: 20px;
	height: 288px;
	background: url(../images/mini_Rights.gif);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#insideWrapRight {
	width: 225px;
	height: 704px;
	background: transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#matrix_topLeft {
	width: 224px;
	height: 178px;
	background: transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	clear: left;

}

#matrix_barLeft {
	width: 224px;
	height: 52px;
	background: url(../images/bars_left.png) ;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	clear:left;
	overflow:visible;

}

#matrix_typeLeft {
	width: 158px;
	height: 474px;
	background: transparent;
	margin: 0 0 0 0;
	padding: 0 28px 0 38px;
	position: relative;
	float: left;
	clear:left;

}

#insideWrapWest {
	width: 475px;
	height: 704px;
	background: transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#matrix_westTop {
	width: 475px;
	height: 269px;
	background: transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#matrix_barRight {
	width: 475px;
	height: 52px;
	background: url(../images/bars_right.png) ;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	clear:left;
	overflow:visible;

}

#matrix_easyWest{
	width: 475px;
	height: 253px;
	background: url(../images/steps.png);
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	clear:left;
	overflow:visible;

}

#matrix_rememberWest{
	width: 410px;
	height: 78px;
	background: transparent;
	margin: 0 40px 0 25px;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	clear:left;
	overflow:visible;

}

#matrix_tiersAndBenefits{
	width: 410px;
	height: 383px;
	background: transparent;
	margin: 0 40px 0 25px;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	clear:left;

}

#matrix_eventWest{
	width: 410px;
	height: 160px;
	background: transparent;
	margin: 0 40px 0 25px;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	clear:left;

}

#matrix_historyWest{
	width: 410px;
	height: 169px;
	background: transparent;
	margin: 0 40px 0 25px;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	clear:left;

}

#insideWrapEast {
	width: 212px;
	height: 704px;
	background:transparent url(../images/blackFlag.png) no-repeat top left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#insideSponsorsBottom {
	width: 910px;
	height: 64px;
	background:transparent url(../images/sponsors.png) no-repeat top right;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;

}

#matrix_middleTop {
	width: 300px;
	height: 230px;
	background: transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;
	z-index: 2;

}



#whiteSpacer {
	width: 100%;
	height: 25px;
	background: transparent;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	float: left;
}

/*---- MENU FUN WITH JQUERY AND CSS SPRITES, AGAIN! ----*/

	.nav { 
		width: 165px;
		height: 637px;
		background: url(../images/menu.gif) no-repeat;
		position: absolute;
		top: 10px;
		left: 10px;
	}
	
	.nav li { display: inline; }
	
	.nav li a:link, .nav li a:visited{
		position: absolute;
		top:0;
		height: 637px;
		text-indent: -9000px;
		overflow: hidden;
		z-index: 10;
	}
	
		/*---- Home ----*/
		
		.nav .home a:link, .nav .home a:visited {
			left: 0;
			width: 165px;
			height:34px;
		}
		
		.nav .home a:hover, .nav .home a:focus {
			background: url(../images/menu.gif) no-repeat -165px 0;
		}
		
		.nav .home a:active {
			background: url(../images/menu.gif) no-repeat -165px 0;
		}
		
		.current-home .home a:link, .current-home .home a:visited {
			background: url(../images/menu.gif) no-repeat -330px 0;
			cursor: default;
		}
		
		.nav-home, nav-home-click {
			position: absolute;
			top: 0;
			left: 0;
			width:165px;
			height: 37px;
			background: url(../images/menu.gif) no-repeat -165px 0;
		}
			
		.nav-home-click {
			background: url(../images/menu.gif) no-repeat -165px 0;
		}
		
		/*---- Register ----*/
		
		.nav .register a:link, .nav .register a:visited {
			left: 0;
			top: 37px;
			width: 165px;
			height:194px;
		}
		
		.nav .register a:hover, .nav .register a:focus {
			background: url(../images/menu.gif) no-repeat -165px -37px;
		}
		
		.nav .register a:active {
			background: url(../images/menu.gif) no-repeat  -165px -37px;
		}
		
		.current-register .register a:link, .current-register .register a:visited {
			background: url(../images/menu.gif) no-repeat -330px -37px;
			cursor: default;
		}
		
		.nav-register, nav-register-click {
			position: absolute;
			top: 37px;
			left: 0;
			width:165px;
			height: 194px;
			background: url(../images/menu.gif) no-repeat  -165px -37px;
		}
			
		.nav-register-click {
			background: url(../images/menu.gif) no-repeat  -165px -37px;
		}
		
		/*---- Sponsor ----*/
		
		.nav .sponsor a:link, .nav .sponsor a:visited {
			left: 0;
			top: 231px;
			width: 165px;
			height: 212px;
		}
		
		.nav .sponsor a:hover, .nav .sponsor a:focus {
			background: url(../images/menu.gif) no-repeat -165px -231px;
		}
		
		.nav .sponsor a:active {
			background: url(../images/menu.gif) no-repeat -165px -231px;
		}
		
		.current-sponsor .sponsor a:link, .current-sponsor .sponsor a:visited {
			background: url(../images/menu.gif) no-repeat -330px -231px;
			cursor: default;
		}
		
		.nav-sponsor, nav-sponsor-click {
			position: absolute;
			top: 231px;
			left: 0;
			width:165px;
			height: 212px;
			background: url(../images/menu.gif) no-repeat -165px -231px;
		}
			
		.nav-sponsor-click {
			background: url(../images/menu.gif) no-repeat -165px -231px;
		}
		
		/*---- Share ----*/
		
		.nav .share a:link, .nav .share a:visited {
			left: 0;
			top: 443px;
			width: 165px;
			height: 194px;
		}
		
		.nav .share a:hover, .nav .share a:focus {
			background: url(../images/menu.gif) no-repeat -165px -443px;
		}
		
		.nav .share a:active {
			background: url(../images/menu.gif) no-repeat -165px -443px;
		}
		
		.current-share .share a:link, .current-share .share a:visited {
			background: url(../images/menu.gif) no-repeat -330px -443px;
			cursor: default;
		}
		
		.nav-share, nav-share-click {
			position: absolute;
			top: 443px;
			left: 0;
			width: 165px;
			height: 194px;
			background: url(../images/menu.gif) no-repeat -165px -443px;
		}
			
		.nav-share-click {
			background: url(../images/menu.gif) no-repeat -165px -443px;
		}
	

/*---- Typography Is Awesome! ----*/

	p, td, form {
		font-size: 14px;
		line-height: 120%;
		color: #c7f0fc;
		padding: 0 0;
		margin: 0 0;
	}
	
	.copy {
		font-family: "Arial", "sans-serif";
		font-size: 14px;
		font-color: #FFF;
		text-align: center;
	}
	
	h2 { font-size: 21px; line-height:120%; text-align:left; color: #FFF; margin: 0 0 0 0; }
	h3 { font-size: 18px; line-height:120%; text-align:left; color: #FFF; margin: 0 0 0 0; }
	h4 { font-size: 14px; line-height:120%; text-align:left; color: #c7f0fc; margin: 0 0 0 0; }
	h5 { font-size: 12px; line-height:120%; text-align:left; color: #c7f0fc; margin: 0 0 0 0; }
	h6 { font-size: 9px; line-height:120%; text-align:left; color: #CCC; margin: 0 0 0 0; }
	
	h2.left { font-size: 21px; line-height:120%; text-align:left; color: #FFF; margin: 3px 0 0 38px; }
	h2.right { font-size: 21px; line-height:120%; text-align:left; color: #FFF; margin: 3px 0 0 25px; }
	
	p.remember { font-size: 18px; line-height:120%; text-align:left; color: #c7f0fc; margin: 0 0 0 0; }
	p.history { font-size: 12px; line-height:120%; text-align:left; color: #c7f0fc; margin: 0 0 0 0; }
	p.eventDay { font-size: 28px; line-height:120%; text-align:left; color: #FFF; margin: 0 0 0 0; }
	p.eventAddress { font-size: 18px; line-height:120%; text-align:left; color: #FFF; margin: 0 0 0 0; }
	
	/* ul {font-size: 12px; line-height:120%; text-align:left; color: #c7f0fc; margin: 0 0 0 0; } */
	
	li {font-size: 12px; line-height:120%; text-align:left; color: #c7f0fc; margin: 0 0 0 0; }
	
	a { color: #1fc3f3; }
	a:link {text-decoration: none;}
	a:visited {text-decoration: none;  color: #1fc3f3; }
	a:hover {text-decoration: underline; }
	a:active {text-dection: none; color: #1fc3f3; }
	
	#typeTop {
		background: transparent;
		width: 660px;
		float: left;
	}
	
/*---- Image Class Properties, For Your Image. ;) ----*/
	
	img.floatLeftImage {
	float: left;
	clear: left;
	margin: 0 0 0 0;
	}
	
	img.downloadImage {
	float: left;
	clear: left;
	margin: 158px 0 0 0;
	}