/**** BODY ***/
html, body 							{ text-align:center; background:#1e3f5a; margin:0; padding:0; font:normal 12px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
#siteContainer						{ position:relative; text-align:left; width:760px; padding:0; margin:0 auto;  }

h1									{ margin:0; padding:0; font:normal 24px/28px Times Roman, serif; color:#1e3f5a; }
h2									{ margin:0; padding:0; font:normal 18px/21px Times Roman, serif; color:#fff; }
h3									{ margin:0; padding:0; font:normal 15px/18px Times Roman, serif; color:#fff; }
h4									{ margin:0; padding:0; }
h5									{ margin:0; padding:0; }
h6									{ margin:0; padding:0; }
p									{ margin:10px 0 18px 0; padding:0; font:normal 12px/18px arial, helvetica, sans-serif; color:#c7cfd6; }

a, 
a:link,
a:active,
a:visited							{ text-decoration:underline; color:#edf5ff; }
a:hover								{ text-decoration:underline; }
img									{ border:0; display:block; }


/**** HEADER ***/
#headerWrap							{ width:500px; position:relative; top:10px; left:0; z-index:999; margin:0 0 0 0; }
#logo								{ position:absolute; top:68px; left:19px; z-index:1; }
#home #headerWrap span				{ position:absolute; top:0; left:490px; z-index:9999; width:10px; height:53px; display:block; background:url(../img/utilityShadowStretch.png) repeat-y; }

/**** NAV ***/
#navWrap										{ position:relative; z-index:999; background:#c2d37c url(../img/navCornerRight.gif) no-repeat 100% 0; width:760px; height:50px; border-bottom:3px solid #7fb0d6; }
#home #navWrap									{ width:500px; background:#c2d37c; }
#navWrap ul										{ background: url(../img/navCorner.gif) no-repeat 0 0; position:relative; z-index:999; margin:0; padding:0 0 0 10px; list-style-type:none; float:left; display:inline; }
#navWrap ul li									{ position:relative; z-index:999; margin:0; padding:0; float:left; display:inline; }
#navWrap ul li a, 
#navWrap ul li a:link, 
#navWrap ul li a:visited,
#navWrap ul li a:active							{ float:left; padding:0 10px; display:inline; text-decoration:none; font:normal 12px/50px "Trebuchet MS", arial, helvetica, sans-serif; color:#4e5432; }
#navWrap ul li.current a						{ text-decoration:none; border-bottom:3px solid #e2373e; margin:0 0 -3px 0; position:relative; color:#000; }
#navWrap ul ul									{ background:none; display:none; float:left; position:absolute; z-index:998; top:50px; left:0; margin:0; padding:3px 0 0 0; }
#navWrap ul ul li								{ clear:both; width:203px; background:transparent; }
#navWrap ul ul li a, 
#navWrap ul ul li a:link, 
#navWrap ul ul li a:visited,
#navWrap ul ul li a:active						{ border:0; border-bottom:1px solid #515255; width:160px; margin:0; padding:0 20px; display:inline; font:normal 12px/26px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#navWrap ul ul li a:hover,
#navWrap ul li.current ul						{ display:inline; }
#navWrap ul li.current ul ul					{ display:none; }
#navWrap ul li.current li.current ul			{ display:inline; }
#navWrap ul ul ul								{ padding:0; left:200px; top:0; border:0; }
#navWrap ul li.current li a						{ background:#1e1f21; }
#navWrap ul li.current li a:hover				{ background:#23313f; }
#navWrap ul li.current li.parent a				{ background:#1e1f21 url(../img/navArrow.gif) no-repeat 187px 10px; }
#navWrap ul li.current li.parent a:hover				{ background:#23313f url(../img/navArrow.gif) no-repeat 187px 10px; }
#navWrap ul li.current li.parent a:hover				{  }
#navWrap ul li.current li.current li a					{ background:#1e1f21; }
#navWrap ul li.current li.current li a:hover			{ background:#23313f; }
#navWrap ul li.current li.current li.parent a			{ background:#1e1f21 url(../img/navArrow.gif) no-repeat 187px 10px; }
#navWrap ul li.current li.current li.parent a:hover		{ background:#23313f url(../img/navArrow.gif) no-repeat 187px 10px; }


/**** MAIN AREA ***/
#mainWrap							{ position:relative; top:-53px; float:left; display:inline; width:760px; }


/**** TEXT AREA ***/
#textWrap							{ background:url(../img/mainGradient.gif) repeat-x 0 174px; float:left; display:inline; width:760px; padding:0 0 20px 0; margin:63px 0 0 0; }
#home #textWrap						{ background:url(../img/mainGradient.gif) repeat-x 0 307px; width:500px; }
#textWrap #contentWrap				{ padding:20px 20px 0 20px; background:url(../img/logoInteriorOverlay.gif) no-repeat; }
#home #textWrap #contentWrap		{ padding:20px 20px 0 20px; background:url(../img/logoOverlayBottom.gif) no-repeat 100% 0; }

/**** FOOTER ***/
#footerWrap							{ margin:20px 0 0 0; padding:10px 0 0 0; clear:both; border-top:3px solid #35536b; }
#footerWrap p						{ margin:0; padding:5px 20px 10px 20px; }


/**** UTILITY ***/
#utilityWrap						{ position:relative; margin:0 -4px 0 -10px; width:274px; float:right; display:inline; background:url(../img/utilityShadowStretch.png) repeat-y; }
#utilityWrap h4						{ font:normal 18px/60px Times Roman, serif; color:#bfd7eb; background:#0061ae; width:230px; display:block; margin:0; padding:0 15px; border-bottom:3px solid #0d69b2; }
#utilityWrap ul						{ float:left; display:inline; min-height:470px; width:260px; background:#0061ae url(../img/featureLogoOverlay.gif) no-repeat 0 4px; margin:0; padding:0; list-style-type:none; }
#utilityWrap ul li					{ background:url(../img/spotlightDivider.png) no-repeat 0 100%; margin:0; padding:10px 15px; display:inline; float:left; width:230px; }
#utilityWrap ul li a, 
#utilityWrap ul li a:link,
#utilityWrap ul li a:visited,
#utilityWrap ul li a:active			{ font:bold 14px/18px arial, helvetica, sans-serif; text-decoration:none; color:#bfd7e7; }
#utilityWrap ul li a:hover			{ text-decoration:none; color:#fff; }
#utilityWrap ul li.last				{ background:none; }
#utilityWrap ul li a img			{ float:right; display:inline; margin:0 0 10px 10px; }
#spotlightWrap						{ margin:0 0 -35px 0; position:relative; background:url(../img/utilityShadowBottom.png) no-repeat 0 100%; padding:0 4px 9px 10px; }
#spotlightWrap span					{ clear:both; display:block; height:35px; width:260px; background:url(../img/utilityBlueBottom.gif) no-repeat 0 100%; }




/**** EVENT CALENDAR ***/
#eventCalendarWrap								{ z-index:1; clear:both; width:720px; margin:0 -220px 20px 0; float:left; display:inline; }
#eventCalendarWrap .eventMonth					{ clear:both; margin:60px 0 0 0; padding:0 0 30px 0; float:left; display:inline; width:720px; background:url(../img/eventMonthTop.png) no-repeat; }
#eventCalendarWrap .eventHeader					{ height:63px; position:relative; top:-40px; background:url(../img/eventMonthRight.png) no-repeat 100% 0; }
#eventCalendarWrap .eventHeader h4				{ float:right; display:inline; padding:0 0 0 23px; margin:0 23px 0 0; background:url(../img/eventMonthLeft.png) no-repeat; height:40px; font:normal 18px/40px Times Roman, serif; color:#4e5432; }
#eventCalendarWrap .eventHeader span			{ font:bold 11px/23px arial, serif; color:#4e5432; clear:both; position:absolute; top:40px; }
#eventCalendarWrap .eventHeader .date			{ left:23px; }
#eventCalendarWrap .eventHeader .event			{ left:130px; }
#eventCalendarWrap .eventHeader .time			{ left:130px; }
#eventCalendarWrap .eventHeader .location		{ left:395px; }
#eventCalendarWrap .eventDescription			{ background:#fff; float:left; display:inline; padding:0 23px; border-bottom:1px solid #e5e5e5; }
#eventCalendarWrap .eventDescription a, 
#eventCalendarWrap .eventDescription a:link,
#eventCalendarWrap .eventDescription a:active,
#eventCalendarWrap .eventDescription a:visited	{ text-decoration:none; color:#666; }
#eventCalendarWrap .eventDescription a:hover	{ text-decoration:underline; }
#eventCalendarWrap .eventDescription div		{ float:left; display:inline; padding:10px 0; }
#eventCalendarWrap .eventDescription .date		{ width:107px; }
#eventCalendarWrap .eventDescription .event		{ width:265px; font:bold 12px/16px arial, serif; color:#666; }
#eventCalendarWrap .eventDescription .time		{ width:100px; font:bold 12px/16px arial, serif; color:#666; }
#eventCalendarWrap .eventDescription .event span{ display:block; font:oblique 12px/16px arial, serif; color:#999; }
#eventCalendarWrap .eventDescription .location	{ width:214px; font:bold 12px/16px arial, serif; color:#666; }
#eventCalendarWrap .eventDescription .order		{ width:80px; padding:14px 0 10px 0; }
#eventCalendarWrap .eventDescription.first		{ background:none; margin:-60px 0 0 0; }
#eventCalendarWrap .eventDescription.last		{ background:url(../img/eventMonthBottom.gif) no-repeat 0 100%; border:0; padding:0 23px 5px 23px; }
#eventCalendarWrap .eventDescription .icon		{ font:bold 10/17px arial, serif; color:#fff; float:left; width:29px; height:36px; background:url(../img/dateBackground.gif) no-repeat; text-align:center; }
#eventCalendarWrap .eventDescription .icon span	{ font:bold 14px/19px arial, serif; color:#0061ae; }
#eventCalendarWrap .eventDescription .date img	{ float:left; display:inline; margin:12px 5px; }
#eventCalendarWrap .eventDescription.first.last	{ position:relative; top:10px;  padding:0 23px 15px 23px; }
#eventCalendarWrap .eventDescription			{ width:674px; }
/**** PERFORMANCE CALENDAR ***/

#performanceWrap								{ z-index:1; clear:both; width:720px; margin:0 -220px 20px 0; float:left; display:block; }
#performanceWrap .eventMonth					{ clear:both; margin:60px 0 0 0; padding:0 0 30px 0; float:left; display:inline; width:720px; background:url(../img/eventMonthTop.png) no-repeat; }
#performanceWrap .eventHeader					{ height:63px; position:relative; top:-40px; background:url(../img/eventMonthRight.png) no-repeat 100% 0; }
#performanceWrap .eventHeader h4				{ float:right; display:inline; padding:0 0 0 23px; margin:0 23px 0 0; background:url(../img/eventMonthLeft.png) no-repeat; height:40px; font:normal 18px/40px Times Roman, serif; color:#4e5432; }
#performanceWrap .eventHeader span				{ font:bold 11px/23px arial, serif; color:#4e5432; clear:both; position:absolute; top:40px; }
#performanceWrap .eventDescription				{ background:#fff; float:left; display:inline; padding:0 23px; border-bottom:1px solid #e5e5e5; }
#performanceWrap .eventDescription a, 
#performanceWrap .eventDescription a:link,
#performanceWrap .eventDescription a:active,
#performanceWrap .eventDescription a:visited	{ text-decoration:none; color:#666; }
#performanceWrap .eventDescription a:hover		{ text-decoration:underline; }
#performanceWrap .eventDescription div			{ float:left; display:inline; padding:10px 0; }
#performanceWrap .eventDescription.first		{ background:none; margin:-60px 0 0 0; }
#performanceWrap .eventDescription.last			{ background:url(../img/eventMonthBottom.gif) no-repeat 0 100%; border:0; padding:0 23px 5px 23px; }
#performanceWrap .eventDescription .icon		{ font:bold 10/17px arial, serif; color:#fff; float:left; width:29px; height:36px; background:url(../img/dateBackground.gif) no-repeat; text-align:center; }
#performanceWrap .eventDescription .icon span	{ font:bold 14px/19px arial, serif; color:#0061ae; }
#performanceWrap .eventDescription.first.last	{ position:relative; top:14px; padding:0 23px 15px 23px; }
#performanceWrap .eventHeader .performancedate			{ left:23px; }
#performanceWrap .eventHeader .performanceevent			{ left:130px; }
#performanceWrap .eventHeader .performancetime			{ left:148px; }
#performanceWrap .eventHeader .performancelocation		{ left:395px; }
#performanceWrap .eventDescription .performancedate		{ width:125px; }
#performanceWrap .eventDescription .performanceevent	{ width:265px; font:bold 12px/16px arial, serif; color:#666; }
#performanceWrap .eventDescription .performancetime		{ width:125px; font:bold 12px/16px arial, serif; color:#666; }
#performanceWrap .eventDescription .performancelocation	{ width:345px; font:bold 12px/32px arial, serif; color:#666; }
#performanceWrap .eventDescription .performanceorder	{ width:84px; padding:14px 0 10px 71px; margin:0; }
#performanceWrap .eventDescription						{ width:674px; }

/**** SEATING CHARTS ***/
#seatingWrap							{ padding:20px 20px 0 80px; }
#seatingWrap p							{ font:normal 14px/16px Times Roman, serif; color:#fff; }
#seatingWrap .memorialSections			{ position:relative; float:left; display:inline; margin:0; }
#seatingWrap .memorialSeating			{ float:left; display:inline; margin:-265px 0 0 290px; }
#seatingWrap .meymandiSections			{ position:relative; float:left; display:inline; margin:-33px 0 0 0; }
#seatingWrap .meymandiSeating			{ float:left; display:inline; margin:-188px 0 0 290px; }
#seatingWrap .fletcherConcertHall		{ position:relative; float:left; display:inline; margin:-56px 0 0 0; }
#seatingWrap .campusMap					{ float:left; display:inline; margin:-130px 0 0 290px; }