@charset "utf-8";
/* CSS Document */

#intro									{ float: left; width: 310px; }
	.intro-highlight					{ font-style:italic; font-size:1.15em; }
	.intro-highlights					{ font-weight: bold; font-style:italic; font-size:1.1em; }

#tabs									{ float: right; margin: 10px 0 16px 18px; width: 582px; height: 411px; background: #FFF url('/assets/images/homepage/tabs-box-background.png') no-repeat 0 0; }
    #tab-menu li a,
	#tab-menu li a:visited				{ color: #000; }
	#tab-menu 							{ height: 33px; width: 100%; margin:0; padding:0; }
	#tab-menu li							{ background: url('/assets/images/homepage/tab.png') no-repeat 0 0; color: #000; font: italic small-caps 1.2em/1.0em Verdana, Geneva, sans-serif;
	                        		      text-shadow: #777 1px 1px 5px; letter-spacing: 0px; height: 33px; float: left; width: 143px; padding: 0; text-align: center; margin: 0; }
	#tab-menu li:hover					{ background: url('/assets/images/homepage/tab-hover.png') no-repeat 0 0; }
	#tab-menu li.active					{ background: url('/assets/images/homepage/tab-active.png') no-repeat 0 0; }
	#tab-menu li a						{ display: block; width: 140px; padding: 8px 0; }
	#tabs h3							{ color: #002564; margin: 0.6em 0 0.3em 0; }
	#RSS								{ position: absolute; top: 390px; right: 50px; width: 90px; }
	#RSS img							{ float: left; padding-right: 5px; }
		#tab1body, #tab2body,
		#tab3body, #tab4body			{ margin: 0px 25px 10px 15px; }
		#tab1body a, #tab2body a,
		#tab3body a, #tab4body a		{ color: rgb(0, 86, 172); }
		.moreLink						{ position: absolute; top: 385px; left: 367px; font-style: italic; font-weight: bold; }
			#tab1body ol				{ list-style: none; margin-left: 5px; }
		#tab2body						{ display: none; }
		#tab3body						{ display: none; }
		#tab4body						{ display: none; }
			#tab4body ol li				{ list-style: none; }

#operating-status						{ position: absolute; top: 90px; left: 25px; width: 310px; }
    #operating-status h2				{ margin-bottom: -0.5em; font: italic small-caps 1.6em/1em Verdana, Geneva, sans-serif; height: 38px; width: 366px; left: -39px; position: relative; text-indent: -2000px; background: transparent url('/assets/images/homepage/Operating_ribbon_red_sm.jpg') 0 0 no-repeat;}
	
#upcoming-events						{ position: absolute; top: 255px; left: 25px; width: 320px; }
	#upcoming-events-header				{ display: block; height: 38px; left: -39px; margin: 1.4em 0 0.5em; position: relative; text-indent: -2000px; width: 366px; background: transparent url('/assets/images/homepage/Upcoming_ribbon_red_sm.jpg') 0 0 no-repeat; }
	#upcoming-events-wrapper			{ top: -10px; height: 125px !important; }
	#upcoming-events ul					{ }
	#upcoming-events li					{ background: url('/assets/images/homepage/event-background-wide.png') no-repeat 10px 0px; float: left; width: 305px; height: 50px; /*margin: 10px 5px 10px 0;*/ padding-top: 5px; }
	.date								{ background: url('/assets/images/homepage/date-bg.gif') no-repeat 0px 0px; color: white; float: left; font-family: Arial, Helvetica, sans-serif; height: 100px; margin: -1px 10px 0px 0px; text-align: center; width: 38px; }
		.date span						{ display: block; font-size: 1.8em; margin-top: 2px;}
		.date small						{ color: rgb(119, 119, 119); display: block; font-size: 1.1em; font-weight: bold; text-transform: uppercase; }

#research-highlights					{ position: relative; background: transparent url('/assets/images/homepage/research-highlights-bg-wide2.png') no-repeat top center; height: 241px; width: 990px; padding: 0; left: -40px; }
	#research-highlights h2				{ margin: 0; visibility: hidden; }
	#carousel-wrapper					{ position: relative; width: 99%; height: 180px; margin: 0 0 0 0px; top: -20px; overflow: hidden; }
		#carousel						{ position: relative; padding-top: 45px; left: -180px !important;}
			#carousel ul				{ }
			#carousel ul li				{ height: 140px; margin: 0 10px !important; /*background: transparent url('/assets/images/homepage/carousel/highlight-shadow.png') no-repeat 0 0;*/ }
		#nextButton.disabled,
		#previousButton.disabled		{ visibility: hidden }
		#previousButton,
		#nextButton						{ position: absolute; top: 42px; width: 85px; height: 126px; cursor: pointer; text-indent: -2000px; z-index: 10; }
		#previousButton					{ left: 0px; background: transparent url('/assets/images/homepage/carousel/prev-arrow.png') 0 0 no-repeat; }
		    #previousButton:hover		{ background-position: 0 52%; }
		#nextButton						{ right: 1px; background: transparent url('/assets/images/homepage/carousel/next-arrow.png') 0 0 no-repeat; }
			#nextButton:hover			{ background-position: 70% 52%; }
			
	#slideshow-wrapper								{}
	#slideshow									{ position: relative; visibility: hidden; left: -5000px; width: 960px; height: 250px; }
		
    	#buttons								{ position: absolute; z-index: 3000; }
		#nextButtonTop, #S1, #S2, #S3, #S4,
		#S5, #previousButtonTop, #stopButtonTop	{ position: absolute; text-indent: -9000px; display: block; width: 21px; height: 20px; bottom: 0; z-index: 5; }
		
		#nextButtonTop img,
		#S1 img, #S2 img, #S3 img,
		#S4 img, #S5 img,
		#previousButtonTop img,
		#stopButtonTop img						{ position: relative; display: block; filter: alpha(opacity = 0); opacity: 0.0; z-index: 6; }
		
		
		#nextButtonTop							{ left: 140px; width: 20px; }
		#S1										{ left: 30px; }
			#S1:hover							{ background: transparent url('/assets/images/rotator/hover-stop.gif') no-repeat -1px 0; }
    	#S2										{ left: 52px; }
			#S2:hover							{ background: transparent url('/assets/images/rotator/hover-stop.gif') no-repeat -1px 0; }
    	#S3										{ left: 74px; }
			#S3:hover							{ background: transparent url('/assets/images/rotator/hover-stop.gif') no-repeat -1px 0; }
    	#S4										{ left: 96px; }
			#S4:hover							{ background: transparent url('/assets/images/rotator/hover-stop.gif') no-repeat -1px 0; }
		#S5										{ left: 118px; }
			#S5:hover							{ background: transparent url('/assets/images/rotator/hover-stop.gif') no-repeat -1px 0; }
		#previousButtonTop						{ left: 10px; width: 20px; }
		#stopButtonTop							{ left: 164px; }
			 #stopButtonTop img					{ position: relative; display: block; filter: alpha(opacity = 0); opacity: 0.0; z-index: 6; }
			 #stopButtonTop:hover				{ background: transparent url('/assets/images/rotator/hover-stop.gif') no-repeat 0 0; }
		
		#slideshow ul							{ /*z-index: -1;*/ }
		#slideshow ul li						{ margin: 0; /*z-index: -1000;*/ }
		#slideshow ul li a						{ display: block; width: 960px; height: 250px; top: 0; /*z-index: -1000;*/ }
		
		#slideshow div							{ position: absolute; top: 0; left: 0; z-index: 3; opacity: 0.0; height: 250px; background-color: #FFF; }
		#slideshow div.active					{ z-index: 5; opacity: 1.0; }
		#slideshow div.last-active				{ z-index: 4; }
		#slideshow div img						{ height: 250px; display: block; border: 0; }
		#slideshow div a						{ background: none !important; height: 250px; padding: 0; width: 960px; }
	#slidesNavigator							{ position: relative; width: 960px; height: 20px; background: transparent url('/assets/images/rotator/nav.jpg') no-repeat 0 0; }
		#slide1									{ filter: alpha(opacity = 100); opacity: 1.0; position: absolute; float: left; width: 24px; height: 20px; left: 44px; }
		#slide2									{ filter: alpha(opacity = 0); opacity: 0.0; position: absolute; float: left; width: 24px; height: 20px; left: 66px; }
		#slide3									{ filter: alpha(opacity = 0); opacity: 0.0; position: absolute; float: left; width: 24px; height: 20px; left: 88px; }
		#slide4									{ filter: alpha(opacity = 0); opacity: 0.0; position: absolute; float: left; width: 24px; height: 20px; left: 110px; }
		#slide5									{ filter: alpha(opacity = 0); opacity: 0.0; position: absolute; float: left; width: 24px; height: 20px; left: 132px; }
		#slidesNavigator div.active				{ filter: alpha(opacity = 100); opacity: 1.0; }
		#stopButton								{ position: relative; float: left; width: 20px; height: 20px; left: 7px; }
		#stopButton img							{ filter: alpha(opacity = 0); opacity: 0.0; }
		#stopButton:hover						{ background: transparent url('/assets/images/rotator/hover-stop.gif') no-repeat 0 0; }
		#slidesNavigator a						{ display: block; width: 15px; height: 20px; }
		
		ul li a#festivalLink		{ position: relative; z-index:100; float: right !important; display: inline; width: 100px; height: 30px; right: 80px; top: -60px }