*
	{ 
	margin: 0;
	padding: 0;
	}

html, body, div, span, applet, object, iframe
	{
	border: 0;
	outline: 0;
	margin: 0;
	padding: 0;
	}
html, body
	{
	color: #363636;
	font: normal 12px/1.7em Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	margin: 0 auto;
	}
body {
	width: 980px;
	}
p, h1, h2, h3, h4, h5, h6, table, ul, blockquote, #breadcrumb, ul.footerLinks
	{
	margin: 0 0 10px 0;
	padding: 0;
	}
h1, h2
	{
	color: #09f;
	font-size: 15px;
	font-weight: bold;
	}
h3, h4, h5, h6
	{
	font-size: 13px;
	font-weight: bold;
	}
a, a:link 
	{
	color: #22aefe;
	text-decoration: underline;
	cursor: pointer;
	}
a:visited
	{
	color: #785FA1;
	}
a:hover
	{
	color: #f27501;
	}
br
	{
	line-height: 7px;
	}
strong, b, em, i
	{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	}

img
	{
	border: 0;
	margin: 0;
	padding: 0;
	}

ul, li
	{
	list-style-type: none;
	padding: 0;
	}
label
	{
	display: block;
	margin: 5px 0 0;
	}
select, input[type=text]
	{
	font-size: normal 13px!important; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #8d8d8d;
	padding: 0;
	margin: 0 0 3px;
	}
select > option, 

table
	{
	border-collapse: collapse;
	}
caption 
	{
	font-weight: bold;
	text-align: left;
	margin: 0;
	background: #a0d8fc;
	}

/* Sprites */
.left-header, .right-header, .left-tab, .right-tab, #breadcrumb-left, #breadcrumb-right, #header-breadcrumb li, .active-left-tab, .active-right-tab
	{
	background: url(images/sprite1.gif) no-repeat top left;
	}
#header, .center-tab, .active-center-tab, #header-breadcrumb
	{
	background: url('images/bg1.gif') top left repeat-x;
	}
	
/* Regular Classes */
.offset, .offLeft
	{
	position: absolute;
	left: -5000px;
	display: none;
	}

.cl, h1, h2, h3, h4, h5, h6, #contentWrapper #leftColumn2
	{
	clear: left;
	}

.center
	{
	text-align: center;
	}
.di
	{
	display: inline;
	}
.di select
	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	}
.db 
	{
	display: block;
	}
.bold, li.bold
	{
	font-weight: bold;
	}
a.noUnderline
	{
	text-decoration: none;
	}
.hide, #top
	{
	display: none;
	}
.px14
	{
	font-size: 14px;
	}
.px30
	{ 
	font-size: 30px;
	} 
.infoTitle, .infoTitleFirst
	{
	font: bold 12px/19px Verdana;
	color: #444;
        border-bottom: solid 1px;
	}
.black
	{
	color: #363636 !important;
	}
.white
	{
	color: #fff !important;
	}
.mb20
	{
	margin-bottom: 10px;
	} 
.em 
	{
	font-style: italic;
	} 
#mainContent 
	{
	float: left;
	width: 740px;
	}
#middleContent
	{
	width: 508px;
	}
*:first-child+html #mainContent
	{
	width: auto;
	}
*:first-child+html #leftColumn2
	{
	width: 738px;
	}
*:first-child+html #leftColumn2.noMenu
	{
	width: 970px;
	}
* html #mainContent
	{
	width: auto;
	}
* html #leftColumn2
	{
	width: 736px;
	}

body .orangeText
	{
	color: #CD5806;
	}


/* 1 column layout */
*:first-child+html #accessList
	{
	margin: 0;
	padding: 0;
	}
.left-header
	{
	background-position: -223px 0;
	width: 1px;
	height: 78px;
	float: left;
	position: relative;
	}
.right-header
	{
	background-position: -224px 0;
	width: 4px;
	height: 78px;
	float: right;
	}
#header
	{
	background-position: 0 -356px;
	width: 100%;
	height: 78px;
	float: left;
	}
#headerWrapper #header .top-right-links
	{
	float: right;
	margin: 4px 8px 0 0;
	color: #a2c6ec;
	font-size: 11px;
	}
#headerWrapper #header .top-right-links a
	{
	color: #fff;
	}
#header, #mainNav, #blueStripHeaderText, #contentWrapper, #footerWrapper
	{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
#contentWrapper
	{
	float: left;
	width: 740px;
	}
#headerWrapper
	{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
#headerWrapper #header
	{
	position: relative;
	height: 78px;
	margin: 0;
	z-index: 400 !important;
	}
html>body #headerWrapper #header .hxlogo
	{
	position: relative;
	left: -1px;
	background: url('images/header.png') no-repeat;
	width: 160px;
	height: 94px;
	z-index: 500;
	float: left;
	}
* html .hxlogo
	{
	position: absolute;
	left: 5px;
	width: 160px;
	height: 94px;
	z-index: 1000;
	z-index: 500;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/header.png",sizingMethod="crop"); }
#headerWrapper #header span.agentInfo
	{
	position: relative;
	top: 10px;
	font-size: 11px;
	color: #6d6d6d;
	}
#headerWrapper form#searchfrm
	{
	position: relative;
	float: right;
	margin: 2px 0 0 0;
	height: 16px;
	display: inline;
	width: 230px;
	}
#headerWrapper form#searchfrm input
	{
	height: 16px;
	border: 1px solid #6eb8f4;
	color: #999;
	text-align: right;
	display: inline;
	width: 175px;
	float: left;
	padding: 5px 3px 0 0;
	}
#headerWrapper #mainNav
	{
	font-size: 11px;
	float: left;
	position: absolute;
	width: 845px;
	top: 39px;
	left: 150px;
	font-weight: bold;
	z-index: 0;
	}
*:first-child+html #headerWrapper #mainNav
	{
	top: 39px !important;
	}
#headerWrapper #mainNav ul, #header-breadcrumb ul
	{
	margin: 0;
	padding: 0;
	position: relative;
	}
#headerWrapper #mainNav li, #header-breadcrumb li
	{
	display: inline;
	padding: 0;
	margin: 0;
	}
#headerWrapper #mainNav li a:link, #headerWrapper #mainNav li a:visited
	{
	display: block;
	color: #09f !important;
	text-decoration: none;
	line-height: 12px;
	}
#headerWrapper #mainNav li a
	{
	color: #09f;
	text-decoration: none;
	}
#headerWrapper #mainNav li a:active
	{
	text-decoration: none;
	color: #609;
	}
.left-tab
	{
	top: 2px;
	background-position: -155px 0;
	width: 8px;
	height: 30px;
	float: left;
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	}
.right-tab
	{
	top: 2px;
	background-position: -163px 0;
	width: 8px;
	height: 30px;
	float: left;
	display: inline;
	position: relative;
	margin: 0 2px 0 0;
	padding: 0;
	}
.center-tab
	{
	top: 2px;
	margin: 0;
	padding: 4px 3px 0;
	height: 26px;
	float: left;
	position: relative;
	background-position: 0 -436px;
	text-align: center;
	}
.active-left-tab
	{
	top: -2px;
	background-position: -171px 0;
	width: 8px;
	height: 34px;
	float: left;
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	}
.active-right-tab
	{
	top: -2px;
	background-position: -179px 0;
	width: 8px;
	height: 34px;
	float: left;
	display: inline;
	position: relative;
	margin: 0 2px 0 0;
	padding: 0;
	}
.active-center-tab
	{
	top: -2px;
	margin: 0;
	padding: 4px 3px 0;
	height: 30px;
	float: left;
	position: relative;
	background-position: 0 -469px;
	text-align: center;
	}
	
	.tab-split
	{
	margin-left: 20px;
	}
* html .tab-split
	{
	margin-left: 0;
	}


#breadcrumb-left
	{
	background-position: -190px -1px;
	top: 1px;
	width: 7px;
	height: 30px;
	float: left;
	position: relative;
	}

#breadcrumb-right
	{
	background-position: -195px 0;
	background-color: #fff;
	width: 10px;
	height: 31px;
	float: right;
	position: relative;
	}
#header-breadcrumb
	{
	background-position: 0 -503px;
	height: 32px;
	float: left;
	position: relative;
	text-align: left;
	color: #3db6ff;
	z-index: 0 !important;
	width: 100%;
	}
#header-breadcrumb li
	{
	float: left;
	height: 24px;
	margin: 0 10px 0 0;
	padding: 4px 0 0 18px;
	background-position: 0 -155px;
	}
#header-breadcrumb li a:link, #header-breadcrumb li a:visited
	{
	text-decoration: none;
	color: #09f;
	z-index: 1000;
	}
#header-breadcrumb li a:hover
	{
	text-decoration: underline;
	color: #09f;
	z-index: 1000;
	}
#header-breadcrumb li a:active
	{
	color: #609;
	z-index: 1000;
	}
.last-breadcrumb
	{
	background: none !important;
	}
li.last
	{
	border-right: 0 !important;
	font-weight: bold;
	}
li.shaded
	{
	color: #bbb;
	}
#blueStripHeader
	{
	clear: left;
	color: #ccc;
	height: 65px;
	margin: 0;
	z-index: 10000;
	}
* html #blueStripHeader
	{
	height: 100px;
	}
#blueStripHeader #blueStripHeaderText
	{
	width: auto;
	text-align: left;
	padding: 20px 20px 0;
	font: normal 18px/20px Verdana;
	z-index: 10000;
	}

#blueStripHeader #blueStripHeaderText h1.blueLevelOne
	{
	display: block;
	font-size: 30px;
	font-weight: bold;
	color: #09f;
	line-height: 30px;
	}
#blueStripHeader #blueStripHeaderText .blueLevelTwo
	{
	color: #7f7f7f;
	}
	
.blueLevelTwo .showPageTitle 
	{
	font-size: 21px; 
	color: #363636; 
	font-weight: normal; 
	position: relative; 
	left: 284px; 
	bottom: 21px;
	width: 350px;
	}	
	

#blueStripHeader #blueStripHeaderText .bpg
	{
	float: right;
	margin: -44px 20px 0 0;
	width: 91px;
	height: 44px;
	background-position: 0 -150px;
	}
#contentWrapper, #footerWrapper-long
	{
	text-align: left;
	margin: 37px auto 10px;
	padding: 0 10px; 
	}
* html #contentWrapper
	{
	margin-top: 0;
	}


#contentWrapper .clearFloat
	{
	clear: both;
	display: block;
	}
.clearFloat
	{
	clear: both;
	display: block;
	}


/* Theatre - JO */
#pastShows li
	{
	margin-bottom: 10px;
	}
#pastShows a
	{
	display: block;
	}
#hxshows li
	{
	display: inline;
	float: left;
	border: 1px #0099ff solid;
	background: #0099ff url(images/farebg.png) top left no-repeat;
	margin: 0 10px 10px 0;
	height: 191px;
	}

#hxshows li a
	{
	width: 117px;
	height: 160px;
	padding: 8px;
	display: block;
	text-decoration: none;
	color: #fff;
	}
#hxshows li a:hover
	{
	background: #660099;
	text-decoration: underline;
	color: #fff;
	height: 175px;
	}
#hxshows img
	{
	display: block;
	margin: 10px 20px 15px;
	}

#hxshows img
	{
	display: block;
	margin: 17px 20px 15px\9;
	}
	

.showListDetails
	{
	text-align: center;
	display: block;
	height: 60px;
	padding: 10px 0;
	}

#footer {
	border:1px solid #c7c7c7;
	float:left;
	margin:25px 0 20px 5px;
	color:#666;
	font-size:10px;
	text-align:center;
	padding:30px;
	background:#f9f9f9;
	line-height:1.5em;
	height:25px;
	width:980px;
	} 

#footer p {clear:left}

.style1 {
	color: #0099FF;
	font-weight: bold;
}


