@charset "iso-8859-1";


#pageWrapper
{
	margin-left: auto;
	margin-right:auto;
	width:1001px;
	text-align:center;
	background-color:#ffffff;
	
}
#outerColumnContainer
{
	z-index: 1;
	border-color: #cccc99;	/* set default color to white. set the real  color inside colors.css */
	border-style: solid;
	border-width: 0 325px 0 170px;	/* sets the width of the borders used to create  the left and right columns' background color. */
	text-align:left;
	
}
#innerColumnContainer
{
	z-index: 2;
	width: 100%;
}
* html #innerColumnContainer
{
	position: relative;	/* fix a render bug in IE under certain  conditions */
}
#contentColumn
{
	margin: 0 -10px;		/* without this, boxes stop floating next to  each other */
	width: 505px;
	font-size:large;
	
}

#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	position: relative;	/* IE has a display/render bug with non-floated block elements inside floated block elements. setting position:relative on the floating element seems to resolve this. */
	z-index: 10;
	overflow: visible;	/* fix for IE italics bug */
	
}
#rightColumn
{
	float: right;		/* floating this right allows for the right column block to appear before the content column in the flow of the document. doing this allows for any easy 3 column layout in NN4.*/
	width:320px;
	margin: 0 -325px 0 1px;	/* same as in the #leftColumn selector up above. */


}
#scroller
{
	width:22em;
width:282px;
	overflow: auto;
	height:530px;
	background-color:#FFFF99;
	background-color:#FAC590;
	/*#000033;*/
	border-style:solid;
	border-width:1px;
	border-top-color:#D17D2A;
	border-left-color:#D17D2A;
	border-bottom-color:#F6F3B8;
	border-right-color:#E5BF7C;
	border-top-color:#CC6600;
	border-left-color:#CC6600;
	border-bottom-color:#CC6600;
	border-right-color:#CC6600;	
	
	
	
}
#leftColumn
{
	width: 191px; /*use px here to stop large images from dropping down with smaller resolutions*/
	margin: 0 1px 0 -180px;	/* like in the #contentColumn selector, without  the 1px margin on the opposite side of the box, boxes stop floating next to each other */
}
#footer
{
	position: relative;
}
#masthead h1
{
	display: inline;	/* personal preference to keep the header inline. you could just as easily change padding and margins to 0. */
}
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide, #oldBrowserNotice, .ieSixCharDupBug
{
	
	display: none !important; /* hide elements that CSS-targeted browsers shouldn't show */
}
#contentColumn
{
	border-width: 0;	/* reset value from that in the version 4 stylesheet. this isn't in borders.css because were you to create a print.css and not include borders.css, then the v4 border would still remain when you print. */
}

* html #pageWrapper
{
	word-wrap: break-word;
}



.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}

.vnav ul ul li a
{
background-color:#8CC63E;
text-align:right;
color:#000000;
}

.vnav ul ul li a:hover
{
background-color:#8CC63E;
text-align:right;
color:#CC3333;
}

.vnav ul ul li 
{
padding-bottom:1px
padding-top:1px
}
.vnav ul ul 
{
padding-top:4px
}


.vnav ul ul ul li a
{
padding-left:50px;
background-color:#E3E38D

}

.vnav ul ul ul
{
padding-top:4px
}

.vnav ul ul ul li 
{
padding-bottom:1px
padding-top:1px
}

.vnav ul
{
	/*border: solid 1px #000;
	border-bottom-width: 0;*/
}
.vnav ul li
{
	/*border-bottom: solid 1px #000;*/
	padding-bottom:4px;
	
}
.vnav ul li a
{
	display: block;
	text-decoration: none;
	padding: 4px 10px;
	
}


* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 1%;
}
* html .vnav ul
{
	position: relative;
}
.vnav h3
{

	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 126%;
}



.hnav
{
	border-bottom: solid 1px #fff;
	text-align: center;
}
.hnav, .hnav ul li a
{

	padding-top: 3px;
	padding-bottom: 4px;
}
.hnav ul, .hnav ul li
{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.hnav ul li a
{
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
	text-decoration: none;
}
.hnav ul li span.divider
{
	display: none;
}
* html .hnav ul li, * html .hnav ul li a
{
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline; 
		position: relative;
	/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. IE/Mac will ignore this rule. */
}
* html .HNAV
{
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}




body
{
	background-color: #fff;
	background-color: #333333;
}
#outerColumnContainer
{
	border-left-color: #8CC63E;	/* left hand column background color */
	border-right-color: #F58320;	/* right hand column background color */
	
}
 #footer
{
	/*background-color: #ffffcc;*/
	background-color: #F58320;
	color: #000000;
	font-family: arial;
	font-weight:bold;
	font-style:italic;
	border-top:1px solid #ffffff;
	
}
#masthead
{	
	
		white-space: nowrap;
		background-color:#fff

	/*border:solid 1px #000000;*/
	
	
	
	
}
/*.topstrapline
	{
	font-family: arial;
	font-weight:bold;
	font-style:italic;
	margin-top:-4px
	}*/

}
#outerColumnContainer, #contentcolumn	/* selector case hack to reset version 4 stylesheet setting */
{
	background-color: #fff;		/* this sets the background color on the center column */
	color: #000;
}
#leftColumn, #rightColumn, #contentColumn
{
	color:#000;
}

.beelink
{
color:#336699;
text-decoration:none;	
}



.vnav ul li a
{
	color: #FFFF99;
	/*F6F18B*/
	background-color: #000000;

	font-weight:bold;
}

.vnav ul li a.redlink
{
	color: #ff0000;
}

#rightColumn .vnav ul li a:hover, .vnav ul li a:hover
{
	background-color: #CC3333;
	color: #ffffff;

	
}

.sitebutton
{
background-color:#000000;
color:#ffff99;
cursor:pointer;
}

.sitelinkbutton:hover
{
background-color:#CC3333;
color:#ffffff;
padding:3px;
border:1px solid #CC3300;
text-decoration:none;
font-weight:bold;	
cursor:pointer;
}
.sitelinkbutton
{
background-color:#000000;
color:#ffff99;
padding:3px;
border:1px solid #660000;
text-decoration:none;
font-weight:bold;
cursor:pointer;

}

.searchbutton:hover
{
background-color:#CC3333;
color:#ffffff;
padding:3px;
border:1px solid #CC3300;
text-decoration:none;
font-weight:bold;	
cursor:pointer;
font-size:11px;
}
.searchbutton
{
background-color:#000000;
color:#ffff99;
padding:3px;
border:1px solid #660000;
text-decoration:none;
font-weight:bold;
cursor:pointer;
font-size:11px;
}

#contentColumn .sitelinkbutton, #rightColumn .sitelinkbutton
{
font-size:.8em;
}

.panelsitelinkbutton
{
background-color:#000000;
color:#ffff99;
padding:2px;
border:1px solid #660000;
text-decoration:none;
font-weight:bold;
cursor:pointer;
font-size:.9em;
}

.panelsitelinkbutton:hover
{
background-color:#660000;
color:#ffffff;
padding:2px;
border:1px solid #CC3300;
text-decoration:none;
font-weight:bold;	
cursor:pointer;
font-size:.9em;
}

#rightColumn .vnav ul li a
{
	color: #333399;
	background-color: #ddb;
}
#rightColumn .vnav ul li a
{
	color: #333399;
	background-color: red;
}
.hnav, .hnav ul li a
{
	background-color: #ffffcc;
	color: #333399;
}
.hnav ul li a:hover
{
	background-color: #333399;
	color: #fff;
}
#pageWrapper, #innerColumnContainer .hnav
{
	border-color: #000;
	
}

/******************************************************************************/
/*******************************************************************************
*  borders.css : 2004-07-29 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  this stylesheet defines any and all borders that are rendered on the layou.
*  this includes the left and right-hand borders of the #outerColumnContainer
*  element which are used as the backgrounds for the left and right columns.
*******************************************************************************/

#pageWrapper
{
	/*border-style: solid;	/* explicitly defined within eact selector in case you want change border styles (to mix it up) between elements */
	/*border-width: 0 1px;	/* puts a border on the left and right sides of the page. #masthead and #footer will handle the top and bottom borders */
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
}
#outerColumnContainer
{
	/* the borders used to create/reserve space for the side columns are
	   now defined in base.css because they are an integral part of
	   the layout. */
}
#innerColumnContainer
{
	/*border-style: solid;
	border-width: 0 1px;	/* puts borders between center and the side columns. */
	margin: 0 -1px;		/* compensation for the borders because of 100% width declaration on this object */
}
* html #outercolumncontainer
{
				/* IE5.0/Win fix for 1px whitespace between masthead and body. */
	margin-top: -1px;
	border-top: solid 1px #000;
	
}
#masthead
{
	/*border-style: solid;
	border-width: 1px 0;	 handles the top of the layout's border and the  bottom of the masthead section */
}
.hnav
{
	border-style: solid;
	border-width: 0 0 1px 0;
}


/******************************************************************************/
/*******************************************************************************
*  fonts.css : 2004-06-28 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  handles the font type (family), sizes, line-height, alignment, and any other
*  properties relating to fonts - with the exception of color.
*
*  Perhaps font color declarations should be in this file as well. 
*  However, certain CSS validators (hello w3!) will complain if colors
*  and background colors are not declared in the same selector or
*  at least within the same stylesheet. So font colors, including links,
*  are defined in colors.css.
*******************************************************************************/

body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 100.1%;	/* font sizing approach recommended by Dave 
				   Silvester on the css-discuss list. "the 
				   .1 is important." */
	
}

#pageWrapper
{
	font-size: 80%;
}
#footer
{
	text-align: center;
}
/* :root is an invalid pseudo class but mozilla knows it */
:root code
{
	font-size: 120%;	/* monospace fonts are typically smaller that 'normal' fonts under Mozilla. */
}

/*
	Time to try and get all the heading elements to the same size 
	regardless of browser. (IE seems to put them a big bigger
	than Mozilla, typically.)
*/



/******************************************************************************/
/*******************************************************************************
*  gutters.css : 2004-07-06 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  handles the whitespace between and within elements; such as margins and 
*  padding.
*******************************************************************************/

body
{
	margin: 0;

	/*padding: 1em;		/* remove this padding if you want the layout to  stretch from edge to edge of the viewport. */
	/*padding-top:1em;
	padding-bottom:1em;*/
	
}




p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;		/* specifically define this for Opera's sake, and also for better consistency across  all platforms  */
}
.inside
{
	padding: 0 1.5em;	/* this padding is applied to every major box 
				   within the layout for a uniform gutter 
				   between borders 

				   _NOTE_: a small glitch in IE seems to appear
				   if this class has vertical padding applied
				   to it. so in cases where you want to add 
				   vert padding, use the parent element. margin
				   values here don't work because .inside has
				   a key role in border generation */
}
#leftColumn, #centerColumn, #rightColumn
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the  previous selector. */
}
#footer
{
	/*padding: 1em;*/
	text-align:center;
}

.vnav
{
	margin: 1em 0;
}
html>body #footer
{
	padding-bottom: 1.01em;	/* this is to fix a bug in mozilla that results
				   in a 1px line of white below the footer when
				   the document gets very long. extremely long
				   documents may generate the bug again. if
				   you experience that, increasing this value
				   may help. i think this is related to moz's
				   off-by-one troubles as the bug does not
				   occur in any other browser */
}

.categorybox
{
float:left;
margin-right:10px;
background-color:#ffffcc;
padding:5px;
margin-bottom:5px;
border:#cccc99 solid 1px;
width:240px;
text-decoration:none;
font-size:1em;
color:#4747B9;
margin-top:20px;
}
.categorybox_small
{
float:left;
margin-right:10px;
background-color:#ffffcc;
padding:7px;
margin-bottom:20px;
border:#cccc99 solid 1px;
text-decoration:none;
text-align:center;
font-size:1em;
color:#4747B9;
height:160px;
width:160px;
}
.categorybox h2
{
color:#333399;	
font-size:1em;
}

.categorybox:hover
{
	background-color:#F1F0C2;
	cursor:pointer;
	text-decoration:none;
}
.categorybox_small:hover
{
	background-color:#F1F0C2;
	cursor:pointer;
	text-decoration:none;
}

#calhover
{
position:absolute;
top:34px;
right:50px;
background-color:#F7EF55;
/*padding:7px;*/
text-decoration:none;
font-size:1em;
color:#4747B9;
height:145px;
width:18em;
border-style:solid;
border-width:1px;
border-color:#F8F5AE #DDD641 #DDD641 #F8F5AE;
}
#cal
{

/*padding:7px;*/
text-decoration:none;
font-size:1em;
color:#000000;
height:145px;
width:22em;
/*width:282px;*/
border-style:solid;
border-width:1px;
border-color:#EE7C09;
padding-bottom:2px;
background: #FF9933 url(../../common/interface/allshowslabel.gif) no-repeat bottom right;
}

#caltoolbar
{
background-color:#003366;
/*padding:7px;*/
text-decoration:none;
font-size:1em;
color:#4747B9;
height:30px;
width:22em;
border-style:solid;
border-width:1px;
border-color:#006699 #000033 #003366 #006699;
text-align:center;
}

.monthbox
{
float:right;
text-align:center;
width:7em;
padding-top:20px;
padding-bottom:10px;
border-style: solid;
border-width: 1px;
border-color:#FEB369 #FC8611 #FC8611 #FEB369;
margin-right:5px	
}

.topinside
{
text-align:left;
white-space: nowrap;
width:100%;
z-index:2;	
}

#righttop
{
position:absolute;
z-index:1;
top:32px;
right:30px;
}
.calrow2
{
font-weight:bold;
text-align:center;	
}

.calday
{
text-align:center;	
}

.showheadingbar
{
background-color:#99CC33;
color:#CC3300;
font-weight:bold;
padding:2px 0 5px 2px;	
text-align:center;
border-top:solid 1px #ABDC48;
}

.showmaincontainer
{
/*margin-bottom:-100px;
padding-bottom:-100px;*/
}

.showinner
{
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
/*margin-bottom:-20px;
padding-bottom:-20px;*/
}

.showrightbarinner
{

}
	
.showimage
{
float:left;
padding:4px;
}
.maincontent
{
	background-color:#ffffff;
	
		
}

.snapshotcontent
{
padding-left:5px;
font-size:.9em;


}

.showbuttons
{
text-align:center;
clear:both;
border-bottom:solid 1px #CDDFAB;
margin:0;
padding:0;
/*background-color:#FFFF66;*/

}


.showbuttonsrightbar
{
text-align:center;
clear:both;
}


.showcontainer
{
padding:2px 2px 4px 2px;
width:255px;
margin:5px 0 0 3px;
background-color:#ffffff;

clear:both;
}

.showmaincontainer
{

width:100%;
margin-bottom:10px;
background:#ffffcc url(../../common/interface/showboxback.png) no-repeat right top;

}

.ticketmachine
{
text-align:center;
background-color:#F5F5B1;
/*padding:5px 0 5px 0px;
width:99%;*/
border-left:solid 1px #99CC33;
border-right:solid 1px #99CC33;
border-bottom:solid 1px #99CC33;
border-top:solid 1px #99CC33;
}


.boldbluetext
{
color:#3333ff;
font-weight:bold	
}

.bluetext
{
color:#3333ff;
}


.rightimage
{
float:right;
margin-left:17px;	
margin-top:10px;
margin-bottom:10px;
}

.leftimage
{
float:left;
margin-right:25px;	
margin-top:10px;
margin-bottom:10px;
}

.boldredtext
{
color:#ff0000;
font-weight:bold	
}

.redtext
{
color:#ff0000;
}

.showdatetext
{
color:#ff0000;
text-align:right;
font-family:arial;
text-decoration:underline;
font-size:1.3em;
font-weight:bold;
}

.timescosts
{
	color:#000000;
	text-align:right;
	text-decoration:underline;
	font-size:1em;
}



h1
{
font-family:Verdana;
font-size:1.8em;
margin-bottom:0;
}
h2
{
font-family:Verdana;
font-size:1.5em;
margin-bottom:0;
}
h3
{
font-size:1.4em;
font-family:Verdana;
margin-top:0;
}
h4
{
font-family:Verdana;
font-size:1.2em;	
}
h5
{
font-family:Verdana;
font-size:0.8em;	
}
h6
{
font-family:Verdana;
font-size:0.6em;	
}

/*ol li
{
font-family:Arial;
color:#3333CC;
margin-bottom:30px;
}

ul li
{
font-family:Arial;
color:#333399;
margin-bottom:30px;
}*/

ol li
{
margin-bottom:15px;
}

ul li
{
margin-bottom:15px;
}

.column
{
float:left;
width:195px;
margin-left:10px;
margin-right:10px;
}

.quotedtext
{
font-weight:bold;
border:solid 1px #ffff66;
background-color:#F5F5B1;
padding:4px;
}

.importantnotice
{
font-weight:bold;
color:#ffffff;
background-color:#cc0000;
font-size:large;
text-align:center;	
padding:5px;
}

h1.centerheading, h2.centerheading, h3.centerheading, h4.centerheading, h5.centerheading, h6.centerheading
{
text-align:center;	
}

.ordredbox
{
background-color:#FF3333;
color:#ffffff;	
}

.ordbluebox
{
background-color:#0066CC;
color:White;	
}

.ordblackbox
{
background-color:#000000;
color:White;	
}

.ordgreenbox
{
background-color:#669900;
color:White;	
}

.allshowtitlebottom
{
color:#CC3300;
}
.allshowtitletop
{
color:#ffffff;
}

.cartdate
{
color:red;
text-transform: capitalize;
padding-bottom:10px;
}

.ticketlable
{
color:#ff0000;

}

#leftbanner
{
width:100%;
text-align:center;

}

#rightbanner
{
margin:auto;
text-align:left;
width:282px;
height:240px;
border:solid 1px #DB7106;
font-size:.9em;
}

#contentColumn .inside
{
/*border:solid 1px #000000;*/
padding:0 10px 0 10px;
margin:0;
}

.smalltext
{
font-size:.8em;
}

#gmap
{

height:400px;
width:484px;
overflow:hidden;
}

.limegreen
{
color:#669900;
font-size:.9em;
}

.limegreenbold
{
color:#669900;
font-size:1.1em;
font-weight:bold;
text-align:left;
}

.limegreenboldtext
{
color:#669900;
font-weight:bold;
}

.limegreentext
{
color:#669900;
}

.ticketprinttxt
{
font-size:.8em;
}


