/****************************************************************
 Anchors
**************************************************************/
#transContent a
{
	display:block;
	padding-left: 5px;
}
#transContent a:hover
{
	border-bottom:none !important;
	background-color:#282828;
	color: #FFF !important;	
}
#transContent a:active
{
	color: #E5E5E5 !important;
}

#rotateFeature a:link, #transContent a:link, #calendarHeader a:link { text-decoration: none; color: #E6E6E6; } /* IF IE 6 */
#rotateFeature a:visited, #transContent a:visited, #calendarHeader a:visited { text-decoration: none; color: #E6E6E6; }
#rotateFeature a:hover, #transContent a:hover, #calendarHeader a:active  { border-bottom: 1px solid #ffffff; color: #ffffff; } /* IF IE 6 */

#rotateFeature div a:hover { border-bottom: none; }

#rotateFeature h5 a:link, #rotateFeature h5 a:visited {border-bottom: none;}
#rotateFeature h5 a:hover { border-bottom: 1px solid #ffffff;}  

#rotateFeature a.next, #rotateFeature a.prev
{
	display:block;
	height:19px;
	width:20px;	

}
#rotateFeature a.prev
{
	margin: -22px 0px 0 5px;	
	float: left;	
}
#rotateFeature a.next
{
	margin: -22px 5px 0 0;	
	float: right;	
}

#rotateFeature a:hover.next
{
	border-bottom: none;
/*	background-position: 31px 0;*/
}

/*@-moz-document url-prefix(){ #rotateFeature a.next { padding-top: 5px; } }*/

/****************************************************************
 Template & Layout
**************************************************************/


/*#MB_content a {color: #000000; text-decoration: underline;}
#MB_content li { padding: 2px; }
#MB_content ul {margin-left: 20px; }
#MB_content { line-spacing: 20px; }*/

#splash
{
	position: relative;
	height: 420px;
}
	#splashImage
	{
		position: absolute;
		float: left;
	}
	#warning
	{
		background-color:#6E0404;
		border:2px solid #FFFFFF;
		color:white;
		height:140px;
		left:434px;
		padding:10px 3px 3px 24px;
		position:absolute;
		top:110px;
		width:227px;
	}
	#warning a
	{
		color: #ffffff;
		text-decoration: underline;
	}
	#artsTrans
	{
		position:absolute;
		filter:alpha(opacity=70); 
		-moz-opacity: 0.7;
		opacity:0.85;			
		background-color:#000000;
		height:420px;
		left:37px;
		width:266px;
	}
#transContent
	{
		position: absolute;
		line-height:1.29em;
		left: 38px;
		height: 188px;
		width: 264px;
		color: #ffffff;
		font-size:1.1em;
		padding: 3px 0 0;
		z-index: 5;
	}
		#transContent ul
		{
			margin: 0;
			padding: 0;
		}		
		
		#transContent li
		{
			list-style-type: none;
			margin: 0;
		}
			#transContent h4
			{
				font-size:0.9em;
				font-weight: normal;
			}
	#rotateFeature
	{
		height:230px;
		left:37px;
		position:absolute;
		top:193px;
		width:266px;
		color: white;
	}
		#rotateFeature img {
			float: left;
			}
		#rotateFeature .prev, #rotateFeature .next {
			overflow: hidden;
			}
		#rotateFeature .prev img, #rotateFeature .next img {
			margin-left: -20px;
			}
		#rotateFeature a.prev:hover img, #rotateFeature a.next:hover img {
			margin-left: 0;
			}

		#featureContent 
		{ 
			position: relative;
		}
		#rotateFeature h5
		{
			clear: left;
			font-size: 1.3em;
			margin: 0 0 0 4px;
			padding-top: 5px;
		}

		#rotateFeature p
		{
			font-size: 0.9em;
			font-weight: normal;
			margin: 0px 20px 0px 5px;
		}
		#rotateFeature div
		{
			height: 227px;
			background-color: #000;
		}
		#rotateFeature div div
		{
			height: 227px;	
			margin: 0px;
		}
		#rotateFeature .featuredConnections
		{
			top:228px;
			font-size:0.85em;
			left:6px;
			position:absolute;
			width:103px;
			font-style: italic;
		}
		.arrow
		{
			position: absolute;
			left: 248px;
		}
		#rotateFeature a.arrow:hover
		{
			border-bottom-width: 0;
		}
		#education
		{
			margin-top: 10px;
		}
	#rightSplash
	{
		position: relative;
		height: 336px;
		width: 296px;
		float: right;
	}
	#grayBar 
	{
		background-color:#343434;
		color:white;
		height:22px;
		padding-top: 9px;
		font-size: 1.4em;
		clear: both;
		position: relative;
		font-weight: bold;
	}
		#grayBar * { position: absolute; }
		
		#Events { left: 30px; }
		
		#Inside { left: 317px; }	
			
		#Interest { left: 580px; } 	
		
		#Spotlight { left: 763px;}
		
	#indexContent { 
		border-top: 30px solid #343434;
		padding: 0 0 14px;
	}
		#indexContent a {
			border-bottom: none;
			color: #5f5f5f;
			text-decoration: underline;
		}
		#indexContent a:hover {
			color: #003300;
		}
		
		#indexContent .paperColumn {
			padding: 0 15px;
			margin: -30px 0 0;			
			width: 210px;
			float: left;
			background:transparent url(/files/images/threeColumnStripe.gif) no-repeat scroll 0 30px;
		}
		#indexContent .first {
			background: none;
		}
			#indexContent .paperColumn h4 {
				padding: 0;
				margin: 0 0 12px;
				line-height: 30px;
				color: #fff;
				position: relative;
			}
				#indexContent .paperColumn h4 a {
					color: #fff !important;
					text-decoration: none;
				}
				#indexContent .paperColumn h4 a:hover {
					text-decoration: underline;
				}
		
			.content .paperColumn ul { 
				padding: 0;
				margin: 0;
			}
			.content #spotlightContent {
				width: 260px;
				padding-right: 0;
			}
				.content #spotlightContent  img {
					margin-bottom: 5px;
				}
			.content #spotlightContent ul li {
				width: 250px;
				background: none;
				padding: 0;
				background: none;
				line-height: 0;
			}

		#indexContent .more  {
			font-size: 0.8em;
			margin-top: 20px;
			color: #006633;
			float: right;
		}
		#indexContent #buyTickets {
			float: left;
			margin-top: 18px;
			border-bottom: none !important;
		}
		#indexContent #moreEvents {
			float: right;
		}

/****************************************************************
Lightbox
**************************************************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/files/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/files/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/****************************************************************
 Print
**************************************************************/
@media print {
	.content a:link:after, .content a:visited:after {
	   content: "";
	   }	
#Spotlight
{
	left: 800px;
}
#rotateFeature
{
	display: none;
}
}