/* CSS Document */

* {

	margin: 0;

	padding: 0;

}

body {

	background-image:url(images/bgshim.jpg);

	background-position: top center;

	background-repeat: repeat-x;

	background-color: #2B2B2B;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	behavior:url(csshover.htc); /*adds :hover in IE */

}

h1 {

	font-size: 18px;

	margin-top: 0px;

}

h2 {

	font-size: 14px;

	margin: 30px 0 10px 0;

}

h3 {}

p {

	font-size: 13px;

	line-height: 19px;

	margin: 13px 0;

}

a {

	text-decoration: underline;

	color: #FFFFFF;

}

a:hover {

	color: #D70000;

	text-decoration: none;

}



div#container {

	margin: 0 auto;

	width: 750px;

	background-image: url(images/bgwhiteshim.jpg);

	clear: both;

	}

div#content {

	float: left;

	text-align: justify;

	width: 550px;

	height: 365px;

	padding: 5px;

	margin: 14px 0 100px;

	border-left: 1px solid #666666;

	overflow: auto;

	scrollbar-base-color: "#8A8B9C"; 

	scrollbar-arrow-color: "white"; 

	scrollbar-track-color: "black"; 

	scrollbar-shadow-color: "black"; 

	scrollbar-lightshadow-color: "8A8B9C"; 

	scrollbar-darkshadow-color: "black"; 

	scrollbar-highlight-color: "black"; 

	scrollbar-3dlight-color: "grey";

}

div#content-when-pic {

	float: left;

	text-align: center;

	width: 500px;

	height: 365px;

	padding: 5px;

	margin: 14px 0 100px;

	border-left: 1px solid #666666;

	text-indent: 16px;

	

}



div#leftbar {

	float: left;

	text-align: right;

	width: 175px;

	padding: 0 35px;

	margin: 25px 0 100px;

	border-left: 1px solid #666666;

}

div#header {

	width: 750px;

	height: 197px;

	background-image:url("images/header-clues3.jpg");

	position: relative;

	color: #FFFFFF;

	text-transform:uppercase;

	font-size: 11px;

	border-bottom: solid 1px #666666;

	}

	div#mainnav {

}

	div#mainnav ul  {

	position: absolute;

	list-style: none;

	bottom: 0px;

	left: 15px;

	display: inline;

	float: left;

	padding: 0;

	margin: 0;

	}

	#mainnav li {

	display: inline;

	float: left;

	border-left: 1px solid #666666;

	padding: 7px 0;

	}

	#header a {

	padding: 7px 17px;

	border-bottom: none;

	color: white;

	text-decoration:none;

}

	#header li:hover a {

	padding: 7px 17px;

	color: #FF0000;

	}	

	#mainnav li:hover {

	background-color: #000000;

	}

	#header li.firstnav {

	border-left: none;

	}

	#header li#currentPage a, #header li#currentPage a:hover{	

	color: #666666;

	font-weight: normal;

	}

div#main {

	background-color:#000000;

	background-image:url(images/footerchairs.jpg);

	background-position: bottom;

	background-repeat:no-repeat;

	width: 750px;

	padding: 2px 0 0;

	}

div#footer {

	background-image: url(images/bgbottom.jpg);

	background-repeat:no-repeat;

	width: 750px;

	height: 18px;

	}

div#copyright {

	margin: 10px 0;

	}

	div#copyright a, div#copyright p { 

	font-size: 9px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #888888;

	}



#shownav {

width: 120px;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: right;

	height: 35px;

	}	



#blah {

width: 120px;

	font-size: 10px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: right;

	

	

}	



#blah-title {

width: 120px;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #FFFFFF;

	text-align: right;

	height: 35px;

	

}	



#blah-time {

	width: 120px;

	font-size: 9px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #999999;

	text-align: right;

	height: 55px;

	

}	



#tix {

	font-size: 13px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

	text-indent: 50px;

	height: 50px;

	

	

}	



#ind-text {

	font-size: 13px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: justify;

	margin-left: 50px;

	margin-right: 20px;

	margin-bottom: 30px

	

	

}	



#ind-h {

	font-size: 13px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

	text-indent: 35px;

	text-transform: uppercase;

	height: 16px;

	

	

}	



#tickets {

	float: left;

	width: 120px;

	padding: 25px;



}	

#ticket {

	height: 55px;

	width: 115px;

	padding: 0;

	background-repeat: no-repeat;

	background-position: center;

	margin: 0 auto 10px auto;

	}

	#ticket a, #ticket p {

	font-size: 13px;

	font-weight: bold;

	text-align: center;

	width: 115px;

	line-height: 18px;

	text-transform: uppercase;

	font-family: Georgia, "Times New Roman", Times, serif;

	color: #FFFFFF;

	display: block;

	padding: 9px 0;

	margin: 0;

	text-decoration: none;

	}

	#ticket  a:hover {

	color: #FFFFFF;

	text-decoration: underline;

	}

	

/*Hack to make background div expand with heights of inner divs*/

/******Do not change*****/

/************************/

.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */


