@charset "utf-8";
/* CSS Document */
html {-webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}

body {
	margin:0;
	padding:0;
	background:url(images/background.png) repeat;
}

@font-face {
	font-family: 'LeagueGothic';
	src: url('League_Gothic-webfont.eot');
	src: local('☺'), url('League_Gothic-webfont.woff') format('woff'), url('League_Gothic-webfont.ttf') format('truetype'), url('League_Gothic-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

:focus{
  -moz-outline-style: none;
}

img {
	border:none;
}

h2 {
	font-family:LeagueGothic, Impact, "Arial Narrow", Helvetica, Arial;;
	font-size:36px;
	color:#094266;
	text-shadow:#fff 0px 1px 0px;
	text-align:left;
	line-height:normal;
	font-weight:100;
	margin:0px 0px 10px 0px;
}

h3 {
	font-family:LeagueGothic, Impact, "Arial Narrow", Helvetica, Arial;;
	font-size:30px;
	color:#094266;
	text-shadow:#fff 0px 1px 0px;
	text-align:left;
	line-height:normal;
	font-weight:100;
	margin:0px 0px 10px 0px;
}	

#wrap {
	width:960px;
	margin:0 auto;
}

#header {
	width:960px;
	padding:20px 0px 20px 0px;
	text-align:center;
}

#header a, #header a:hover {
	text-decoration:none;
	border:none;
	-moz-outline-style: none;
}

#nav {
	width:960px;
	padding:0px 0px 30px 0px;
	overflow:hidden;
	text-decoration:none;
}

ul#topnav {
	float:left;
	margin: 0; 
	padding: 0;
	list-style: none;
	font-size:0px;
}

ul#topnav li {
	float: left;
	margin: 0; 
	padding: 0;
}

ul#topnav li.home a {
	background:url(images/sprites/navigation.png);	
	width:95px;
	height:40px;
	background-position:0px 0px;
	padding:0px;
}

ul#topnav li.home a:hover {
	background:url(images/sprites/navigation.png);
	width: 95px;
	height:40px;
	background-position:0px -50px;
	padding:0px;
}

ul#topnav li.home_active a{
outline:none;
border:none;
	background:url(images/sprites/navigation.png);
	width: 95px;
	height:40px;
	background-position:0px -100px;
	padding:0px;
}

ul#topnav li.history a {
	background:url(images/sprites/navigation.png);
	width: 110px;
	height:40px;
	background-position:-95px 0px;
}

ul#topnav li.history a:hover {
	background:url(images/sprites/navigation.png);
	width: 110px;
	height:40px;
	background-position:-95px -50px;
}

ul#topnav li.history_active a{
outline:none;
border:none;
	background:url(images/sprites/navigation.png);
	width: 110px;
	height:40px;
	background-position:-95px -100px;
}

ul#topnav li.rules a {
	background:url(images/sprites/navigation.png);
	width: 225px;
	height:40px;
	background-position:-205px 0px;
}

ul#topnav li.rules a:hover {
	background:url(images/sprites/navigation.png);
	width: 225px;
	height:40px;
	background-position:-205px -50px;
}

ul#topnav li.rules_active a{
outline:none;
border:none;
	background:url(images/sprites/navigation.png);
	width: 225px;
	height:40px;
	background-position:-205px -100px;
}

ul#topnav li.photos a {
	background:url(images/sprites/navigation.png);
	width: 110px;
	height:40px;
	background-position:-430px 0px;
}

ul#topnav li.photos a:hover {
	background:url(images/sprites/navigation.png);
	width: 110px;
	height:40px;
	background-position:-430px -50px;
}

ul#topnav li.photos_active a{
outline:none;
border:none;
	background:url(images/sprites/navigation.png);
	width: 110px;
	height:40px;
	background-position:-430px -100px;
}

ul#topnav li.directions a {
	background:url(images/sprites/navigation.png);
	width: 150px;
	height:40px;
	background-position:-540px 0px;
}

ul#topnav li.directions a:hover {
	background:url(images/sprites/navigation.png);
	width: 150px;
	height:40px;
	background-position:-540px -50px;
}

ul#topnav li.directions_active a{
outline:none;
border:none;
	background:url(images/sprites/navigation.png);
	width: 150px;
	height:40px;
	background-position:-540px -100px;
}

ul#topnav li.register a {
	background:url(images/sprites/navigation.png);
	width: 120px;
	height:40px;
	background-position:-685px 0px;
}

ul#topnav li.register a:hover {
	background:url(images/sprites/navigation.png);
	width: 120px;
	height:40px;
	background-position:-685px -50px;
}

ul#topnav li.register_active a{
outline:none;
border:none;
	background:url(images/sprites/navigation.png);
	width: 120px;
	height:40px;
	background-position:-685px -100px;
}

ul#topnav li.contact a {
	background:url(images/sprites/navigation.png);
	width: 150px;
	height:40px;
	background-position:-810px 0px;
}

ul#topnav li.contact a:hover {
	background:url(images/sprites/navigation.png);
	width: 150px;
	height:40px;
	background-position:-810px -50px;
}

ul#topnav li.contact_active a{
outline:none;
border:none;
	background:url(images/sprites/navigation.png);
	width: 150px;
	height:40px;
	background-position:-810px -100px;
}


/*--CSS Sprites - Default State--*/
ul#topnav a {
	float: left;
	display: block;
	height: 25px; /*--Specify height of navigation--*/
	text-indent: -9999px; /*--Shoot the text off the page--*/
	background-position: left top;
	text-decoration:none;
	outline:none;
border:none;
	padding:0px;
}

/*--Assign an image and width to each link--*/

#banner {
	width:960px;
	padding:0px 0px 40px 0px;
	background:url(images/grid.png) bottom repeat-x;
	overflow:hidden;
}

#banner #left_side {
	float:left;
	width:380px;
	padding:0px 40px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:26px;
	text-shadow: #fff 0 1px 0px;
	text-align:justify;
	color:#444444;
}

#banner #right_side {
	float:right;
	width:540px;
	padding:0px;
}

#main #left{
	float:left;
	overflow:hidden;
	width:620px;
	padding:0px;
	margin:0 auto;
	padding:0px 40px 40px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:14px;
	line-height:24px;
	text-shadow: #fff 0 1px 0px;
	text-align:justify;
}

#main #left #left_form{
	float:left;
	overflow:hidden;
	width:290px;
	padding:0px;
	margin:0 auto;
	padding:0px 40px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:14px;
	line-height:24px;
	text-shadow: #fff 0 1px 0px;
	text-align:justify;
}

#main #left #right_form{
	float:left;
	overflow:hidden;
	width:290px;
	padding:0px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:14px;
	line-height:24px;
	text-shadow: #fff 0 1px 0px;
	text-align:justify;
}

#main #left p{
	padding:0px 0px 0px 0px;
}

#main #right{
	float:left;
	overflow:hidden;
	width:300px;
	padding:0px;
	margin:0 auto;
	padding:0px 0px 40px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:14px;
	line-height:24px;
	text-shadow: #fff 0 1px 0px;
	text-align:justify;
}

#main #columns{
	clear:both;
	overflow:hidden;
	width:960px;
	padding:0px;
	margin:0 auto;
	padding:40px 0px 40px 0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444444;
	font-size:14px;
	line-height:24px;
	text-shadow: #fff 0 1px 0px;
}

#main #columns a, a:visited, #main #left a, a:visited, #main #right a, a:visited{
	font-family:Arial, Helvetica, sans-serif;
	color:#dc5a26;
	font-size:14px;
	line-height:40px;
	text-shadow: #fff 0 1px 0px;	
	text-decoration:none;
}

#main #columns a:hover, a:visited:hover, #main #left a:hover, a:visited:hover, #main #right a:hover, a:visited:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#094266;
	font-size:14px;
	line-height:40px;
	text-shadow: #fff 0 1px 0px;
	border-bottom:1px dotted #ccc;
	text-decoration:none;
}

#main #columns #about{
	float:left;
	clear:none;
	width:214px;
	padding:0px 40px 0px 0px;
	margin:0 auto;
	text-align:justify;
}

#main #columns #photos{
	float:left;
	clear:none;
	width:214px;
	padding:0px 40px 0px 0px;
	margin:0 auto;
	text-align:justify;
	background:url(../images/layout/what_i_do.png) top left no-repeat;	
}

#main #columns #register{
	float:left;
	clear:none;
	width:210px;
	padding:0px;
	margin:0 auto;
	text-align:justify;
}

#main #columns #icon, #main #right #icon{
	float:left;
	clear:none;
	margin:0px 15px 0px 0px;
}

#main #right #sponsor{
	float:left;
	clear:none;
	width:210px;
	padding:0px 0px 20px 0px;
	margin:0 auto;
	text-align:justify;
}

#main #right #register{
	float:left;
	clear:none;
	width:210px;
	padding:0px;
	margin:0 auto;
	text-align:justify;
}

#footer {
	float:left;
	width:960px;
	margin:0 auto;
	padding:20px 0px 20px 0px;
	background:url(images/grid.png) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	text-shadow:#fff 0px 1px 0px;
	text-decoration:none;
	line-height:30px;
}

#footer #left{
	float:left;
	text-align:left;
	padding:0px;
	margin:0 auto;
	line-height:30px;
}

#footer #right {	
	float:right;
	text-align:right;
	padding:0px;
	margin:0 auto;
	line-height:30px;
}

#footer #right a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	text-shadow:#fff 0px 1px 0px;
	text-decoration:none;
	margin:0 auto;
	line-height:30px;
}

#footer #right a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#094266;
	text-shadow:#fff 0px 1px 0px;
	text-decoration:none;
	margin:0 auto;
	line-height:30px;
}

#footer #left a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	text-shadow:#fff 0px 1px 0px;
	text-decoration:none;
	margin:0 auto;
	line-height:30px;
}

#footer #left a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#094266;
	text-shadow:#fff 0px 1px 0px;
	text-decoration:none;
	margin:0 auto;
	line-height:30px;
}


#footer #facebook_blurb{
	float:left;
	padding:0px 40px 0px 23px;
	background:url(images/icons/fb_gray.png) left no-repeat;
	margin:0 auto;
	line-height:30px;
}

#footer #facebook_blurb:hover{
	float:left;
	clear:none;
	padding:0px 40px 0px 23px;
	background:url(images/icons/fb_color.png) left no-repeat;
	margin:0 auto;
	line-height:30px;
}

#footer #twitter_blurb{
	float:left;
	clear:none;
	padding:0px 0px 0px 23px;
	background:url(images/icons/twit_gray.png) left no-repeat;
	margin:0 auto;
	line-height:30px;	
}

#footer #twitter_blurb:hover{
	float:left;
	padding:0px 0px 0px 23px;
	background:url(images/icons/twit_color.png) left no-repeat;
	margin:0 auto;
	line-height:30px;
}

.registration{
	display: block;
	width:250px;
	height: 3em;
	margin: 0 3px;
	padding: 3px 7px;
	background: #ccc;
	border:1px solid #444;
	color:#444;
	font-weight:bold;
	float: left;
	text-align: center;
	line-height: 3em;
}

.registration:hover{
	display: block;
	width:250px;
	height: 3em;
	margin: 0 3px;
	padding: 3px 7px;
	background: #ddd;
	border:1px solid #444;
	color:#444;
	font-weight:bold;
	float: left;
	text-align: center;
	line-height: 3em;
}

.holder{
	height:60px;
}

.textInput, textInput:focus
{
	background: #ffffff;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border: 1px solid #444444;
	height:40px;
	width:290px;
	font-family:Arial, sans-serif;
	color:#444444;
	font-size:14px;
	line-height:40px;
	text-shadow: #fff 0 1px 0px;
	text-align:left;
	vertical-align:middle;
	padding:0px 5px 0px 5px;
	outline:none;
}

.textField, textField:focus
{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border: 1px solid #444444;
	background: #ffffff;
	height:175px;
	width:278px;
	font-family:Arial, sans-serif;
	color:#444444;
	font-size:14px;
	line-height:24px;
	text-shadow: #fff 0 1px 0px;
	text-align:left;
	overflow:hidden;
	padding:5px 5px 0px 5px;
	outline:none;
}

.button{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	text-align:center;
	width:100px;
	height:30px;
	font-weight:bold;
	background:#ccc;
	border:1px #444 solid;
	color:#444;
	font-family:Arial, sans-serif;
	font-size:14px;
	line-height:24px;
	text-shadow: #fff 0 1px 0px;	
}

.button:hover{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	height:30px;
	text-align:center;
	width:100px;
	font-weight:bold;
	background:#ddd;
	border:1px #444 solid;
	color:#444;
	font-family:Arial, sans-serif;
	font-size:14px;
	line-height:24px;
	text-shadow: #fff 0 1px 0px;	
}