@import url("./whitespace-reset.css");

body {
	font: normal 14px/110% "Trebuchet MS", Helvetica, sans-serif;
	color: #333333;
	background: #203066; }
a {
	color: #203066;
	text-decoration: none; }

.centered { text-align: center; }
.clearer { clear: both; }
img.float-left {
	float: left;
	margin: 0 15px 30px 0; }

#sitewrapper {
	position: relative;
	width: 954px;
	padding: 10px 0 0 0;
	margin: 0 auto; }

#header {
	position: relative;
	width: 100%;
	height: 329px;
	padding: 20px 0 0 0;
	z-index: 2;
	background: transparent url("../images/bg_header-interior.png") -1px 100% no-repeat; }
body#index #header {
	height: 420px;
	background: transparent url("../images/bg_header.png") 0 100% no-repeat; }
	#header h1 {
		position: absolute;
		left: 30px;
		top: 101px;
		z-index: 1; }
	body#index #header h1 {
		left: 9px;
		top: 94px; }
		#header h1 a {
			display: block;
			width: 188px;
			height: 118px;
			text-indent: -8685px; }
		body#index #header h1 a {
			width: 247px;
			height: 151px; }
	#header p { display: none; }
	#header p.phone {
		position: absolute;
		display: block;
		right: 0;
		top: 0;
		z-index: 1;
		font-size: 16px;
		font-weight: bold;
		color: #ffffff; }
	#header ul {
		width: 934px;
		padding: 0 0 0 20px;
		font-size: 16px;
		color: #ffffff; }
	#header ul#nav {
		position: relative;
		float: left;
		background: #b71318; }
		#header ul#nav li { float: left; }
		#header ul#nav a {
			float: left;
			padding: 12px 14px;
			color: #ffffff; }
		#header ul#nav a:hover,
		#header ul#nav li.active a { background: #203066; }
		#header ul#nav ul {
			display: none;
			position: absolute;
			left: 0;
			top: 100%;
			z-index: 2;
			padding: 10px 0 10px 20px;
			background: #203066; }
		#header ul#nav ul.casv-traditions {
			width: 500px;
			padding-left: 454px; }
		#header ul#nav ul.registration {
			width: 415px;
			padding-left: 540px; }
			#header ul#nav ul a { padding: 5px 10px; }

#content {
	position: relative;
	float: left;
	top: -68px;
	z-index: 1;
	width: 100%;
	background: #ffffff url("../images/bg_sidebar.png") 0 0 repeat-y; }
#main {
	float: right;
	position: relative;
	top: -30px;
	width: 756px;
	padding: 0 0 15px 0; }
body#index #main { top: 0; }
#homepage-top {
	float: right;
	width: 756px;
	height: 342px;
	margin: 0 0 24px 0;
	overflow: hidden; }
	#homepage-top #homepage-image {
		float: left;
		position: relative;
		width: 420px;
		height: 342px; }
		#homepage-top #homepage-image img { display: block; }
		#homepage-top #homepage-image .slides {
			position: relative;
			width: 420px;
			height: 342px;
			overflow: hidden; }
		#homepage-top #homepage-image .overlay {
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: 100;
			width: 420px;
			height: 127px;
			background: transparent url("../images/bg_homepage-overlay.png") 0 0 no-repeat; }
	#homepage-top h1 {
		float: left;
		width: 336px;
		height: 216px;
		text-indent: -8685px;
		background: transparent url("../images/hdr_homepage.jpg") 0 0 no-repeat; }
	#homepage-top .ning {
		float: left;
		width: 336px;
		color: #ffffff;
		background: #4d4d4d; }
		#homepage-top .ning img { float: left; }
		#homepage-top .ning h2 {
			padding: 20px 0 10px 0;
			margin: 0 0 0 190px;
			font-size: 23px;
			font-weight: normal; }
		#homepage-top .ning p {
			padding: 0 25px 10px 0;
			margin: 0 0 0 190px;
			font-size: 10px;
			line-height: 110%; }
		#homepage-top .ning a { color: #ffffff; }

table#homepage-cols {
	clear: both;
	width: 100%;
	background: transparent url("../images/bg_homepage-modules.gif") 150px 0 repeat-y; }
	table#homepage-cols td {
		padding: 0 18px 0 16px;
		vertical-align: top; }
	table#homepage-cols th { padding: 7px 0; }
	table#homepage-cols h3 {
		font-size: 18px;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		color: #2d4c6f; }
		table#homepage-cols h3 a { color: #203066; }
	table#homepage-cols .red h3,
	table#homepage-cols .red h3 a { color: #b71318; }
	table#homepage-cols img {
		display: block;
		margin: 0 0 10px 0; }
	table#homepage-cols p {
		padding: 0 0 7px 0;
		font-size: 9px;
		line-height: 110%; }

#sidebar {
	position: relative;
	/*position: absolute;
	left: 0;
	top: 0;
	bottom: 0;*/
	float: left;
	width: 165px;
	padding: 50px 0 0 15px;
	color: #ffffff;
	/*background: transparent url("../images/bg_sidebar.png") 0 0 repeat-y;*/ }


/************ Added sidebar buttons 6/11/2010 ************/	
/* Changed the register button css from an id to a class */
/* so that I could give ids to each button.              */
/*********************************************************/
	#sidebar a.btn_sidebar {
		display: block;
		width: 161px;
		margin: 0 0 15px 0;
		text-indent: -8685px; }
	#sidebar a#btn_register {
		border: 1px solid #ffffff;
		height: 50px;
		background: transparent url("../images/btn_register.gif") 50% 50% no-repeat; }
	a#btn_hofstats { 
		height: 75px;
		background: transparent url("../images/btn_hof_stats.jpg") 50% 50% no-repeat; }
	a#btn_livestats { 
		height: 75px;
		background: transparent url("../images/btn_live_stats.jpg") 50% 50% no-repeat; }
		
/************** Stats Buttons on WebCam page **************/
	.btn_stats {
		display: block;
		width: 161px;
		margin: 0 15px 20px 0;
		text-indent: -8685px;
		float: left; }

/************ Game Streaming Button on Homepage ***********/
	#main-content #img_watchlive {
		display: block;
		width: 180px;
		height: 152px;
		background: transparent url('../images/btn_watchgamelive.png') no-repeat 0 0;
		position: relative;
		float: right;
		wargin: 0 15px 15px 20px; }
		#main-content a.stream_block {
			position: absolute;
			display: block;
			width: 100px;
			height: 45px;
			text-indent: -8240px; }
			#main-content a:hover.stream_block { border: 1px dashed #333333; }
		#main-content a.ustream {
			top: 20px;
			right: 50px; }
		#main-content a.iphone {
			top: 80px;
			right: 10px; }
	
		
	#sidebar .module {
		clear: both;
		float: left;
		width: 155px;
		padding: 0 5px 10px 5px;
		margin: 0 0 10px 0;
		background: transparent url("../images/bg_sidebar-module.gif") 0 100% repeat-x; }
		#sidebar .module h4 {
			padding: 0 0 10px 0;
			font-size: 16px;
			font-weight: normal;
			line-height: 125%; }
	#sidebar form.subscribe {
		padding: 0 0 20px 0;
		margin: 0 0 10px 0;
		background: transparent url("../images/bg_sidebar-module.gif") 0 100% repeat-x; }
		#sidebar form.subscribe fieldset { border: none; }
		#sidebar form.subscribe h4 {
			padding: 0 0 5px 5px;
			font-size: 16px;
			font-weight: normal; }
		#sidebar form.subscribe input {
			width: 153px;
			height: 14px;
			padding: 2px 5px;
			font: normal 9px "Trebuchet MS", Helvetica, sans-serif;
			color: #333333;
			border: 1px solid #585038; }
		#sidebar .blog li {
			padding: 0 0 7px 0;
			font-size: 10px;
			line-height: 110%; }
	#sidebar .flickr { padding-bottom: 0; }
		#sidebar .flickr li {
			float: left;
			padding: 0 13px 14px 0; }
		#sidebar .flickr li.even { padding-right: 0; }
		#sidebar .flickr img { width: 67px; }
		#sidebar .youtube img { float: left; }
	#sidebar .module.last { background: transparent; }
		#sidebar .youtube p {
			margin: 0 0 0 86px;
			font-size: 10px;
			line-height: 110%; }
		#sidebar .youtube a { color: #ffffff; }
	#sidebar .testimonial {
		padding: 7px;
		color: #333333;
		background: #cccccc url("../images/bg_testimonial.gif") 0 0 repeat-x; }
		#sidebar .link-list .testimonial h4 {
			padding: 0 0 10px 0;
			font-size: 16px;
			font-weight: normal; }
		#sidebar .testimonial p {
			font-size: 11px;
			text-align: right; }
			#sidebar .testimonial blockquote p {
				padding: 0 0 10px 0;
				text-align: left; }

/* Things to do
-------------*/
h1.page-heading {
	padding: 45px 50px 15px 50px;
	font: normal 50px Georgia, serif;
	text-transform: uppercase;
	text-align: right;
	/*color: #eadac1;*/
	color: #ffffff;
	background: transparent url("../images/bg_page-heading.jpg") 0 0 no-repeat; }
#top-content {
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 30px 0; }
	#top-content img { float: left; }
	#top-content iframe { float: left; }
	#top-content .details {
		padding: 15px 20px 0 0;
		margin: 0 0 0 360px; }
	#top-content h2,
	#main-content h2 {
		padding: 0 0 10px 0;
		font-size: 23px;
		font-weight: normal;
		line-height: 125%;
		color: #b71318; }
	#top-content p {
		padding: 0 0 15px 0;
		font-size: 12px;
		line-height: 110%; }

#main blockquote {
	font-style: italic;
	text-align: right; }

#main-content {
	clear: both;
	padding: 0 16px 30px 16px;
	font-size: 12px; }
	#main-content p { padding: 0 0 15px 0; }
	#main-content h3 {
		padding: 0 0 15px 0;
		font-size: 16px; }
	#main h4 {
		padding: 0 0 5px 0;
		font-size: 14px; }

#sidebar .link-list { background: transparent; }
	#sidebar .link-list h4 {
		padding: 0 0 20px 12px;
		font-size: 20px; }
	#sidebar .link-list ul { padding: 0 0 0 25px; }
	#sidebar .link-list li {
		padding: 0 0 12px 0;
		font-size: 12px; }
		#sidebar .link-list li a { color: #ffffff; }
		#sidebar .link-list li li { padding: 12px 0 0 0; }

/* Store
------*/
h1#hdr_general-store { background: transparent url("../images/hdr_general-store.jpg") 0 0 no-repeat; }

table.itinerary-table {
	clear: both;
	margin: 0 0 30px 0;
	border-collapse: collapse; }
	table.itinerary-table td {
		padding: 4px 7px;
		border: 1px solid #acacac; }

table.all-about-pins {
	width: 80%;
	margin: 0 10% 25px 10%;
	border-collapse: collapse; }
	table.all-about-pins td {
		padding: 8px;
		border: 1px solid #cccccc;
		background: #ffffff; }
	table.all-about-pins img {
		display: block;
		margin: 0 auto; }
img.pins-logo {
	padding: 7px;
	border: 1px solid #cccccc;
	background: #ffffff; }
#sidebar .feedburnerFeedBlock a {
	color: #ffffff;
	text-decoration: underline; }
#sidebar .feedburnerFeedBlock span {
	display: block;
	padding: 0 0 3px 0; }
#sidebar .feedburnerFeedBlock p.date,
#sidebar .feedburnerFeedBlock div { display: inline; }
#creditfooter,
#creditfooter a,
creditfooter img { display: none; }
dl.services { }
	dl.services dt { font-weight: bold; }
	dl.services dd { padding: 0 0 10px 0; }
#modal-layer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .8;
	filter: alpha(opacity=80); }
#modal {
	display: none;
	position: absolute;
	left: 302px;
	top: 90px;
	z-index: 100;
	width: 350px;
	padding: 10px;
	border: 4px solid #cccccc;
	background: #ffffff; }
form#contact { }
	form#contact fieldset { border: none; }
	form#contact h3 {
		padding: 0 0 20px 0;
		font-size: 18px;
		font-weight: normal;
		text-align: center; }
	form#contact label {
		float: left;
		width: 120px;
		padding: 0 10px 0 0;
		text-align: right; }
	form#contact input.input-text {
		display: block;
		width: 180px;
		height: 14px;
		padding: 2px 5px 0 5px;
		margin: 0 0 10px 130px;
		font: normal 12px Arial, Helvetica, sans-serif;
		border: 1px solid #aaaaaa; }
	form#contact textarea {
		display: block;
		width: 180px;
		height: 120px;
		padding: 5px;
		margin: 0 0 10px 130px;
		font: normal 12px Arial, Helvetica, sans-serif;
		border: 1px solid #aaaaaa; }
	form#contact input.btn_submit {
		clear: both;
		float: left;
		margin: 0 20px 0 130px; }
	form#contact button {
		float: left;
		margin: 0; }
.list-cols { }
	.list-cols ul {
		float: left;
		width: 50%;
		padding: 0 0 20px 0; }
	.list-cols li { padding: 0 20px 0 0; }
#flickr-accommodations {
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 20px 0; }
	#flickr-accommodations li {
		float: left;
		padding: 0 5px 5px 0; }
	#flickr-accommodations img { float: left; }
table#webcams,
table.forms-table {
	width: 100%;
	text-align: center;
	border-collapse: collapse; }
table#webcams { margin: 0 0 30px 0; }
	table#webcams td,
	table.forms-table td {
		padding: 7px;
		border: 1px solid #666666; }

#contact-details p { font-size: 14px; }
	#contact-details p strong { font-size: 16px; }

/* Team Schedule
--------------*/
.team-group {
	float: left;
	width: 225px;
	padding: 0 20px 25px 0; }
.group-c { padding-right: 0; }
	.team-group h3 {  }
	.team-group li { margin: 0 0 3px 0; }
.clickable { cursor: pointer; }
table.team-schedule {
	clear: both;
	width: 100%;
	margin: 0 0 25px 0;
	border-collapse: collapse; }
	table.team-schedule caption {
		padding: 0 0 7px 0;
		font-size: 16px; }
	table.team-schedule th {
		padding: 4px;
		text-align: left;
		border: 1px solid #666666;
		border-width: 1px 0; }
		table.team-schedule thead th {
			text-align: center;
			color: #ffffff;
			background: #b71318;
			border-bottom: none; }
	table.team-schedule th.time {
		width: 80px;
		text-align: left;
		border-left: 1px solid #666666; }
	table.team-schedule th.last { border-right: 1px solid #666666; }
	table.team-schedule td {
		padding: 4px;
		text-align: center;
		border: 1px solid #666666;
		border-width: 1px 0; }
	table.team-schedule tr.even td,
	table.team-schedule tr.even th { background: #dadada; }
	table.team-schedule tr.hover td,
	table.team-schedule tr.hover th { background: #fffeb4; }
	table.team-schedule td.selected,
	table.team-schedule tr.hover td.selected {
		color: #ffffff;
		background: #203066 !important; }
.js-enabled { display: none; }

form#translate {
	float: left;
	position: relative;
	top: -58px;
	font-size: 12px;
	color: #ffffff; }
	form#translate fieldset { border: none; }
#footer { clear: both; }
	#footer p {
		float: right;
		position: relative;
		top: -58px;
		font-size: 12px;
		color: #ffffff; }
	#footer a { color: #ffffff; }
ul.discs { padding: 0 0 20px 0; }
	ul.discs li {
		margin: 0 0 0 20px;
		list-style: disc; }
a.btn_facebook {
	display: block;
	width: 147px;
	height: 55px;
	text-indent: -8685px;
	background: transparent url("../images/btn_facebook.gif") 0 0 no-repeat; }
a.btn_twitter {
	clear: both;
	display: block;
	width: 147px;
	height: 43px;
	margin: 0 0 20px 0;
	text-indent: -8685px;
	background: transparent url("../images/btn_twitter.gif") 0 0 no-repeat; }
a.btn_affiliates {
	clear: both;
	display: block;
	width: 125px;
	padding: 7px 10px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #ffffff;
	border: 1px solid #ffffff;
	background: #b71318; }

/* NCTC Winners
-------------*/
img.team-image {
	float: left;
	width: 270px;
	margin: 0 15px 15px 0; }
.team-details {
	float: left;
	width: 435px; }
	.team-details dl {
		margin: 0;
		font-size: 14px; }
	.team-details dt {
		clear: both;
		float: left;
		width: 110px;
		padding: 0 10px 10px 0;
		font-weight: bold; }
	.team-details dd {
		padding: 0 0 10px 0;
		margin: 0 0 0 120px; }
table.winners {
	clear: both;
	width: 400px;
	margin: 0 0 20px 0;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse; }
	table.winners caption {
		padding: 0 0 4px 5px;
		font-size: 14px;
		text-align: left; }
	table.winners th {
		width: 140px;
		padding: 4px;
		font-weight: bold;
		border: 1px solid #cccccc; }
	table.winners td {
		padding: 4px;
		border: 1px solid #cccccc; }
.hrule {
	clear: both;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #cccccc; }
	.hrule hr { display: none; }
	
#bb_hof_logo { 
	width: 106px;
	height: 115px;
	float: right;
	padding: 0;
	margin: 0 0 10px 10px;
	border: none;
	outline: none; }

#btn_coop_live {
	position: absolute;
	display: block;
	width: 256px;
	height: 55px;
	top: 65px;
	right: 0;
	background: transparent url('../../images/btn_cooperstown_live.png') no-repeat 0 0;
	text-indent: -8240px;
	z-index: 10; }