/*========= FRAMEWORK =========*/

		* {
			padding: 0;
			margin: 0;
		}
	
		body {
			font-family: Helvetica, Arial;
			font-size: 12px;
			line-height: 15px;
			text-align: center;
			color: #222222;
			background-color: #ffffff;
			background-repeat: repeat-x;
			background-image: url(/site-images/bkgnd.gif);
			background-position: left top;
		}
		
		#wrapper {
			text-align: left;
			width: 920px;
			display: table;
			margin: 0 auto;
		}
		
		#content {
			width: 100%;
			margin-bottom: 40px;
			display: block;
			z-index: 20;
			min-height: 500px;
			height:auto !important;
			height:500px;
		}
		
		a {
			color: #DE4300;
		}
		
		p {
			padding-top: 5px;
			margin-bottom: 9px;
		}
		
		ul {			
			list-style: none;
		}
		
		ul.list {
			list-style: circle;
			list-style-position: outside;
			padding-left: 30px;
			margin-top: 10px;	
		}
		
		.columns ul {
			list-style: circle;
			list-style-position: outside;
			padding-left: 30px;
			margin-top: 10px;	
		}
		
		.columns {
			padding-left: 10px;
		}
		
		.columns h3 {
			margin-left: 0;
		}
		
		
		ul.list li {
			margin-bottom: 10px;
			
		}
		
		#wimpyButtonBridgeTarget {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 10;
		}



	/*========= LINKS =========*/
		
		#links {
			width: 920px;
			display: block;
			height: 52px;
			z-index: 100;
		}
		
		#links li.main {
			float: left;
			border-left: 1px #dddddd solid;	
			height: 52px;
			z-index: 100;
		}
		
		#links li.first {
			border-left: none;
			z-index: 100;
		}
		
		#links li a.main {
			padding: 16px 22px 14px 22px;
			color: #222222;
			text-decoration: none;
			font-weight: bold;
			display: block;
			border-top: 7px #dd4200 solid;
			z-index: 100;
		}
		
		#links li a:hover.main {
			background-color: #ebebeb;
			z-index: 100;
		}



	/*========= HEADER =========*/
	
		#header {
			position: relative;
			width: 100%;
			height: 100px;
			margin-bottom: 20px;
			display: block;		
			z-index: 10;	
		}
	
		#logo {
			left: 10px;
			bottom: 0;
			position: absolute;
			z-index: 10;
		}
		
		#title {
			right: 10px;
			bottom: 0;
			position: absolute;
			z-index: 10;
		}



	/*========= BANNER =========*/
	
		#banner {
			width: 100%;
			height: 270px;
			margin-bottom: 20px;
			position: relative;
			overflow: hidden;
			z-index: 20;
		}
		
		#banner img {
			z-index: 20;
		}
		
		#banner a {
			text-decoration: none;
		}
		
		#banner .overlay {
			bottom: 0;
			left: 0;
			z-index: 40;
			position: absolute;
		}
		
		#banner .caption {
			line-height: 12px;
			color: #ffffff;
			font-size: 10px;
			font-weight: bold;
			bottom: 8px;
			left: 12px;
			z-index: 46;
			position: absolute;
		}
		
		#banner .caption i {
			font-weight: normal;
		}
		
		#banner .credit {
			color: #ffffff;
			font-size: 9px;
			top: 10px;
			right: 12px;
			z-index: 46;
			position: absolute;
		}
		
		#banner .link {
			color: #ffffff;
			font-weight: bold;
			bottom: 12px;
			right: 12px;
			z-index: 46;
			position: absolute;
		}



	/*========= FRONT PAGE CONTENT =========*/
	
		#column-1 h2, #column-2 h2 {
			font-family: Georgia, serif;
			font-size: 20px;
			font-weight: normal;
			margin-bottom: 10px;
			padding: 10px 12px 10px 10px;
			color: #000000;
			background-color: #f3f3f3;
			border-bottom: 1px solid #e5e5e5;
			position: relative;
		}
		
		h2 a {
			font-family: Helvetica, Arial;
			font-size: 10px;
			font-weight: bold;
			text-decoration: none;
			position: absolute;
			right: 12px;
			top: 12px;
		}
		
		h2 a:hover {
			text-decoration: underline;
		}
		
		h3 {
			font-family: Helvetica, Arial;
			font-size: 14px;
			font-weight: bold;
			color: #666666;
			margin: 30px 0 15px 10px;
		}
		
		ul#symposium h3 {
			margin: 0;
		}
		
		h3 i {
			font-weight: normal;
			display: block;
		}
		
		h3.section {
			font-size: 16px;
			color: #808080;
			margin-top: 40px;
			padding-bottom: 10px;
			border-bottom: 1px solid #e5e5e5;
			width: 100%;
		}
	
		#column-1 {
			width: 430px;
			margin-right: 20px;
			float: left;
		}
	
		#column-1of1 h3 {
			margin-left: 0;
		}
	
		#column-1of1 {
			padding-left: 10px;
			width: 900px;
		}
	
		#column-1of2 {
			width: 63%;
			padding-left: 10px;
			float: left;
		}
	
		#column-2of2 {
			width: 30%;
			float: right;
		}
	
		#column-1of2 h3, #column-2of2 h3 {
			margin: 0 0 15px 0;
		}
	
		#column-1of2 i, #column-1of2 em {
			font-family: Georgia, serif;
			font-style: italic;
		}
	
		#column-1of2 ul {
			padding-left: 20px;
			margin: 20px 0;
			list-style-type: circle;
		}
	
		#column-1of2 li {
			margin-bottom: 20px;
		}
		
		#column-1of2 .link-list ul, #column-2of2 .link-list ul {
			display: table;
			margin-bottom: 40px;
			width: 100%;
		}
		
		#column-1of2 .link-list i, #column-2of2 .link-list i, #column-1of2 .link-list em, #column-2of2 .link-list em {
			font-family: Georgia, Times, serif;
		}
		
		#column-1of2 .link-list li, #column-2of2 .link-list li {
			margin-bottom: 10px;
		}
		
		#column-1of2 .link-list a, #column-2of2 .link-list a {
			font-weight: bold;
			margin-right: 4px;
			display: block;
		}
		
		#block {
			margin-bottom: 20px;
			padding: 10px 10px 5px 10px;
			background-color: #f3f3f3;
			border: 1px solid #e5e5e5;
		}
	
		#column-1 blockquote {
			font-family: Georgia, serif;
			font-size: 14px;
			font-weight: normal;
			text-align: center;
			margin-bottom: 5px;
			padding: 12px 0;
			color: #ffffff;
			background-color: #EB8D21;
			border: 1px solid #EEC698;
		}
		
		#symposium li {
			border-bottom: 1px solid #DE4300;
			text-align: center;
		}
		
		#symposium li a {
			padding: 16px 0;
			display: block;
			color: inherit;
			text-decoration: none;
		}
		
		#symposium li a:hover {
			background-color: #f3f3f3;
		}
		
		#symposium li.first {
			border-top: none;
		}
		
		#symposium h3 {
			font-size: 13px;
			font-weight: normal;
			margin-bottom: 0;
			color: #DE4300;
		}
		
		#symposium b {
			display: block;
			margin-top: 5px;
			font-weight: bold;
			font-size: 16px;
			color: #000000;
		}
		
		#symposium small {
			display: block;
			font-weight: bold;
			font-size: 14px;
			color: #808080;
		}
		
		#symposium i {
			display: block;
			margin-top: 8px;
			font-size: 16px;
			color: #222222;
		}
	
		#column-2 {
			width: 470px;
			float: left;
		}
	
		#column-2 p {
			padding-left: 10px;
		}
		
		#subcol-1 p, #subcol-2 p {
			padding-right: 10px;
		}
		
		#subcol-1 {
			position: relative;
			width: 225px;
			height: 320px;
			margin-top: 15px;
			float: left;
			border: 1px solid #CCCCCC;
			font-size: 11px;
			line-height: 14px;
			padding-bottom: 30px;
			overflow: hidden;
		}
		
		#subcol-2 {
			position: relative;
			width: 225px;
			height: 320px;
			margin-top: 15px;
			float: right;
			border: 1px solid #CCCCCC;
			font-size: 11px;
			line-height: 14px;
			padding-bottom: 30px;
			overflow: hidden;
		}
		
		#subcol-1 h2, #subcol-2 h2 {
			font-size: 17px;
			line-height: 19px;
		}
		
		#subcol-1 h4, #subcol-2 h4 {
			font-size: 13px;
			padding-left: 10px;
		}
		
		#subcol-1 small, #subcol-2 small {
			display: block;
			font-size: 10px;
			margin-top: 4px;
			margin-bottom: 4px;
		}
		
		#subcol-1 a.link, #subcol-2 a.link {
			position: absolute;
			bottom: 0;
			left: 0;
			display: block;
			width: 225px;
			color: #ffffff;
			font-weight: bold;
			font-size: 11px;
			text-decoration: none;
			background-color: #DE4300;
			padding: 4px 10px;
		}
		
		.photo {
			margin: 8px 0;
			padding: 5px;
			border: 1px solid #e5e5e5;
		}
		
		.inset {
			margin: 0 0 10px 12px;
			padding: 5px;
			border: 1px solid #e5e5e5;
			float: right;
		}
		
		#inset-left {
			margin: 0 12px 10px 0;
			padding: 5px;
			border: 1px solid #e5e5e5;
			float: left;
		}

		.first.column {
			margin-right: 3%;
			display: table;
		}
	
		#recording-box h3 {
			margin-top: 10px;
		}
	
		#recording-box h3 i {
			font-size: 12px;
			margin-top: 4px;
		}
	
		#recording-box {
			margin-bottom: 30px;
			margin-right: 20px;
			width: 280px;
			height: 400px;
			border: 2px solid #e5e5e5;
			float: left;
			position: relative;
		}
	
		#recording-box-content {
			padding: 15px;
		}
	
		#recording-box a.link {
			margin-top: 20px;
			font-weight: bold;
			position: absolute;
			bottom: 20px;
			left: 15px;
		}


	/*========= ABOUT HELICON =========*/
	
		h1 {
			font-family: Georgia, serif;
			font-size: 20px;
			font-weight: normal;
			margin-bottom: 30px;
			padding: 10px 12px 10px 10px;
			color: #000000;
			background-color: #f3f3f3;
			border-bottom: 1px solid #e5e5e5;
			position: relative;
		}
		
		h1 #navigation {
			padding-bottom: 4px;
			font-size: 14px;
			position: absolute;
			right: 12px;
			top: 12px;
		}
		
		h1 #navigation a {
			color: #999999;
			text-decoration: underline;
		}
	
		#symposium-box {
			margin-bottom: 30px;
			width: 445px;
			height: 420px;
			border: 2px solid #e5e5e5;
			position: relative;
		}
		
		#symposium-box.left {
			float: left;
		}
		
		#symposium-box.right {
			float: right;
			clear: right;
		}
	
		#symposium-box-content {
			padding: 20px;
		}
		
		#symposium-box h1 {
			font-family: Helvetica, Arial;
			font-size: 14px;
			font-weight: bold;
			color: #ffffff;
			background-color: #DE4300;
			margin-bottom: 0;
		}
	
		#symposium-box h2 {
			font-size: 16px;
		}
	
		#symposium-box h3 {
			font-size: 16px;
			margin: 5px 0 14px 0;
			font-weight: normal;
			font-style: italic;
		}
	
		#symposium-box ul {
			border-bottom: 1px solid #e5e5e5;
			font-weight: bold;
			margin-bottom: 15px;
		}
	
		#symposium-box li {
			padding: 5px 10px;
			border-top: 1px solid #e5e5e5;
		}
	
		#symposium-box-content #box-links {
			margin-top: 20px;
			font-weight: bold;
			position: absolute;
			bottom: 20px;
			left: 20px;
		}
		
		#content-block {
			padding: 40px 0;
		}
		
		#intro-block {
			text-align: left;
			padding: 30px 0 30px 10px;
		}
		
		#intro-block.gallery {
			text-align: center;
			padding: 20px 0 10px 0;
		}
		
		#intro-block h1 {
			font-family: Helvetica, Arial;
			font-size: 20px;
			line-height: 24px;
			margin-bottom: 0;
			font-weight: bold;
			color: #DE4300;
			border: none;
			background-color: #ffffff;
			padding: 0;
		}
	
		#intro-block h2 {
			font-size: 16px;
			color: #333333;
			margin-top: 5px;
			margin-bottom: 20px;
			font-weight: normal;
			font-style: italic;
		}
	
		#intro-block h3 {
			font-size: 18px;
			font-weight: normal;
			color: #808080;
			padding: 0 0 10px 0;
			width: 100%;
			margin: 0;
		}
		
		#intro-block blockquote {
			font-family: Georgia, serif;
			font-size: 16px;
			color: #333333;
			line-height: 19px;
			margin-bottom: 20px;
		}
		
		#intro-block blockquote i {
			font-style: italic;
			margin-top: 10px;
			display: block;
		}
		
		#symposium-program {
			width: 100%;
		}
		
		#symposium-program div.program {
			width: 610px;
			float: left;
		}
		
		#symposium-program div.notes {
			width: 260px;
			margin-right: 10px;
			float: right;
		}
		
		#symposium-program h3 {
			font-size: 16px;
			color: #808080;
			padding: 0 0 10px 10px;
			border-bottom: 1px solid #e5e5e5;
			width: 100%;
			margin: 0;
		}
		
		#pages h4 {
			font-weight: normal;
			font-size: 12px;
			margin: 0 0 20px 10px;
		}
		
		#pages h4 b {
			color: #333333;
		}
		
		ul#program-entries {
			margin: 0 10px;
			width: 100%;
			
		}
		
		ul#program-entries li {
			margin: 20px 0 35px 0;
			padding: 0 10px 0 0;
			display: table;
			width: 100%;
		}
		
		ul#program-entries li.center {
			text-align: center;
			font-style: italic;
		}
		
		ul#program-entries .title {
			float: left;
		}
		
		ul#program-entries .movements {
			margin-left: 20px;
			font-style: normal;
			display: block;
		}
		
		ul#program-entries .movements p {
			margin: 0;
			padding: 0;
		}
		
		ul#program-entries .composer {
			float: right;
			text-align: right;
		}
		
		#symposium-program .notes {
			margin: 0 0 0 10px;
		}
		
		#symposium-program .notes ul {
			margin: 20px 0 60px 0;
			padding: 0 0 0 10px;
			display: table;
			width: 100%;
		}
		
		#symposium-program .notes ul.big li {
			font-size: 14px;
			margin-bottom: 10px;
		}
		
		#symposium-program .notes a {
			font-weight: bold;
			margin-right: 4px;
		}
	
		#column-66 {
			width: 590px;
			float: left;
		}
	
		#column-33 {
			width: 280px;
			float: right;
		}
	
		#column-66 h3, #column-33 h3 {
			font-size: 16px;
			color: #808080;
			padding-bottom: 10px;
			border-bottom: 1px solid #e5e5e5;
			margin: 0 0 15px 0;
			width: 100%;
		}
	
		#column-66 h4, #column-33 h4 {
			font-size: 14px;
			margin-top: 15px;
			margin-bottom: 4px;
			display: block;
		}
	
		#column-66 h4 i, #column-33 h4 i {
			font-weight: normal;
			margin-top: 4px;
			display: block;
		}
		
		#column-66 ul {
			margin: 10px 0 30px 0;
			list-style: circle;
			padding-left: 30px;
		}
		
		#text-block {
			margin-bottom: 60px;
		}
		
		#text-block h3 {
			margin: 25px 0 10px 10px;
		}
		
		


	/*========= RECORDINGS =========*/
		
		#content-block {
			padding: 0 10px;
		}
		
		#content-block h3 {
			margin-left: 0;
		}
		
		#content-block blockquote {
			font-family: Georgia, serif;
			font-size: 14px;
			color: #333333;
			line-height: 19px;
			margin: 40px 0;
			padding: 10px 20px;
			border-top: 4px double #e5e5e5;
			border-bottom: 4px double #e5e5e5;
		}
		


	/*========= NEWS =========*/
	
		#audio-block table {
			width: 100%;
		}
		
		#audio-block tr.header td {
			padding: 3px 10px;
			background-color: #f3f3f3;
			border-top: none;
			border-bottom: 1px solid #e5e5e5;
			font-size: 10px;
			font-weight: bold;
		}
		
		#audio-block td {
			padding: 14px 10px 10px 10px;
			border-top: 1px solid #e5e5e5;
		}
		
		#audio-block td.first {
			border-top: none;
		}
	
		#audio-block td.spacer {
			display: table-row;
			height: 30px;
		}
	
		#audio-block th {
			font-family: Helvetica, Arial;
			font-size: 14px;
			font-weight: bold;
			color: #ffffff;
			background-color: #DE4300;
			padding: 7px 10px;
			border: 1px solid #e5e5e5;
		}
		
		.ensemble p {
			font-size: 11px;
		}
		
		
		
	/*========= HISTORICAL ==========*/
	
		#historical-symposium-box {
			margin-bottom: 10px;
			width: 100%;
			border: 2px solid #e5e5e5;
			display: table;
		}
		
		#historical-symposium-box h2 {
			width: 200px;
			font-family: Helvetica, Arial;
			font-size: 14px;
			font-weight: bold;
			color: #ffffff;
			background-color: #DE4300;
			float: left;
			padding: 8px 12px;
		}
		
		#historical-symposium-box h2 i {
			font-weight: normal;
		}
		
		#historical-symposium-box li {
			width: 120px;
			float: left;
			margin: 8px 0 0 30px;
		}
		
		#historical-symposium-box li a {
			float: left;
		}
		
		#historical-symposium-box li img {
			float: left;
			padding: 0 0 0 4px;
		}



	/*========= NEWS =========*/
		
		#news #section {
			border: 1px solid #e5e5e5;
			display: table;
			margin: 0 0 30px 0;
			padding: 0 0 15px 0	;
			width: 100%;
			float: right;
		}
		
		#news #column-66 h3 i {
			font-size: 12px;
			margin-bottom: 2px;
		}
		
		#news #column-66 h4 {
			font-size: 11px;
			margin-top: 40px;
		}
		
		#news #section h3 {
			margin-bottom: 10px;
			padding: 10px 12px 10px 10px;
			color: #000000;
			background-color: #f3f3f3;
			border-bottom: 1px solid #e5e5e5;
			width: 280px;
		}
		
		#news #section a {
			margin-left: 10px;
		}
		
		#news img {
			margin: 12px;
			padding: 5px;
			border: 1px solid #e5e5e5;
		}
		
		#news-entry.first {
			border-top: 0;
			padding-top: 0;
		}
		
		#news-entry {
			margin-bottom: 100px;
			padding-top: 20px;
			padding-left: 10px;
			border-top: 6px solid #777777;
		}
		
		#pagination {
			display: table;
			border: 1px solid #cccccc;
		}
		
		#pagination b {
			margin: 10px;
		}
		
		
		
		
		
	/*========= AF ARTICLES =========*/
		
		#af-article-header {
			background-color: #f3f3f3;
			border: 1px solid #e5e5e5;
			border-bottom: none;
			font-weight: bold;
			font-size: 13px;
			height: 30px;
		}
		
		#af-article-header .article-title {
			float: left;
			font-size: 13px;
			display: block;
			margin: 8px 15px;
		}
		
		#af-article-header .article-link {
			float: right;
			font-weight: normal;
			font-size: 13px;
			display: block;
			margin: 8px 15px;
		}
		
		#af-article {
			border: 1px solid #e5e5e5;
			margin-bottom: 0;
			padding: 15px 15px 10px 15px;
			display: block;
			margin-bottom: 30px;
		}
		
		#af-article i {
			font-family: Georgia, serif;
			font-style: italic;
		}
		
		#af-article h3 {
			margin-top: 0;
		}
		
		#af-article h3 i {
			font-family: inherit;
			font-size: 11px;
			margin-top: 5px;
		}
		



	/*========= PHOTO GALLERY =========*/
		
		#photos img {
			margin: 0 5px 8px 0;
			padding: 5px;
			border: 1px solid #e5e5e5;
			float: left;
		}
		
		#pagination {
			clear: both;
			padding: 10px 0;
		}
		
		#photosets #setimage {
			margin: 12px 0 12px 25px;
			border: 1px solid #e5e5e5;
			width: 150px;
			height: 150px;
			overflow: hidden;
		}
		
		#photosets #set {
			width: 200px;
			height: 220px;
			float: left;
			text-align: center;
		}
		
		


	/*========= LISTEN =========*/
	
		#audio-box {
			margin-bottom: 30px;
			width: 100%;
			height: 150px;
			border: 2px solid #e5e5e5;
			display: table;
		}
		
		#audio-box-content {
			width: 80%;
			height: 150px;
			border-right: 1px solid #e5e5e5;
			padding: 10px;
			float: left;
		}
		
		#audio-box h1 {
			font-size: 16px;
			margin: 0;
		}
		
		#audio-box h3.first {
			margin-top: 0;
		}
		
		#audio-box h3 {
			margin: 15px 0 5px 0;
		}
		
		#audio-box h4 {
			font-size: 14px;
			margin-bottom: 10px;
		}
		
		#audio-box h5 {
			font-size: 12px;
			margin: 20px 0 2px 0;
		}
		
		#audio-box img {
			margin: 65px 65px 60px 0;
			float: right;
		}
		


	/*========= FOOTER =========*/
	
		#footer {
			margin-top: 40px;
			padding: 14px 0 250px 0;
			color: #ffffff;
			font-size: 11px;
			font-weight: bold;
			clear: left;
			background-color: #808080;
		}
			
		#copyright {
			width: 500px;
			float: left;
		}
			
		#address {
			text-align: right;
			width: 420px;
			float: right;
		}