/* Word Compatibility Styles */
/* These styles alter the default html behaviour to be more like MS Word */

	FORM			{margin-top:0px; margin-bottom:0px;}
	UL              {list-style:square; margin-top:0px; margin-bottom:0px;}	
	OL				{margin-top:0px; margin-bottom:0px;} 
	BLOCKQUOTE		{margin-top:0px; margin-bottom:0px;}


/* Global Styles */

	A               {color:#BC2627; text-decoration:none; font-size:medium}
	A:hover         {color:#000000;}
	
	/* The DIV, P and TD styles should be the same as the "normal" content style. P has a margin of 0px to make it behave the same as a DIV tag, as the Immediacy Editor currently uses P's and DIV's interchangeably */
	DIV             {color:#000000; }
	P               {color:#000000; margin:0px; }
	TD              {color:#000000; margin:0px; padding:0px; vertical-align:top;}
	
	BODY			{margin:0px; padding:0px; background-color:#ffffff; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size:72%; line-height:15px;}


/* Template Styles */

#float				{left:50%; margin-left:-371px; position:absolute; height:512px; margin-top:10px;}
#page				{width:742px; border:1px solid #000000; background-color:#FFFFFF;}

#header				{width:740px; background-color:#4B6F32;}
#logoarea			{width:540px; background-color:#4B6F32;}

#leftcontent			{vertical-align:top; padding-bottom:4px;padding-left:3px;width:170px;}
#maincontent			{vertical-align:top; padding-top:4px; padding-bottom:2px;width:330px;}
div.contentframe		{width:320px; padding-bottom:10px;padding-left:5px;background-color:amber;}
div.contentframel		{width:160px; padding-bottom:10px;background-color:amber;}
div.contentframer		{width:210px; padding-bottom:10px;background-color:amber;padding-left:5px;}



.eventdate 				{font-size:80%; }

#rightarea				{vertical-align:top; width:230px; padding-bottom:2px;}

.dottedborder			{width:20px; height:100%; background-image:url(../../../../images/dots.gif);background-color:yellow;}

/*#topdropmenuarea		{padding-left:12px; height:20px; background-color:#BC2627;}*/

#topdropmenuarea		{padding-left:12px; height:20px; background-color:#4B6F32;}

	
#footerright			{width:150px; padding:14px 4px 2px 26px; background-image:url(../../../../images/base1.gif); background-repeat:no-repeat;  background-color:#BC2627;}
#footerContent			{background-color:#BC2627; }
#footermain				{padding-top:0px; width:220px; padding-bottom:4px;}

#foot1					{margin-top:14px; cursor:pointer; width:55px; height:44px; background-image:url(../../../../images/calendar1.gif); background-repeat:no-repeat; padding-right:6px; float:left; }
a:hover #foot1			{margin-top:14px; background-image:url(../../../../images/calendar2.gif); background-repeat:no-repeat;  float:left; }
#foot2					{cursor:pointer; width:55px; height:44px; background-image:url(../../../../images/seatpln1.gif); background-repeat:no-repeat; padding-right:6px; float:left;}
a:hover	#foot2			{background-image:url(../../../../images/seatpln2.gif); background-repeat:no-repeat; float:left; }
#foot3					{cursor:pointer; width:55px; height:44px; background-image:url(../../../../images/location1.gif); background-repeat:no-repeat; padding-right:6px; float:left;}
a:hover #foot3			{background-image:url(../../../../images/location2.gif); background-repeat:no-repeat; float:left; }
#foot4					{cursor:pointer; width:55px; height:44px; background-image:url(../../../../images/contact1.gif); background-repeat:no-repeat; padding-right:6px; float:left;}
a:hover	#foot4			{background-image:url(../../../../images/contact2.gif); background-repeat:no-repeat; float:left; }
#foot5					{cursor:pointer; width:55px; height:44px; background-image:url(../../../../images/help1.gif); background-repeat:no-repeat; float:left; }
a:hover #foot5			{background-image:url(../../../../images/help2.gif); background-repeat:no-repeat; float:left; }

.boxoffice 		{font-size:small; font-weight:bold; color: #52595c;text-align:center;}
.boxofficeno 	{font-size:large; font-weight:bolder; text-align:center;}


a.ongreen:link { color: white; text-decoration: none }
a.ongreen:active { color: white; text-decoration: none }
a.ongreen:visited { color: white; text-decoration: none }
a.ongreen:hover { color: #000000; text-decoration: none }
	

/* Top Drop Down Menu Styles */

/*Top Drop Down Menu Color Selection Styles */

		/* All Level Styles*/	
/*		#topdropmenu			{background-color:#52595c;}	*/
#topdropmenu			{background-color:#4B6F32;}

		#topdropmenu a			{font-weight:strong;}
		#topdropmenu a:hover	{font-weight:strong;}
	
		/* Level 0 Styles */
		#topdropmenu UL UL.L0			{font-weight:strong;}	/* level 0 "leaf" properties - not really a leaf since its the top level */
		#topdropmenu a.L0hc				{color:#ffffff; font size:large; border-right:1px solid #993333; background-color:#99000; }  /* level 0 item with children properties. defines background color and bullet image */
		#topdropmenu a.L0nc				{color:#ffffff; font size:large; font-weight:strong;border-right:1px solid #993333; background-color:#99000;} /* level 0 item with no children properties. defines background color*/
		
		#topdropmenu a.L0hc:hover		{color: #000000; background:#993333;}	/* hover effect for level 0 with children */
		#topdropmenu a.L0nc:hover		{color: #000000; background:#993333;} /* hover effect for level 0 with no children */
	
		
		/* Level 1 Styles */
		#topdropmenu UL UL.L1			{border:1px solid black;}
		#topdropmenu a.L1hc				{color:#000000; background:#ffffff url(../../../../images/rtArwGrey.gif) right center no-repeat;}
		#topdropmenu a.L1nc				{color:#000000; background:#ffffff;}
		
		#topdropmenu a.L1hc:hover		{color:#000000; background:#BC2627; url(../../../../images/rtArwGrey.gif) right center no-repeat;}	
		#topdropmenu a.L1nc:hover		{color:#000000; background:#BC2627;}
	
		/* Level 2 Styles */
		#topdropmenu UL UL.L2			{border:1px solid black;}
		#topdropmenu a.L2hc				{color:#000000; background:#ffffff url(../../../../images/rtArwGrey.gif) right center no-repeat;}
		#topdropmenu a.L2nc				{color:#000000; background:#ffffff;}
		
		#topdropmenu a.L2hc:hover		{color:#000000; background:#BC2627 url(../../../../images/rtArwGrey.gif) right center no-repeat;}	
		#topdropmenu a.L2nc:hover		{color:#000000; background:#BC2627;}




/* These styles are used globally by the top drop down menu. Colour specifc styles are defined else where.

	/* style for the containing div for the menu */
	/* note, the font size of 83% gives a very similar font-size in IE and Mozilla. feel free to change it, but appreciate the impact cross-browser */
	div#topdropmenu 
	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:140%;
		z-index:99;
		width:100%;		
	}	
	
	/* default ul tag style for this menu - you probably won't need to change this */
	div#topdropmenu ul 
	{
		list-style:none;
		margin:0px;
		padding:0px;
	}
	
	/* style for the actual menu links. display and height are important to the operation of the menu. change the others if you like (note:colour changes should probably go in the colour style sheets */
	div#topdropmenu a {
		display:block;
		margin:0px;
		height:100%;
		text-decoration:none;		
	}

		/* default li tag style for this menu - you probably won't need to change this */
		/* the postion:relative and float:left are critical to the correct operation of the menu */
		div#topdropmenu ul li	{position:relative; float:left; margin:0px;}
		
		/* this style is essential to the correct operation of the menu. it ensures correct positioning of the "leaves". */
		div#topdropmenu ul ul {
			position:absolute;
		}

		/* The following 2 groups of styles handle making the menu leaves appear and disappear on mouseover*/
		/* if want extra levels of drop downs, you need to add extra styles here for each level*/
		/* There are sufficient styles here for a 3 level menu. for a 4th level add a new css selector with an additional*/
		/* ul tag before the li:hover. eg div#topdropmenu ul ul ul ul li:hover ul ul/*
		/* please read the ImmSample documentation for more details */
		div#topdropmenu ul ul, 
		div#topdropmenu ul li:hover ul ul,
		div#topdropmenu ul ul li:hover ul ul,			
		div#topdropmenu ul ul ul li:hover ul ul
		{
			display:none;
		}
		
		div#topdropmenu ul li:hover ul,
		div#topdropmenu ul ul li:hover ul,
		div#topdropmenu ul ul ul li:hover ul,
		div#topdropmenu ul ul ul ul li:hover ul
		{
			display:block;
		}
	
	/* This next block of styles controls the appearance of the top menu bar and also contains styles to override the level 0 styles for lowers levels where necessary */
	/* it is this section which really differentiates the top drop down menu from a side flyout menu */

	/* We have found that using px units (rather than say em units) is more reliable across different browsers implementations of the CSS2 box model.*/
	/* CSS2 is seriouly flawed in how it handles dimensions of content elements, but we're stuck with it until CSS3 is widely adopted */
	
	/* This section defines the width of the menu items at different levels */
	div#topdropmenu ul.L0		{width:728px;} /* defines the total width of the top menu */
	div#topdropmenu ul.L1		{width:135px;} /* width of level 1 leaves */
	div#topdropmenu ul.L2		{width:135px;} /* width of level 2 leaves */
	
	/* defines position of drop down leaves */
	div#topdropmenu ul.L0 ul	{top:20px; left:0;} /* position of first leaf */
	div#topdropmenu ul.L1 ul	{top:-1px; left:100%;} /* position of second leaf */
	div#topdropmenu ul.L2 ul	{top:-1px; left:100%;} /* position of third leaf - if there is one*/


	/* defines width of menu items */
	div#topdropmenu ul.L0 li	{width:85px; text-align:center; } /* level 0 items */
	div#topdropmenu ul.L1 li	{width:135px; text-align:left;} /* level 1 items */
	div#topdropmenu ul.L2 li	{width:135px; text-align:left;} /* level 2 items */
	
	/* defines height and width of a tags within the above li tags*/
	/* note that padding-left, padding-right and width must add up to the values above. mozilla seems to have a bit of problem in the sample site here in the for the top level only, we had to add 4 more pixels in order to get the borders to show properly on the menu */
	/* padding-top and padding bottom styles are useful for netscape which doesn't seem to handle "filling" the LI tag to 100% height */
	/* change the padding styles, but exercise some caution with different browsers*/
	div#topdropmenu ul.L0 li a	{width:75px; line-height:13px; font-size:96%; font-weight:bold; padding:5px 6px 5px 4px;}
	div#topdropmenu ul.L1 li a	{width:121px; height:auto; font-size:90%; font-weight:normal; padding-left:5px; padding-right:10px; padding-top:.23em; padding-bottom:.33em;}
	div#topdropmenu ul.L2 li a	{width:121px; height:auto; font-size:90%; font-weight:normal; padding-left:5px; padding-right:10px; padding-top:.23em; padding-bottom:.33em;}
	
	/* end top menu bar*/

table.ImmTS_White			{border:2px solid #000000; background-color:#FFFFFF; text-align:center; margin-right:10px; padding:2px;}
table.ImmTS_White H1		{color:#993333; }
table.ImmTS_Green P			{color:#000000; margin:0px;}
table.ImmTS_Green STRONG	{color:#000000;}
table.ImmTS_Green			{border:2px solid #000000; background-color:#993333; text-align:center; margin-right:10px; padding:2px;}
table.ImmTS_Green H1		{color:#FFFFFF; }
table.ImmTS_Green P			{color:#FFFFFF; margin:0px;}
table.ImmTS_Green STRONG	{color:#FFFFFF;}
table.ImmTS_PaleGreen		{border:2px solid #000000; background-color:#990000; text-align:center; margin-right:10px; padding:2px;}