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


@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('League_Gothic-webfont.eot');
    src: url('League_Gothic-webfont.eot?iefix') format('eot'),
         url('League_Gothic-webfont.woff') format('woff'),
         url('League_Gothic-webfont.ttf') format('truetype'),
         url('League_Gothic-webfont.svg#webfont1Lb5Pdit') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	font: normal normal normal 13px/19px Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff url('../images/headerBg.jpg') no-repeat center top;
}

a{
	color: #0099bb;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

.clear{
	clear: both;
}
/************ HEADER *****************/
header{
	margin: 0 auto;
	width: 960px;
	padding: 20px 0;
	text-align: center;
	height: 410px;
	display: block;
}
header h1{
	font: 72px/72px 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	display: inline;
	padding-right: 20px;
	margin-left: 20px;
}
header h1 span.hc1{
	color: #fff;
	position: absolute;
	top: 5px;
	left: 1px;
	z-index: 5;
}
header h1 span.hc2{
	position: absolute;
	top: 4px;
	left: 3px;
	z-index: 10;
}
header h2{
	margin: 0 auto;
	font: italic normal normal 14px/22px Georgia, "Times New Roman", Times, serif;
	color: #555;
	width: 350px;
}
header h2 a{
	color: #555;
}
header h2 a:hover{
	color: #0099bb;
}
h2.intro{
	padding: 90px 0 20px 0;
}
h2.date{
	padding: 10px 0 60px 0;
}
/************** CONTAINER ***********/
#container{
	border-top: solid 3px #000;
	background: #000 url('../images/woodSlice4.jpg') repeat top left;
}
.boxshadow #container{
	-webkit-box-shadow: 0px -2px 2px 0px rgba(0,0,0,.5);
	-moz-box-shadow: 0px -2px 2px 0px rgba(0,0,0,.5);
	box-shadow: 0px -2px 2px 0px rgba(0,0,0,.5);
}
#main{
	width: 960px;
	margin: 0 auto;
	min-height: 300px;
}
/*** BOXES ***/
.box{
	width: 288px;
	background: #000;
	border: solid 3px #fff;
	padding: 3px;
	float: left;
	margin: 40px 30px 80px 0;
}
.boxshadow .box{
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.7);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.7);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,.7);
}
.box.last{
	margin-right: 0;
}
.border{
	background: #fff;
	padding:1px;
}
.mainBox{
	background: #fff;
	border: solid 1px #000;
	padding: 20px;
	min-height: 370px;
}
h1.boxTitle{
	font: normal normal normal 22px/24px Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	border-bottom: solid 2px #ccc;
}
.boxContent{
	margin: 0;
	padding: 20px 0 0 0;
}
.boxContent p{
	margin: 0;
	padding: 0 0 15px 0;
	color: #555;
}
.boxContent p a{
	
}
.boxImage img{
	
}
.boxImage a{
	border: solid 1px #333;
	display: block;
	min-height: 250px;
	background: url('../images/bandc_bw.jpg') no-repeat top left;
}
.boxImage a:hover{
	background: url('../images/bandc_color.jpg') no-repeat top left;
}
.boxContent p.caption{
	font: italic normal normal 12px/18px Georgia, "Times New Roman", Times, serif;
	padding: 10px 0 10px 0;
}

/******** MAPS ********/
.map{
	display: block;
	background: #fff;
	padding: 10px;
	margin: 0 0 20px 0;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.7);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.7);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,.7);
}
.mapContent{
	width: 280px;
	float: left;
}
.mapContent p{
	margin: 0;
	padding: 15px 0 0 0;
	color: #555;
}
.map small{
	margin-top: 40px;
	font-size: 11px;
}
.map small a{
	font-size: 11px;
	color: #0099bb;
	text-decoration: none;
}
.map small a:hover{
	text-decoration: underline;
}
.map iframe{
	width: 640px;
	float: right;
}
.backToTop{
	margin: 0;
	padding: 0;
}

/******** FOOTER *******/
.footer{
	text-align: right;
	padding: 0 0 10px 0;
}
.footer p{
	text-align: right;
	color: #fff;
	font-size: 12px;
	text-shadow: 1px 1px 1px rgba(0,0,0,.9);
	filter: dropshadow(color=#000000, offx=1, offy=1);
}
.footer p a{
	color: #ddd;
	text-decoration: underline;
}
.footer p a:hover{
	color: #fff;
	text-decoration: none;
}

/***** LIGHTBOX ****/

#lightbox {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	z-index: 100;
}
.rgba #lightbox{
	background: rgba(0,0,0,.8);
}
.no-rgba #lightbox{
	background: rgba(0,0,0,.8);
	background:url('../images/overlay.png') repeat top left;
}
#lightbox p {
	text-align:right;
	color:#ccc;
	margin-right:20px;
	font-size:11px;
}
#lightbox img {
	box-shadow:0 0 25px #111;
	-webkit-box-shadow:0 0 25px #111;
	-moz-box-shadow:0 0 25px #111;
	border: solid 5px #fff;
	max-width:940px;
}

/********************************** MEDIA QUERIES ******************************/

/* iPad Portrait/Browser */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}

/* Mobile/Browser */
@media only screen and (max-width: 767px) {
	/*** Main Layout ***/
	body {
		background-size: 190%;
	}
	/************ HEADER *****************/
	header{
		width: auto;
		height: auto;
	}
	header h1{
		font: 36px/36px 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	}
	header h2{
		width: auto;
	}
	h2.intro{
		padding: 20px 0 20px 0;
	}
	h2.date{
		padding: 10px 0 30px 0;
	}
	
	/**** Main ***/
	#main{
		width: auto;
	}
	
	/*** BOXES ***/
	.box{
		width: auto;
		float: none;
		margin: 20px 10px;
	}
	.box.last{
		margin-right: 10px;
	}
	.mainBox{
		padding: 12px;
		min-height: 100px;
	}
	.boxImage a{
		width: 242px;
	}
	
	/******** MAPS ********/
	.map{
		padding: 10px;
		margin: 10px;
	}
	.mapContent{
		width: auto;
		float: none;
	}
	.map iframe{
		width: 250px;
		height: auto;
		float: none;
		margin: 20px 0 0 0;
		border: solid 1px #333;
	}
	
	/******** FOOTER *******/
	.footer{
		text-align: right;
		padding: 0 10px 10px 0;
	}
}

/* Mobile Landscape/Browser */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}