/**::Stylesheet Organization and Search Tips:
***********************************************
	1. Site Style Comments
	2. Site-Specific HTML Defaults [siteDef]
		a. [siteDef] Typography
		b. [siteDef] Positioning
		c. [siteDef] Appearance
		d. [siteDef] Behavior
	3. Generic Classes [genClass]
		a. [genClass] Typography
		b. [genClass] Positioning
		c. [genClass] Appearance
		d. [genClass] Behavior
	4. Section #IDs [secIDs]
		a. [secIDs] Typography
		b. [secIDs] Positioning
		c. [secIDs] Appearance
		d. [secIDs] Behavior
		e. [secIDs] _shared
			a. {_shared}#pageID
		f. [secIDs]#sectionID {sectionID}
			a. {sectionID}#pageID
			
	Search Tips:
		1. Searching via use of the [*flag*] will bring you first to the declaration of that section,
			repeated searching will bring you to sub-sections within it. ex. [siteDef]
		2. Searching via use of [*flag*] and (Typography, Positioning, Appearance, or Behavior) will bring you
			directly to that sub-section. ex. [siteDef] Typography
		3. Searching via use of {*sectionID*} will bring you directly to that content section. ex. {cart}
		4. Searching via use of #pageID will bring you directly to that page. ex. #cartContents
*/

/**::Site Design Guidelines
***********************************************
Primary Colors for this applications: 
Default font color: white;

Site Dimensions: 
OuterContainer: 950px;
InnerContainer: 950 - 15px padding on each side = 920px;
Height on both: Dynamic to content size + 11px padding on top and bottom.

/**::Begin Site-Specific HTML Defaults [siteDef]
***********************************************/
	
	/*[siteDef] Typography
	**********************/
		body {
			font-family: Verdana, Geneva, sans-serif;
			color: white;
			height: 1200px;
			background: url(../images/body/background_green.jpg) repeat-y fixed top center;
		}
		
		li,h1,h2,h3,h4,h5,h6,input,textarea,p,th,td {
			font-size: .7em;
		}
		
		p input, p select {
			font-size: 100%;
		}
		
		p textarea {
			font-size: 120%;
		}
		
		/*Mainly for IE: Set the line height to force li to appear similarly to FireFox*/
		li {
			line-height: 1.1em;
		}
	
		a, a:hover, a:visited, a:active, a:link {
			text-decoration: none;
		}
	
	/*[siteDef] Positioning
	***********************/
		ul {
			margin: 0em;
		}
	
		label {
			display: block;
			margin-bottom: .25em;
		}
	
		label.horizontal {
			display: inline;
			margin: 0em .5em 0em 0em;
		}
	
	/*[siteDef] Appearance
	**********************/
		div {
			zoom: 1;
		}
	
		ul li {
			list-style: none;
		}
	
	/*[siteDef] Behavior
	*******************/

/**End Site-Specific HTML Defaults::
***********************************/

/*::Begin Generic Classes [genClass]
***********************************/

	/*[genClass] Typography
	***********************/
		#tooltip.blackText {
			color: black;
		}
		
		p span.pHeading,
		label.header {
			font-weight: bold;
		}
	
	/*[genClass] Positioning
	************************/
		div#outerContainer {
			/*background-color: #676A64;*/
			/*Margin left and right set to auto centers the div when the div has a width set on it*/
			margin-left: auto;
			margin-right: auto;
			/*Width and height values calculated off of PDF example and a screen DPI of 96 (Should only matter for initial measurement)*/
			width: 948px;
			position: relative;
			/*Set the padding here instead of a margin on the innerContainer so the spacing is applied correctly.
			We need to remove a total of top and bottom padding from the height however to compensate.*/
			padding: 11px 0px 11px 0px;
			background: url(../images/body/outer_container_background.png) repeat-y;
		}
			
		div#innerContainer {
			/*Set margins based off of the PDF example (Left and right, top and bottom are handled via outerContainer padding)*/
			margin: 0px 15px 0px 15px;
			/*Make the height of the div the outerContainer's width - top and bottom padding*/
			height: 100%;
			/*background-color: #2A2B28;*/
			background: url(../images/body/inner_container_background.png) repeat-y;
		}
		
		ul.horizontal-list {}
		
		ul.horizontal-list li {
			float: left;
			margin-right: .5em;
			color: white;
		}

		ul.horizontal-list li.last-child {
			margin-right: 0em !important; /*This li may be redefined by an ID down below somewhere. This should remain the same.*/
		}

		ul.horizontal-list li a {
			color: inherit;
		}

		ul.numbered-list {
			margin-left: 2em;
		}

		ul.numbered-list li {
			list-style: decimal;
			margin-bottom: .5em;
		}

		div.clearFix, div.emptyDivClearFix {
			clear: both;
		}

		div.emptyDivClearFix {
			zoom: 0; /*Mainly for IE, turns off zoom:1 for empty divs which stops a blank block from appearing*/
		}

	/*[genClass] Appearance
	***********************/
		div.zoomOn {
			zoom: 1;
		}
		
		div.zoomOff {
			zoom: 0;
		}
		
	/*[genClass] Behavior
	********************/
		
/*End Generic Classes::
**********************/

/*::Begin Section IDs [secIDs]
*****************************/

	/*[secIDs] Typography
	********************/
	
	/*[secIDs] Positioning
	*********************/
	
	/*[secIDs] Appearance
	********************/
	
	/*[secIDs] Behavior
	******************/

	/*[secIDs] _shared {shared}
	**************************/

		/*{shared}#header
		****************/
			div#header {
				/*background-color: #676A64;*/
			}
			
			div#header div#CSOHeaderImage {
				height: 81px; /*Image Height (92px) - outer container top pad (11px)*/
				float: left;
			}
			
			div#header div#infoLinksAndSearch {
				float: right;
				margin-right: 2em;
			}
			
			div#header div#infoLinksAndSearch ul {
				float: right;
			}
			
			div#header div#infoLinksAndSearch div.searchForm {
				float: right;
				margin-top: 1em;
				text-align: right;
				position: relative;
			}
			
			div#header div#infoLinksAndSearch div.searchForm div.buyTickets {
				width: 95px;
				line-height: 25px;
				float: left;
				text-align: center;
				font-weight: bold;
				margin-right: 1em;
			}
			
			div#header div#infoLinksAndSearch div.searchForm div.buyTickets p {
				margin-bottom: 0em;
			}
			
			div#header div#infoLinksAndSearch div.searchForm div.buyTickets a {
				background-color: black;
				color: #70FFDF;
				display: block;
			}
			
			div#header div#infoLinksAndSearch div.searchForm div.buyTickets a:hover {
				color: white;
			}
			
			div#header div#infoLinksAndSearch div.searchForm form,
			div#header div#infoLinksAndSearch div.searchForm input.buyTickets {
				float: left;
			}
			
			div#header div#infoLinksAndSearch div.searchForm input.buyTickets {
				margin-right: 1em;
			}
			
			div#header div#infoLinksAndSearch div.searchForm input.searchField {
				height: 21px; /*This should match the height of the 'go' image - the top and bottom border*/
				font-size: 1em;
				color: #999;
			}
			
			ul#infoLinks li {
				margin-right: .25em;
			}
			
			ul#infoLinks li a {
				color: #70FFDF;
				font-weight: bold;
			}
			
			ul#infoLinks li a:hover {
				text-decoration: underline;
			}
			
		/*{shared}#headerMenu
		********************/
			div#headerMenu {
				background: url(../images/body/inner_container_background.png) repeat-y;
				margin: 0 15px;
			}
			
			ul#headerMenu {
				width: 100%; /*Width of 100% so the bar goes all the way across, and the last child is against the wall*/
			}
			
			ul#headerMenu li.menuHeader {
				margin: 0em;
				position: relative; /*Allows for the subMenu under this ul to adjust to full width*/
				line-height: 51px; /*Set the line height of the LIs for the headers*/
				z-index: 30;
			}
			
			ul#headerMenu li.last-child {
				float: right;
				border-left: 2px solid #949393;
				/*The last child does not have an a tag to space off of. Define it here on the LI*/
				padding: 0px 1.5em 0px 1.5em;
				line-height: 51px; /*Set the line height of the LIs for the headers*/
			}

			ul#headerMenu li.last-child span {
				cursor: default;
			}

			/*The text resizing links*/
			ul#headerMenu li.last-child span.smallA {
				line-height: 1em;
				font-size: 90%;
			}
			
			ul#headerMenu li.last-child span.middleA {
				line-height: 1em;
				font-size: 130%;
			}
			
			ul#headerMenu li.last-child span.largeA {
				line-height: 1em;
				font-size: 170%;
			}
			
			ul#headerMenu li.last-child:hover {
				background-color: transparent;
			}
			
			ul#headerMenu li.menuHeader a {
				display: block;
				padding: 0em 1.5em 0em 1.5em; /*This margin is the left and right spacing in the headerMenu*/
				color: white;
				font-weight: bold;
			}
			
			ul#headerMenu li.menuHeader a.menuHover {
				background-color: white;
				color: #666666;
			}
			
			ul#headerMenu li:hover, ul#headerMenu li.current {
				background-color: white;
			}
			
			ul#headerMenu li:hover a, ul#headerMenu li.current a {
				color: #666666;
			}
			
			ul#headerMenu ul.subMenu {
				display: none;
				position: absolute;
				border: 1px solid white;
				background-color: white;/*#2A2B28; This is the background color for the submenu*/
				padding: .75em 0em .75em 0em;
			}
	
			ul#headerMenu ul.subMenu li {
				display: block;
				white-space: nowrap;
				padding: .25em 1.5em .25em 1.5em;
				margin: 0em;
				width: 100%;
				font-size: 100%;
				position: relative;
			}
			
			ul#headerMenu ul.subMenu li:hover {
				background-color: transparent;
			}
			
			ul#headerMenu ul.subMenu li a {
				color: #666;
				margin: 0em; padding: 0em;
				font-weight: bold;
				display: inline;
			}
			
			ul#headerMenu ul.subMenu li a:hover {
				text-decoration: underline;
			}
		
			ul#headerMenu ul.subMenu li ul.subMenu2 {
				width: 25px;
			}
		
			ul#headerMenu ul.subMenu2 li a {
				font-style: italic;
				font-weight: normal;
			}
		
			ul#headerMenu li.subMenuHeader span a {
				font-weight: bold;
			}
		
		/*{shared}#cookieTrail
		*********************/
			div#cookieTrail {
				font-family: Verdana, Geneva, sans-serif;
				text-transform: uppercase;
				font-weight: bold;
				background-color: white;
			}
		
			div#cookieTrail ul.horizontal-list {
				margin-left: 17px;
			}
		
			div#cookieTrail ul.horizontal-list li {
				line-height: 34px;
				color: black;
			}
		
			div#cookieTrail ul.horizontal-list li a:hover {
				text-decoration: underline;
			}
		
		/*{shared}#topCalendar
		*********************/
			div#topCalendar img.calendarSpacer {
				float: left;
			}
			
			div#topCalendar {
				height: 66px;
				overflow: hidden;
			}
			
			div#topCalendar div#months {
				margin-left: 15px;
				font-weight: bold;
			}
			
			div#topCalendar div#months p.monthDisplay {
				margin-top: 13px;
			}
			
			div#topCalendar div.topCalWeek ul.horizontal-list {
				margin: 16px 12px 0px 12px;
			}
			
			div#topCalendar div.topCalWeek ul.horizontal-list li {
				margin-right: .4em;
			}
			
			div#topCalendar div#months a {
				cursor: pointer;
			}
			
			div#topCalendar div#months p a.fullCalendar {
				color: #D9D9D9;
				font-weight: normal;
			}
			
			div#topCalendar div#months p a.fullCalendar:hover {
				text-decoration: underline;
			}
			
			div#topCalendar div.topCalWeek ul.horizontal-list {
				margin-top: .65em;
			}
			
			div#topCalendar div.topCalWeek p {
				font-size: 100%; /*100% of the containing object, stops font inheritance basically.*/
				font-weight: bold;
				line-height: 1.5em;
			}
			
			div#topCalendar div.topCalWeek p.date {
				font-weight: normal;
				color: #D9D9D9;
				cursor: default;
			}
			
			div#topCalendar div.topCalWeek p.date a:hover {
				background-color: #1F7ADF;
				cursor: pointer;
				display: block;
			}
			
			div#topCalendar div.topCalWeek p.today,
			div#topCalendar div.topCalWeek p a.today {
				color: #70FFDF;
			}
			
			div#topCalendar div.topCalWeek p.performance {
				background: url(../images/body/inner_container_background.png);
				/*background: #996666;*/
				cursor: default;
			}
			
			div#topCalendar div.topCalWeek p a {
				color: white;
			}
			
			div#topCalendar div#months, div#topCalendar div.topCalWeek {
				width: 151px;
				margin-right: 0px;
				float: left;
				height: 66px;
				text-align: center;
			}
			
			div#topCalendar div.last-child {
				margin-right: 0px;
			}

			div#topCalendar div#calendarWrapper {
				position: relative;
				overflow: hidden;
			}

			div#topCalendar div#weeksWrapper {
				position: relative;
				width: 100%;
			}
			
			div#topCalendar div#calendarWrapper div#calendarWrapPrevious,
			div#topCalendar div#calendarWrapper div#calendarWrapCurrent,
			div#topCalendar div#calendarWrapper div#calendarWrapNext {
				float: left;
				position: relative;
			}
			
		/*{shared}#imageSlider
		*********************/
			div#imageSliderWrap {
				color: black;
			}
		
			div#imageSliderWrap.stripViewer {
				margin: 0px 0px 16px 0px;
			}
		
			div#imageSliderWrap div.panel div.image,
			div#imageSliderWrap div.panel div.text {
				overflow: hidden;
				/*height: 350px;*/
				height: 287px;
				float: left;
				width: 50%;
			}
		
			div#imageSliderWrap div.panel div.text {
				width: 49.99%; /*Adjust this one down to just below 50% so IE does not push it down*/
			}
		
			div#imageSliderWrap div.panel div.text div.wrapper {
				margin: 0em 1em 0em 1em;
			}
		
			div#imageSliderWrap h2 {
				margin: .5em 0em 0em 0em;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: bold;
				font-size: 1.4em;
			}
			
			div#imageSliderWrap h3 {
				font-size: 1em;
				margin: 0em 0em .5em 0em;
			}
			
			div#imageSliderWrap p.slideDate, div#imageSliderWrap p.slideLink {
				font-family: Georgia, "Times New Roman", Times, serif;
				margin: 0em 0em 1em 1em;
				font-size: 1em;
				font-style: italic;
			}
			
			div#imageSliderWrap p.slideDate {
				margin-bottom: 0em;
			}
			
			div#imageSliderWrap p.slideDate.push-down {
				margin-bottom: 1em;
			}
			
			div#imageSliderWrap p.slideLink {
				margin: 0em 0em .5em 0em;
				font-size: 1em;
				font-style: normal;
			}
			
			div#imageSliderWrap p.moreDetails {
				margin: 2em 0em .5em 0em;
				font-style: normal;
				font-size: .85em;
			}
			
			div#imageSliderWrap p.moreDetails a {
				color: black;
			}
			
			div#imageSliderWrap p.slideLink a {
				color: black;
				font-style: italic;
			}
			
			div#imageSliderWrap p.slideLink a:hover,
			div#imageSliderWrap p.moreDetails a:hover 
			{
				text-decoration: underline;
			}
	
		/*{shared}#rsNav
		***************/
			div#rsNav div.navWrapper {
				margin-left: 1em;
			}
			
			div#rsNav ul {
				margin-left: 1em;
			}
			
			div#rsNav ul li {
				font-family: Verdana, Geneva, sans-serif;
				line-height: 11px;
				margin-bottom: .7em;
			}
	
			div#rsNav ul li a {
				color: #666666;
			}
	
			div#rsNav ul li a:hover {
				text-decoration: underline;
			}
	
	/*[secIDs]#splashContents {splashContents}
	*****************************************/
		/*These classes should be available no matter which section of the splashContents we're rendering*/
		div#splashContents {
			color: black;
		}
		
		div#splashContents div.splashPage {
			padding-bottom: 16px;
			background-color: white;
		}
		
		div#splashHeaderImages {
			position: relative;
			margin-bottom: 16px;
		}
		
		div#splashHeaderImages h1.splashHeaderText {
			position: absolute;
			top: 10px;
			left: 25px;
			color: white;
			margin: 0em;
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			font-size: 2.5em;
		}
		
		div#splashHeaderImages div.leftBar {
			position: absolute;
			left: 0;
			top: 0;
			width: 15px;
			height: 119px;
		}
		
		div#splashHeaderImages div.rightBar {
			position: absolute;
			right: 0;
			top: 0;
			width: 50px;
			height: 222px;
		}
		
		div#splashContents h2.subHeading {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			margin: 0px 0px 17px 0px;
			font-size: 1.1em;
			font-weight: normal;
		}
		
		div#splashContents div.body p,
		div#splashContents div.body ul li {
			font-family: Verdana, Geneva, sans-serif;
			line-height: 14px;
			color: #333333;
			margin-bottom: .75em;
		}
		
		div#splashContents div.body ul li {
			margin-bottom: .4em;
		}
		
		div#splashContents div.body ul li.last-child {
			margin-bottom: 0em;
		}
		
		div#splashContents div.body ul {
			margin-bottom: .75em;
			margin-left: 1.5em;
		}
		
		div#splashContents div.body ul li {
			list-style: circle;
		}
		
		div#splashContents h2.columnHeadline {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-style: italic;
			color: #E5E5E5;
			font-size: 1em;
		}
		
		div#splashContents a.columnLink {
			font-family: Verdana, Geneva, sans-serif;
			color: #E5E5E5;
		}
		
		div#splashContents a.columnLink:hover {
			text-decoration: underline;
		}
		
		div#splashContents a.iconLink {
			font-family: Verdana, Geneva, sans-serif;
			font-weight: bold;
			color: #333333;
		}
		
		div#splashContents a.iconLink:hover span {
			color: black;
			text-decoration: underline;
		}
		
		div#splashContents table {
			width: 100%; /*Assume they want a 100% table, if they don't they can override it*/
		}
		
		/*All tables within the splash contents area should have similar headings*/
		div#splashContents table th, h2.tableHeader {
			text-align: center;
			font-size: .8em;
			padding: 0em;
		}
		
		/*Make TH tags stand out*/
		div#splashContents table th {
			color: #999999;
		}
		
		/*Redefine the padding, .5 all around is huge.*/
		div#splashContents table td {
			padding: .25em 0em .25em 0em;
		}
		
		div#splashContents a {
			color: #666666;
		}
	
		div#splashContents a:hover {
			text-decoration: underline;
		}
		
		/*Same formatting everywhere there is a listing of performances*/
		div#splashContents table.performanceTable td, div#splashContents table.performanceTable th {
			border: 0px;
			text-align: left;
		}
		
		div#splashContents h3 {
			color: #666666;
			font-weight: bold;
			margin: 0em;
		}

		/*{splashContents}#artistdetail
		**********************************/
			div#artistdetail img#artistDetail {
				margin-bottom: 1.5em;
			}

		/*{splashContents}#buildsubscription
		***********************************/
			div#buildsubscription table td, div#buildsubscription table th {
				border: 0px;
				text-align: left;
			}
			
			div#buildsubscription h3 {
				text-align: center;
				text-decoration: underline;
				color: #666666;
			}
		
		/*{splashContents}#conductor
		***************************/
			div#conductor h3 span.celebrate {
				 color: #cc0033;
				 font-style: italic;
				 font-weight: bold;
				 text-decoration: underline;
			}
			
			div#conductor h3.title {
				font-style: italic;
			}
		
		/*{splashContents}#csoboard
		**************************/
			div#csoboard div.body {
				text-align: left;
			}
			
			div#csoboard h2.tableHeader {
				text-align: left;
			}
			
			div#csoboard table {
				width: 60%;
			}
			
			div#csoboard table.boardMembers {
				margin-bottom: 1em;
			}
			
			div#csoboard table.boardMembers td {
				width: 50%;
				padding: .25em;
				text-align: left;
			}
			
			div#csoboard table.honaryDirector td {
				text-align: center;
			}
			
			div#csoboard table.boardMembers th, div#csoboard table.boardMembers td {
				border: 0px;
				text-align: left;
			}
		
		/*{splashContents}#csocontactinfo
		********************************/
			div#csocontactinfo div.contactInfo {
				margin-bottom: 1em;
			}
			
			div#csocontactinfo div.contactInfo p {
				margin-bottom: 0em;
			}
			
			div#csocontactinfo table {
				width: 75%;
			}
			
			div#csocontactinfo table th {
				text-align: left;
			}
			
			div#csocontactinfo table th, div#csocontactinfo table td {
				border: 0px;
			}
		

		/*{splashContents}#csostaffinfo
		******************************/
			div#csostaffinfo img#staff-image {
				margin-bottom: 1.5em;
			}
		
		/*{splashContents}#currentnews
		*****************************/
			div#currentnews div.body img {
				float: right;
			}
		
			div#currentnews div.body div#news img,
			div#currentnews div.body div#news h2 {
				display: none;
			}
		
			div#currentnews div.body div#news ul li a {
				color: #666666;
			}
		
		/*{splashContents}#eventdetailhome
		*********************************/
			div#eventdetailhome {}
			
			div#eventdetailhome h2.subHeading {
				margin: 0em;
				font-size: 1.5em;
			}
		
			div#eventdetailhome p.date,
			div#eventdetailhome p.conductor {
				font-family: Verdana, Geneva, sans-serif;
				font-style: italic;
				font-size: .9em;
				margin: 0em;
				color: #333333;
			}
		
			div#eventdetailhome p.conductor {
				margin-bottom: 16px;
				color: #666666;
			}
		
			div#eventdetailhome p.conductor a {
				color: #666666;				
			}
		
			div#eventdetailhome p.conductor a:hover {
				text-decoration: underline;
			}

			div#eventdetailhome div#sponsorImages {
				margin: 0em;
			}
			
			div#eventdetailhome div#sponsorImages p {
				font-weight: bold;
			}

			div#eventdetailhome div#sponsorImages p.seriesBy {
				font-style: italic;
				font-weight: normal;
			}

		/*{splashContents}#eventprogramnotes
		***********************************/
			div#eventprogramnotes div.body p span{
				font-style: italic;
			}

		/*{splashContents}#events
		************************/
			div#events hr {
				margin: 1em 0em;
			}
		
			div#events div#sponsorImages {
				margin: 1em 0em 1em 0em;
				padding: .25em;
			}
			
			div#events div#sponsorImages p {
				font-weight: bold;
			}
		
		/*{splashContents}#faqs
		**********************/
			div#faqs h3 {
				font-weight: bold;
			}
		
			div#faqs p {
				margin-bottom: 1em;
			}
		
		/*{splashContents}#friendsofthecso
		*********************************/
			div#friendsofthecso h3 a:hover {
				text-decoration: none;
			}
		
		/*{splashContents}#getinvolvedwiththeguild
		*****************************************/
			div#getinvolvedintheguild ul li span {
				font-weight: bold;
			}
		
		/*{splashContents}#guestartistshome
		**********************************/
			div#guestartistshome ul.guestArtists li {
				margin-bottom: 1.5em;
			}
		
			div#guestartistshome ul.guestArtists li ul.performances {
				margin-left: 1em;
			}
			
			div#guestartistshome ul.guestArtists li ul.performances li {
				margin-bottom: .25em;
				font-size: 100%;
			}
		
		/*{splashContents}#guildboard
		****************************/
			div#guildboard div.body {
				text-align: center;
				width: 75%;
			}
			
			div#guildboard table {
				width: 100%;
			}
			
			div#guildboard table.guildDirectors {
				margin-bottom: 1em;
			}
			
			div#guildboard table.guildDirectors td {
				width: 50%;
				padding: .25em;
				text-align: left;
			}
			
			div#guildboard table.guildDirectors td span {
				margin-left: 1em;
			}
			
			div#guildboard table.guildDirectors th, table.guildDirectors td {
				border: 0px;
			}
		
			div#guildboard table.guildDirectors th.sectionHeader {
				text-align: left;
			}
		
		/*{splashContents}#guildeventdetail
		**********************************/
			div#guildeventdetail img {
				float: right;
			}
		
		/*{splashContents}#instrumentdescriptions
		****************************************/
			div#instrumentdescriptions ul {
				margin-bottom: 1em;
			}
			
			div#instrumentdescriptions div.instrumentLeft, div#instrumentdescriptions div.instrumentRight {
				clear: both;
				margin-bottom: 1em;
			}
			
			div#instrumentdescriptions div.instrumentLeft img,
			div#instrumentdescriptions div.instrumentLeftRight img.left {
				float: left;
				margin-right: 1em;
			}
			
			div#instrumentdescriptions div.instrumentRight img,
			div#instrumentdescriptions div.instrumentLeftRight img.right {
				float: right;
				margin-left: 1em;
			}
		
		/*{splashContents}#musicianbio
		*****************************/
			div#musicianbio h3.title {
				font-style: italic;
			}
		
			div#musicianbio div.body img {
				 float: right;
				 margin-left: 1em;
			}
		
		/*{splashContents}#performanceSurvey
		***********************************/
			div#performancesurvey div#successMessage,
			div#performancesurvey div#failMessage {
				display: none;
			}
		
			div#performancesurvey ul.numbered-list li {
				margin-bottom: 1.5em;
			}
			
			div#performancesurvey ul.numbered-list li input {
				margin: 1.5em .25em 0em .0em;
				vertical-align:text-bottom;
			}
			div#performancesurvey ul.numbered-list li label {
				margin-right: 1.5em;
			}		
			div#performancesurvey form#surveyForm p {
				margin-left: 1em;
			}
		
			div#performancesurvey div#surveyQuestions div.wrapper {
				margin: 1em 0em 0em 0em;
				width: 100%;
			}
		
			div#performancesurvey label.horizontal {
				margin-left: .15em;
			}
		
		/*{splashContents}#playforcsohome
		********************************/
			div#playforcsohome ul,
			div#playforcsohome div.contactInfo{
				margin-bottom: 1em;
			}
			
			div#playforcsohome div.contactInfo p {
				margin: 0em;
			}
		
		/*{splashContents}#pressreleasedetail
		************************************/
			div#pressreleasedetail div.body img {
				float: right;
			}
		
		/*{splashContents}#seatingcharts
		*******************************/
			div#seatingcharts div.body {
				text-align: left;
			}
		
		/*{splashContents}#sponsors
		**************************/
			div#sponsors div.sponsorList {
				text-align: center;
			}
		
			div#sponsors div.sponsorList p.seperator {
				margin-bottom: 0em;
			}
		
			div#sponsors h3 {
				text-align: center;
			}
		
		/*{splashContents}#studentfaq
		****************************/
			div#studentfaq p {
				margin-bottom: 1em;
			}
		
		/*{splashContents}#studentgeneralinfo
		************************************/
			div#studentgeneralinfo ul li {
				margin-bottom: .5em;
			}
		
		/*{splashContents}#subscriptioninfo
		**********************************/
			div#subscriptioninfo p {
				margin-bottom: 1em;
			}
		
		/*{splashContents}#ticketprices
		******************************/
			div#ticketprices table th, div#ticketprices table td {
				border: 0px;
				text-align: center;
			}
			
			div#ticketprices table th {
				padding: 2em 0em 0em 0em;
				text-align: left;
			}
		
		/*{splashContents}#tivoliconcessioninfo
		**************************************/
			div#tivoliconcessioninfo div.body img {
				float: right;
			}
		
		/*{splashContents}#tivolihistory
		*******************************/
			div#tivolihistory div.body div.imageLeft p, div#tivolihistory div.body div.imageRight p {
				margin: 0em;
				font-size: .55em;
			}
			
			div#tivolihistory div.body div.imageLeft {
				float: left;
				margin: 0em .5em .5em 0em;
			}
			
			div#tivolihistory div.body div.imageRight {
				float: right;
				margin: 0em 0em .5em .5em;
				text-align: right;
			}
		
		/*{splashContents}#welcome
		**************************/
			div#welcome {
				background-color: transparent;
				color: white;
			}
			
			div#welcome div.topBorder {
				border-color: white;
			}
			
			div#welcome div.left img {
				float: left;
				margin-right: 13px; /*Push the contents in from the image 13px*/
			}
			
			/*Same behavior as the event pages, but white.*/
			div#welcome a.iconLink, div#welcome a.iconLink:hover span {
				color: white;
			}
			
			div#welcome a.iconLink:hover {
				text-decoration: none;
			}
			
			div#welcome h1 {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.85em;
				font-weight: bold;
				margin: 0em; padding:0em;
				margin-top: 15px;
			}
	
			div#welcome div.rightMid div.wrapper {
				padding-left: 5px;
			}
	
			div#welcome div.rightMid div#news ul li,
			div#welcome div.rightMid div#pressRelease ul li {
				margin-bottom: 22px;
			}
	
			div#welcome div.rightMid div#news ul li.last-child,
			div#welcome div.rightMid div#pressRelease ul li.last-child {
				margin: 0px;
			}
	
			div#welcome div.rightMid div#news ul li img,
			div#welcome div.rightMid div#pressRelease ul li img {
				margin-right: 6px;
			}
	
			div#welcome div.rightMid div#news p,
			div#welcome div.rightMid div#pressRelease p {
				margin: 0em 0em 0em 1em;
			}
	
			div#welcome div.rightMid div.wrapper h2 {
				margin: 0em; padding:0em;
				margin: 17px 0px;
				font-weight: normal;
				font-size: 1em;
			}
	
			div#welcome div.rightMid div.wrapper p.allNews a {
				margin: 1em 0em 0em 0em;
				color: #E5E5E5;
			}
	
			div#welcome table#usefulLinks {
				margin: 0em;
			}
	
			div#welcome table#usefulLinks tr.image td {
				border: none;
				padding-bottom: 1em;
			}
	
			div#welcome table#usefulLinks tr.image td.left {
				padding-right: .75em;
			}
	
			div#welcome table#usefulLinks tr.last-element td {
				padding-bottom: 0em;
			}
	
			div#welcome table#usefulLinks tr.image td a.iconLink:hover {
				text-decoration: underline;
			}
	
	/*[secIDs]#footer
	*****************/
		div#footer {
			margin: 16px 17px 0px 17px;
			border-top: 1px dotted white;
			padding-bottom: 16px;
		}

		div#footer table#footerMenu {
			/*width: auto; The last-child float makes it expand to full width when this is auto*/
			padding: 0em;
			margin: 0em 0px 0em 7px;
			width: 70%;
			float: left;
		}

		div#footer table#footerMenu td.menuHeader {
			font-family: Verdana, Geneva, sans-serif;
			white-space: nowrap;
			border: none;
			vertical-align: top;
			padding: 10px 0px 0px 0px;
		}
		
		div#footer table#footerMenu td.menuHeader a {
			font-weight: bold;
			color: white;
			font-style: italic;
		}
		
		div#footer table#footerMenu td.menuHeader a:hover {
			text-decoration: underline;
		}
		
		div#footer div#footerContactInfo {
			float: right;
			width: 28%;
			margin-top: 10px;
		}
		
		div#footer div#footerContactInfo h4 {
			font-family: Verdana, Geneva, sans-serif;
			font-weight: bold;
			font-style: italic;
			margin-bottom: .3em;
		}
		
		div#footer div#footerContactInfo p {
			font-family: Verdana, Geneva, sans-serif;
			font-weight: normal;
			margin-bottom: .3em;
		}
		
		div#footer div#footer-sponsors {
			text-align: right;
			position: absolute;
			bottom: 2em;
			right: 2em;
		}
		
		div#footer div#footer-sponsors a {
			display: inline;
		}

		div#footer table#footerMenu td ul.subMenu li {
			font-family: Verdana, Geneva, sans-serif;
			padding: .25em 0em .25em 0em;
			margin: 0em;
			position: relative;
			font-size: 90%;
		}
		
		div#footer table#footerMenu td ul.subMenu li a {
			font-weight: normal;
			font-style: normal;
		}
		
		div#footer table#footerMenu td ul.subMenu li ul.subMenu2 {
			display: none;
			position: absolute;
			border: 1px solid black;
			padding: .5em;
			background-color: #2A2B28; /*This is the background color for the submenu*/
		}
		
		div#footer table#footerMenu td ul.subMenu li ul.subMenu2 li {
			font-size: 100%;
			background-color: #2A2B28; /*This is the background color for the submenu*/
			padding: .25em;
		}
/*End Section IDs::
******************/