/*Universal Classes*/
/*.clearfix:after { content:".";display:block;height:0;clear:both;visibility:hidden; }
*//*.clearfix {display:inline-block;}*/

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clr { clear:both; }


/*page set up*/
/* main ID - the wrapper is the main container that you want to center with in the browser window*/
#wrapper{
	width:956px;
	margin:0 auto;
}
/*next inside ID wrapper - this one does the centering all content for page goes into this ID*/
#middle {
	width:100%;
	height:650px;
	margin:10px 10px 0 10px;
	padding-top:15px;
	background:url(../image/white-roundcorners.png) no-repeat;
}
#content {
	height:650px;
	margin:0 30px 0 30px;
	padding:0;
}

#right {
	text-align:right;
}

#left {
	text-align:left;
}

#center {
	text-align:center;
}

#orange{
	color: #C27125;
}
.darkblue {
	padding:0 0 0 20px;
	color:#7b211f;
	font-weight:bold;
}
body{
	font: .75em "Trebuchet MS", "Lucida Sans Unicode", "Bitstream Vera Sans", "Lucida Grande", Verdana, Helvetica, sans-serif;
	background: #ffffff url(../image/bg-grad.jpg) repeat-x;
	text-align:left;
}

/* homepage*/
#header{
	position: relative;
	float:left;
	width:100%;
	height:75px;
	margin:5px 0 15px 0;
	background:url(../image/header.gif) no-repeat;
}
#backgroundcolor
{
	width:100%;
	height:320px;
	margin:0;
	background-color:#dfdbd2;
}
#photocopy {
	position: relative;
	float:left;
	display:inline;
	width:445px;
	margin-left:30px;
	padding-top:10px;
	text-align:left;
}
#patch {
	position: relative;
	float:right;
	display:inline;
	width:367px;
	margin-right:10px;
	padding-top:10px;
}
div.promos{
	position: relative;
	float:left;
	width:896px;
	top:-45px;
	margin:10px 0 0 0;
	padding:0;
	overflow: hidden;
}
div.promo4 {
	width: 599px;
}
div.promo1 {
	position: relative;
	float:left;
	width:345px;
	margin:10px 0;
}
div.promo2 {
	position: relative;
	float: left;
	width: 259px;
	margin: 20px 0 0 20px;
	padding: 0;
	text-decoration: none;
}
div.promo3 {
	position: relative;
	float:right;
	width:194px;
	margin:0;
	padding-top:20px;
}


/* interior page header */
div.intheader {
	width:896px;
	height:90px;
	margin:0 0 5px 0;
	padding:0;

}
div.intpatch{
	position: relative;
	float:left;
	display: inline;
	width:94px;
	height:90px;
	margin: 0 10px 0 10px;
	background:url(../image/hp-patch-small.jpg) no-repeat;
}


div.inttext {
	position: relative;
	float:left;
	width:525px;
	padding:0;
	margin: 0;
}
div.inttext h2 {
	height:10px;
	color: #ff9531;
	margin:0;
	padding:0 0 15px 0;
	text-align:left;
}

div.inttext p {
	padding:0;
	margin: 0 0 4px 0;
}
div.intlogo{
	position: relative;
	float:right;
	width:186px;
	height:90px;
	margin: 0 0px 10px 0;
	background:url(../image/hpd-sm.gif) no-repeat;
}
div.evtinfo {
	position: relative;
	float:left;
	width:375px;
	/*height:477px;*/
	margin: 0 0 40px 0 ;
	padding:0;
	text-align:left;

}
div.evtinfo p{
	position: relative;
	float:left;
	display: inline;
	color: #000;
	margin:0 0 10px 0;
	padding:0;
	text-align:left;

}
div.evtline {
	position: relative;
	float:left;
	margin: 0 0 6px;
	padding:0;
	text-align:left;
	line-height:16px;

}
div.evtlinelast {
	position: relative;
	float:left;
	margin: 0 0 13px;
	padding:0;
	text-align:left;
	line-height:16px;

}
div.evtinfo h2{
	position: relative;
	color: #ff9531;
	margin:0;
	padding:0;
	text-align:left;

}
div.evtinfo h3{
	position: relative;
	float:left;
	width:110px;
	color: #999;
	margin:0;
	padding:0;
	font-size:.90em;
	text-align:right;

}
div.evtinfo h4{
	position: relative;
	float:left;
	display: inline;
	width:232px;
	color: #000;
	margin:0 0 0 10px;
	padding:0;
	text-align:left;

}
div.evtphotos {
	position: relative;
	float:right;
	width:496px;
	height:450px;
	margin: 0 0 50px;
	padding:0;

}
div.evtpromo4 {
	position: absolute;
	float: left;
	width: 455px;
	margin: 0;
	padding: 0;
	z-index: 2000;
	left: 440px;
	top: 337px;
	height: 102px;
}

div.evtdate hr {
	margin: 0 0 10px 0;
	width: 100%;
	color: #a48d68;
	border: 0;
	background-color: #a48d68;
	height: 1px;
	text-align: left;

}
/* event page */

/* footer*/
.footer {
	position: relative;
	float:left;
	width: 100%;
	font-size: 1em;
	color: #000;
	text-align:center;
}

/* general links*/
a:link {
	text-decoration: underline;
	color: #1D3A7B;
}
a:visited {
	text-decoration: underline;
	color: #c27125;
}
a:hover {
	text-decoration: underline;
	color: #c27125;
}
a:active {
	text-decoration: none;
	color: #C27125;
}


/*Copypage*/
div.copypage {
	position: relative;
	float:left;
	width:896px;
	margin:0 0 20px 0;
}
/*contact us*/
div.contact {
	position:relative;
	float:left;
	width: 100%;
	text-align: center;
}
div.contact div.header {
	position:relative;
	padding:0 20px 0 20px;
}
div.contact h1, div.contactright h1{
	margin:0;
	padding:0;
	font-size:1.20em;

}
div.contact div.contactright {
	position:relative;
	float:left;
	width:250px;
	padding:0;
	margin-bottom:40px
}
div.contact div.contactline {
	margin: 0 0 2px;
	padding:0 10px 0 5px;
	text-align:left;

}

div.contact div.copypage h1{
	margin:0;
	padding:0;
	font-size:1.0em;
	color: #1c63ff;

}
div.contact div.contactimage {

	float:right;
	bottom:0;
	width:164px;
	height:177px;
	margin-top: 20px;
	background:url(../image/baseball.png) no-repeat;
}
div.database {
	position:relative;
	float:left;
	padding-left:20px;
}
div.database div.header {
	padding:0px;
	margin:0 0 20px 0;
	width:800px;
}

div.database div.contactleft {
	position:relative;
	float:left;
	width:250px;
	padding:0;
	margin-bottom:40px;
}

div.database div.contactright {
	position:relative;
	float:left;
	width:250px;
	padding:0;
	margin:0 40px 40px 100px;
}
div.database div.contactimage {
	position:absolute;
	float:right;
	bottom:0;
	width:164px;
	height:177px;
	padding:0;
	margin:0 0 0 712px;
	background:url(../image/baseball.png) no-repeat;
}
div.database div.contactline {
	margin: 0 0 2px;
	padding:0 10px 0 5px;
	text-align:left;

}
div.speakersleft {
	position:relative;
	float:left;
	width:250px;
	padding:0;
	margin:0 40px 0 20px;

}

div.speakersleft h1{
	display:inline;
	margin:0;
	padding:0;
	font-size:1.5em;
	text-decoration:none;

}
div.speakersright {
	position:relative;
	float:left;
	width:585px;
	padding:0;
	margin:30px 0;

}
div.speakersright #tabphoto {
	position:relative;
	float:left;
	width:135px;
	padding:0;
	margin:17px 15px 0 0;

}
div.speakersright #tabbio {
	position:relative;
	float:left;
	width:390px;
	height:320px;
	top:15px;
	padding:0;
	margin:0;
	overflow:auto;

}
div.links
{
	padding:0 0 0 20px;
}

div.linksleft {
	position:relative;
	float:left;
	width:400px;
	padding:0;
	margin:0 40px 0 0;
	left:20px;
}


div.linksleft h1{
	display:inline;
	margin:0;
	padding:0;
	font-size:1.5em;
	text-decoration:none;

}
div.linksright {
	position:relative;
	float:left;
	width:350px;
	padding:0;
	margin:0;
}
div.linksright h2 {
	position:relative;
	float:left;
	width:600px;
	padding:0;
	margin:0;
}
div.downloads {
	position: relative;
	float:left;
	text-align:left;
	width:896px;
	margin:0;
	padding:0 0 0 20px;
}

div.downloads p {
	padding-left:0px;
}

div.downloads h1{
	display:inline;
	margin:0 0 10px 0;
	padding:0;
	font-size:1.5em;
	text-align:left;
	text-decoration:none;
}
div.downloads h2 {
	display:inline;
	margin:0;
	padding:0;
	font-size:1em;
	text-align:left;
	text-decoration:none;
}
div.downloads div.element {
	position:relative;
	float:left;
	width:145px;
	padding:0;
	margin:0 0 40px 0;
	text-align:center;
}
div.downloadsimage {
	float:right;
	width:194px;
	height:177px;
	padding:0;
	margin:40px 0 0 0;
	background:url(../image/facemask.png) no-repeat;
}
div.downloads div.years {
	position:relative;
	float:left;
	width:300px;
	padding:0;
	margin:0 40px 40px 0;
	text-align:left;
}
div.downloads div.posters {
	position:relative;
	float:left;
	width:400px;
	padding:0;
	margin:15px 0 40px 0;
	text-align:left;
}

#backgroundcolor2
{
	width:896px;
	height:300px;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	background-color:#dfdbd2;
}
#backgroundcolor2 h1{
	display:inline;
	font-size:1.25em;
	text-decoration:none;
}

#backgroundcolortesti
{
	width:896px;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	background-color:#dfdbd2;
}
#backgroundcolortesti h1{
	display:inline;
	font-size:1.25em;
	text-decoration:none;
}
div.testimonies {
	width:517px;
	height:430px;
	margin:20px auto;
	padding:10px 0 10px 10px;
	background-color:#FFF;
}
div.testimonies #comments {
	position:relative;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	text-align:left;
	margin:0;
	overflow:auto;

}
div.testimoniesimage {
	position:absolute;
	float:right;
	bottom:0;
	width:288px;
	height:248px;
	padding:0;
	margin:0 0 0 530px;
	background:url(../image/glove-with-ball.png) no-repeat;
}
div.pasthistory {
	width:896px;
	margin:0;
	padding:0;
	text-align:left;
}
div.pasthistory div.left {
	position: relative;
	float:left;
	width:300px;
	margin:0;
	padding:0;
	text-align:left;
}
div.pasthistory div.left li {
	padding-bottom:8px;

}
div.pasthistory div.left p {
	padding-left:10px;

}

div.pasthistory div.right {
	position: relative;
	float:right;
	margin:0;
	padding:0;
	width:550px;
	height:475px;
	background:url(../image/pasthistory-photo.jpg);
}

div.pasthistory h1, div.pasthistory div.callout h1{
	display:inline;
	font-size:1.5em;
	text-align:left;
	text-decoration:none;
}
div.pasthistory h2, div.pasthistory div.callout h2 {
	display:inline;
	font-size:1em;
	text-align:left;
	text-decoration:none;
}
div.pasthistory div.left  div.callout{
	width:300px;
	height:92px;
	background:url(../image/tanbox.jpg) no-repeat;
}
div.pasthistory div.left div.callout {
	margin:0;
	padding:13px 10px 0px 20px;
	font-size:1.5em;
	text-align:left;
	text-decoration:none;

}

div.pasthistory div.left div.callout h3 {
	display:inline;
	font-size:.64em;
	text-align:left;
	text-decoration:none;
	background-color:#cbc3ac;
}
div.players div.right {
	position: relative;
	float:right;
	width:238px;
	margin:0;
	padding-left:50px;
	text-align:left;
}
div.players div.left {
	position: relative;
	float:left;
	width:608px;
	margin:0;
	padding:0;
}
div.players div.left h3 {
	color:#1c63ff;

}
div.players div.left h4 {
	color:#1c63ff;

}
div.playerssimage {
	float:right;
	width:288px;
	height:248px;
	padding:0;
	margin:0;
	background:url(../image/glove-with-ball.png) no-repeat;
}

#backgroundcolor3
{
	width:100%;
	height:490px;
	margin:0;
	padding:10px 0 10px 0;
	text-align:center;
	background-color:#dfdbd2;
}

.disabled {
	text-decoration: none;
	color: black;
}
.disabled:hover {
	color: gray;
	text-decoration: line-through;
}

.ticket-button {
	display: block;
	width: 270px;
	padding: 15px;
	background-color: #3067b8 !important;
	border-radius: 11px;
	text-decoration: none !important;
	color: white !important;
	font-family: Arial, sans-serif;
	text-align: center;
	margin: 0 auto;
}

.ticket-button:hover {
	background-color: #2557a0 !important;
	text-decoration: none !important;
	color: white !important;
}

.button-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.click-text {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	letter-spacing: 0.04em;
}

.title {
	font-size: 25px;
	font-weight: 900;
	color: #fdba12;
	margin: 5px 0;
	letter-spacing: 0.02em;
	font-family: Arial Black, Arial, sans-serif;
	text-decoration: none;
}

.date {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	letter-spacing: 0.04em;
	text-decoration: none;
}

.time {
	font-size: 12px;
	font-weight: bold;
	color: #fdba12;
	margin: 0;
	letter-spacing: 0.04em;
	text-decoration: none;
}