/* ***************** */
/* ELEMENT SELECTORS */
/* ***************** */

body {
	margin: 0;
	padding: 0;
	background-color: #333;
	color: #999;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 20px;
}

a {
	color: rgb(147,188,229);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* This setup assumes that there will only be a single h1 and single h2 on each page */

h1 {
	height: 38px;
	overflow: hidden;
	margin: 0 0 36px 0;
	border-bottom: 1px solid rgb(73,73,73);
	background-image: url(/images/bg_heading_cwc.gif);
	background-repeat: no-repeat;
	background-color: #333;
	text-indent: -10000px;
}

h2, h3 {
	clear: both;
	height: 27px;
	overflow: hidden;
	margin: 19px 0 0 0;
	border-top: 1px solid rgb(62,62,62);
	border-bottom: 1px solid rgb(62,62,62);
	background-repeat: no-repeat;
	text-indent: -10000px;
}

p {
	margin-top: 1.667em;
}

ul {
	list-style-type: square;
	margin-bottom: 2em;
	margin-left: 0;
	padding-left: 0;
	line-height: 20px;
}

ol {
	margin-bottom: 2em;
	margin-left: 0;
	padding-left: 2em;
	line-height: 20px;
}

li {
	margin-left: 14px;
}

li h4 {
	display: inline;
}

object {
	display: block;
	margin-bottom: 1.333em;
	font-size: 10px;
}

object>a {
	position: relative;
	top: -3em;
}

sup {
	font-size: small;
	line-height: 1%;
	margin-top: -1em;
}

table {
	clear: left;
}

/* ************** */
/* COMMON OBJECTS */
/* ************** */

/* ...A better idea than littering 'width: 934px' and 'margin-left: 14px' all over the place */

#container {
	width: 934px;
	margin-left: 14px;
}

body.article #container {
	background-image: url(/images/bg_article.gif);
	background-color: white;
	color: #333;
	font-family: Georgia,Palatino,'Times New Roman',serif;
}

body.article h1 {
	margin-bottom: 19px;
	border-bottom: 0;
	padding-bottom: 81px;
}

body.article h2, body.article #container #bodyCopy .definitionSubheading {
	height: auto;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 26px;
	font-weight: normal;
	line-height: 32px;
	text-indent: 0;
}

body.article a {
	color: rgb(73,123,173);
}

#bodyCopy {
	float: left;
	width: 643px;
	margin-left: 17px;
	font-size: 13px;
}

* html #bodyCopy {
	margin-left: 7px;
}

body.article #bodyCopy {
	padding-bottom: 44px;
}

body.article #bodyCopy p img {
	display: block;
	float: left;
	margin: 0 .833em 0 0;
}

* html body.article #bodyCopy p img {
	margin: 0 .833em .833em 0;
}

body.article #bodyCopy p img.inlineSymbols {
	display: inline;
	float: none;
	margin: 0;
}

body.article #bodyCopy table {
	margin-top: 1.667em;
}

body.article #bodyCopy table tr td img {
	display: block;
	float: none;
}

body.article #bodyCopy .symbolColumn {
	padding: .25em 1.25em .25em 0;
	text-align: right;
}

body.article #bodyCopy .descriptionColumn {
	padding: .25em 0 .25em 1.25em;
}

body.article #bodyCopy .symbolColumn, body.article #bodyCopy .descriptionColumn {
	line-height: normal;
}

#bodyCopy cite {
	font-size: 10px;
	font-style: normal;
}

#sidebar {
	margin: 0 17px 0 694px;
	color: #666;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 20px;
}

#bodyCopy h3, #sidebar h3 {
	height: auto;
	border: 0;
	margin: 1.8em 0 -.75em 0;
	color: black;
	font-family: Georgia,Palatino,'Times New Roman',serif;
	text-indent: 0;
	text-transform: uppercase;
}

#bodyCopy h3 {
	clear: both;
	font-size: 12px;
}

#bodyCopy h4 {
	margin: 1.8em 0 0 0;
}

.subtitle {
	font-style: italic;
}

span.subtitle {
	display: block;
	margin-bottom: 1.333em;
	font-size: 11px;
}

.subtitle cite {
	font-style: normal;
}

.article #container #bodyCopy h3.listHead {
	margin: 0;
	text-transform: none;
}

.article #bodyCopy cite {
	font-size: 100%;
	font-style: italic;
}

.article dt {
	width: auto;
	float: left;
	font-weight: bold;
}

.article dd {
	margin-bottom: 1.75em;
	margin-left: 0;
	text-indent: 0.333em;
}

.article #bodyCopy blockquote {
	clear: left;
}

.article .columnContainer div {
	margin: 1em 0 0 0;
}

#sidebar h3 {
	clear: none;
	font-size: 11px;
}

#sidebar ul {
	margin-bottom: 16px;
}

#sidebar blockquote {
	margin: 0;
}

* html #sidebar blockquote {
	width: 95%;
}

#sidebar img {
	border: 1px solid #666;
}

#sidebar blockquote {
	font-style: italic;
}

#sidebar blockquote cite {
	font-size: 11px;
	font-style: normal;
}

#sidebar ul#discLinks {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}

#sidebar p.sidebarCaption {
	font-size: 11px;
	margin-top: -1em;
}

/* *** For each disc referenced on the site, its parent list item will need an id for the sake of a background image to account for the liner-note icon *** */

#sidebar ul#discLinks li {
	min-height: 50px;
	margin-left: 0;
	padding-left: 61px;
	background-repeat: no-repeat;
	line-height: normal;
}

* html #sidebar ul#discLinks li {
	height: 50px;
}

#sidebar ul#discLinks h4 {
	display: block;
	font-size: 100%;
	margin: .333em 0 0 0;
	font-weight: normal;
}

#sidebar ul#discLinks ul {
	margin-left: 1.333em;
	margin-bottom: .333em;
	font-size: 9px;
}

#sidebar ul#discLinks ul li {
	width: 90%;
	height: auto;
	min-height: 0;
	padding-left: 0;
}

#pageCount {
	clear: left;
	float: left;
	width: 48%;
	margin: 44px 0 0 0;
	font-family: Arial,Helvetica,sans-serif;
}

#pageLinks {
	clear: right;
	float: right;
	width: 48%;
	margin: 44px 0 0 0;
	font-family: Arial,Helvetica,sans-serif;
	text-align: right;
	font-weight: bold;
}

#previousLink {
	display: inline;
	padding: 0 12px 0 12px;
	background-image: url(/images/bg_link_previous.gif);
	background-repeat: no-repeat;
	background-position: 4% .33em;
	display: inline;
}

#nextLink {
	display: inline;
	padding: 0 12px 0 12px;
	background-image: url(/images/bg_link_next.gif);
	background-repeat: no-repeat;
	background-position: 97% .33em;
}

#previousLink+#nextLink {
	border-left: 1px solid #333;
}

/* Ideally the dimensions of the object would be set via the stylesheet, but meantime... */

#bannerImage {
	display: block;
	float: left;
	width: 451px;
	height: 270px;
	overflow: hidden;
}

.bannerText {
	width: 443px;
	height: 232px;
	overflow: hidden;
	padding: 19px;
	background-color: rgb(224,224,224);
	color: rgb(129,127,115);
	font-family: Georgia,Palatino,'Times New Roman',serif;
	font-size: 13px;
}

* html .bannerText {
	position: relative;
	left: -3px;
	width: 431px;
	background-position: -11px 0;
}

.bannerText blockquote {
	margin: 0;
	text-align: justify;
}

.bannerText p {
	margin: 0;
}

.bannerText cite {
	display: block;
	color: rgb(61,61,61);
	font-size: 10px;
	font-style: normal;
	line-height: 30px;
}

.bannerText cite cite {
	display: inline;
	font-style: italic;
}

.bannerText em {
	color: rgb(204,54,14);
	font-style: normal;
}

.bannerText .openQuote, .bannerText .closeQuote {
	position: relative;
	top: 2px;
	color: black;
	font-size: 22px;
	font-weight: bold;
	line-height: 13px;
}

* html .bannerText .openQuote, * html .bannerText .closeQuote {
	line-height: normal;
}

#bannerCaption {
	position: absolute;
	left: -100px;
	top: 320px;
	padding: 8px 14px 0 14px;
	background-color: rgb(61,61,61);
	color: #999;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	line-height: 8px;
	letter-spacing: 0.215em;
	text-indent: -10000px;
}

* html #bannerCaption {
	width: 888px;
}

.clearForSafari {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: -1.67em;
}

.clearMe {
	height: 1px;
	clear: both;
	overflow: hidden;
}

h1 a {
	display: block;
	width: 148px;
	height: 38px;
}

.forceClear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

* html .forceClear {
	margin-bottom: 40px;
}

dl.CVList dt, dl.catalogList dt {
	float: left;
	clear: left;
	width: 8em;
	padding-right: 1em;
}

dl.CVList dd, dl.catalogList dd {
	margin: 0 0 0 9em;
	text-indent: -.167em;
}

.verse {
	font-style: italic;
}

ol.verse cite {
	padding-left: 3.333em;
	color: black;
}

.detailedItems {
	margin-bottom: .667em;
}

.detailedItems cite {
	font-weight: bold;
}

.detailedItems div {
	font-size: small;
}

/* ************************* */
/* HOMEPAGE AND NEWS CONTENT */
/* ************************* */

#chopHome.bannerText {
	background-color: rgb(106,91,77);
	background-image: url(/images/bg_chop_home.gif);
	color: white;
	line-height: 25px;
	letter-spacing: 0.033em;
}

#chopHome.bannerText blockquote {
	position: relative;
	top: 30px;
}

#chopHome.bannerText blockquote cite {
	color: white;
}

#chopHome .openQuote, #chopHome .closeQuote {
	color: white;
}

#chopNews {
	background-image: url(/images/bg_chop_news.jpg);
}

#homeHeading, #newsHeading {
	background-image: url(/images/bg_heading_news_events.gif);
}

#eventsCalendar .columnContainer {
	width: 451px;
	overflow: hidden;
	margin-right: 16px;
	float: left;
}

#eventsCalendar h3 {
	height: auto;
	overflow: visible;
	margin: 19px 0 0 0;
	border: 0;
	color: white;
	font-size: 12px;
	font-weight: normal;
	text-indent: 0;
}

#eventsCalendar .date {
	margin-right: 1em;
	color: white;
}

#eventsCalendar p {
	margin: 0;
	font-size: 11px;
	line-height: 16px;
}

/* These links live inside paragraphs for the sake of uniformity, but... */

/* When I left this as a link alone and gave it block element properties, it wanted to smother its parent in Firefox (?!) */

#eventsCalendar p#moreNews1 {
	clear: both;
	margin: 0 0 33px 470px;
	font-size: 12px;
}

#moreNews2 {
	position: absolute;
	left: 730px;
	top: 372px;
	width: 200px;
	overflow: hidden;
	margin: 0;
	padding: 0 18px 0 0;
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 210px 59%;
	text-align: right;
}

#moreNews2 a {
	color: rgb(113,113,113);
	font-size: 11px;
}

/* ***** */
/* WORKS */
/* ***** */

#chopWorks.bannerText {
	background-image: url(/images/bg_chop_works.gif);
	line-height: 22px;
	word-spacing: -0.05em;
}

#worksHeading {
	display: none;
}

#worksCompositionsHeading {
	background-image: url(/images/bg_heading_compositions.gif);
}

#worksUnpublishedHeading {
	background-image: url(/images/bg_heading_unpublished.gif);
}

#worksEssaysHeading {
	background-image: url(/images/bg_heading_works_articles.gif);
}

#worksTermsHeading {
	background-image: url(/images/bg_heading_definition_terms.gif);
}

#worksAboutHeading {
	background-image: url(/images/bg_heading_writings_about.gif);
}

#worksVareseHeading {
	background-image: url(/images/bg_heading_writings_varese.gif);
}

#compositionList .columnContainer, #unpublishedList .columnContainer {
	float: left;
	width: 291px;
	margin-right: 5px;
}

* html #compositionList .columnContainer, * html #unpublishedList .columnContainer {
	margin-top: 1.75em;
}

#moreVarese {
	float: right;
	position: relative;
	top: -22px;
	margin-bottom: -17px;
	padding-right: 18px;
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 94% 59%;
	color: rgb(113,113,113);
	font-size: 11px;
}

#vareseLinks .columnContainer {
	float: left;
	width: 437px;
	margin-right: 5px;
}

#vareseLinks .columnContainer .columnContainer {
	float: left;
	width: 46%;
	margin-right: 2%;
}

* html #vareseLinks .columnContainer .columnContainer {
	width: 44%;
}

#vareseLinks h4 {
	margin-top: 1.33em;
	margin-bottom: 0;
	color: #ccc;
	font-family: Georgia,Palatino,'Times New Roman',serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}

#vareseLinks ul {
	margin-top: .83em;
}

.definitionSubheading {
	text-decoration: underline;
}

#catalogInfo {
	position: absolute;
	left: 680px;
	top: 369px;
	width: 250px;
	overflow: hidden;
	margin: 0;
	padding: 0 18px 0 0;
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 260px 59%;
	text-align: right;
}

#catalogInfo a {
	color: rgb(113,113,113);
	font-size: 11px;
}

dl.catalogList dd small {
	padding-left: 1em;
	color: #999;
}

cite.allCaps {
	text-transform: uppercase;
	font-style: normal;
}

.measureNumber {
	border: 1px solid #333;
	padding: .25em;
}

#glossary #bodyCopy dt {
	font-weight: normal;
}

#glossary #bodyCopy dt.foreignTongue {
	font-style: italic;
}

#glossary #bodyCopy dd {
	margin-left: .667em;
}

#glossary #bodyCopy dl blockquote {
	margin: 0;
	display: inline;
}

#glossary #bodyCopy dl ol {
	clear: left;
	margin: 0;
	padding: 0;
}

/* ********* */
/* BIOGRAPHY */
/* ********* */

#chopBio {
	background-image: url(/images/bg_chop_bio.gif);
}

#chopBio.bannerText {
	line-height: 25px;
}

* html #chopBio.bannerText {
	line-height: 24px;
}

#bioHeading {
	background-image: url(/images/bg_heading_bio.gif);
}

#bioColumns {
	padding-left: 3px;
}

#bioColumns .columnContainer {
	float: left;
	width: 292px;
	padding-right: 18px;
}

#bioColumns h3 {
	color: #ccc;
	font-size: 13px;
}

#bioColumns h3, #bioColumns h6 {
	clear: none;
	margin: 1.539em 0 0 0;
	border: 0;
	font-family: Georgia,Palatino,'Times New Roman',serif;
	text-indent: 0;
}

#bioColumns .columnContainer p {
	margin-top: 0;
	line-height: 20px;
}

ul.CVList {
	list-style-type: none;
	margin-left: 0;
	padding: 0 0 0 1.5em;
	text-indent: -1.5em;
}

ul.CVList li {
	margin-left: 0;
	padding: 0;
}

/* *********************** */
/* PHILOSOPHY & AESTHETICS */
/* *********************** */

#chopPhilosophy {
	background-image: url(/images/bg_chop_philosophy.gif);
}

#chopPhilosophy.bannerText {
	line-height: 24px;
}

#chopPhilosophy blockquote {
	position: relative;
	top: 45px;
}

#aestheticsHeading {
	background-image: url(/images/bg_heading_aesthetics.gif);
}

#philosophyHeading {
	background-image: url(/images/bg_heading_philosophy.gif);
}

.philosophyColumns {
	clear: left;
	padding-left: 3px;
}

.philosophyColumns .columnContainer {
	float: left;
	width: 288px;
	padding-right: 18px;
}

.philosophyColumns h3 {
	color: #ccc;
	font-size: 13px;
}

.philosophyColumns h3, .philosophyColumns h6 {
	clear: none;
	margin: 1.539em 0 0 0;
	border: 0;
	font-family: Georgia,Palatino,'Times New Roman',serif;
	text-indent: 0;
}

.philosophyColumns .columnContainer p {
	margin: 0 18px 1.667em 0;
	line-height: 20px;
}

.philosophyColumns .columnContainer p.philosophyDescription {
	margin-bottom: 3.333em;
}

.philosophyInset {
	display: block;
	margin: 3px 0 11px 0;
}

#aestheticsQuotes p img {
	margin-bottom: 1.667em;
}

#aestheticsQuotes p {
	text-indent: 2em;
	margin-top: .667em;
}

#aestheticsQuotes blockquote {
	clear: left;
	margin: 0;
	padding-top: .01em;
}

#aestheticsQuotes blockquote p {
	margin-top: .833em;
	margin-bottom: 0;
	text-indent: 0;
}

ol li.hiddenItem {
	visibility: hidden;
	height: 1px;
	overflow: hidden;
	margin-bottom: -1px;
}

.calligraphyInset {
	clear: left;
	padding-top: 1.667em;
}

/* ************** */
/* MUSIC & THEORY */
/* ************** */

#chopMusic {
	background-image: url(/images/bg_chop_philosophy.gif);
}

#chopMusic.bannerText {
	line-height: 26px;
}

#chopMusic blockquote {
	position: relative;
	top: 20px;
}

#scoresHeading {
	background-image: url(/images/bg_heading_scores.gif);
}

#theoryHeading {
	background-image: url(/images/bg_heading_theory.gif);
}

#scoresColumns .columnContainer {
	float: left;
	width: 292px;
	padding-right: 18px;
}

#theoryColumns .columnContainer {
	float: left;
	width: 432px;
	padding-right: 18px;
}

#theoryColumns h3, #theoryColumns h6 {
	border: 0;
	height: auto;
	margin: .818em auto 1.454em auto;
	font-family: Georgia,Palatino,'Times New Roman',serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-indent: 0;
}

#scoresColumns ul, #theoryColumns ul {
	margin-top: 0;
	margin-bottom: 3.333em;
}


body.article #bodyCopy #tempoTable {
	margin-top: 0;
}

body.article #bodyCopy #tempoTable .symbolColumn {
	width: 100px;
	padding: 3px 15px 3px 0;
	background-image: url(/images/symbol_pien_tempi.gif);
	background-repeat: no-repeat;
}

#pienTempiPrint {
	display: none;
}

#tempo80 {
	background-position: 0 -90px;
}

#tempo88 {
	background-position: 0 -54px;
}

#tempo96 {
	background-position: 0 -18px;
}

#tempo104 {
	background-position: 0 18px;
}

body.article #bodyCopy #tempoTable .symbolColumn span {
	position: relative;
	left: -10000px;
}

body.article #bodyCopy #tempoTable .descriptionColumn {
	padding: 3px 0 3px 15px;
}

#tempoD {
	vertical-align: bottom;
}

#tempoA {
	vertical-align: top;
}

body.article #bodyCopy #tempoTable .symbolColumn, body.article #bodyCopy #tempoTable .descriptionColumn {
	height: 30px;
	overflow: hidden;
}

#fluteDynamics {
	width: 301px;
	height: 83px;
	background-image: url(/images/symbol_cursive_dyamics_flute.gif);
}

#pianoDynamics {
	width: 434px;
	height: 88px;
	background-image: url(/images/symbol_cursive_dyamics_piano.gif);
}

body.article #bodyCopy div.highlight {
	text-align: center;
}

body.article #bodyCopy div.highlight table {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
body.article #bodyCopy div.highlight img {
	float: none;
	display: inline;
}


/* *************** */
/* WORK ON CULTURE */
/* *************** */

#chopCulture {
	background-image: url(/images/bg_chop_culture.gif);
}

#chopCulture.bannerText {
	line-height: 26px;
}

#chopCulture.bannerText blockquote {
	position: relative;
	top: 25px;
}

#exchangeHeading {
	background-image: url(/images/bg_heading_cultural_exchange.gif);
}

#reportsHeading {
	background-image: url(/images/bg_heading_yunnan_project.gif);
}

p.preamble {
	margin: 1.667em 0 0 0;
}

dl.articleSummary {
	float: left;
	width: 292px;
	height: 8.333em;
	overflow: hidden;
	margin: 1.667em 0 1.667em 0;
	padding-right: 18px;
}

dl.articleSummary dt {
	font-family: Georgia,Palatino,'Times New Roman',serif;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
}

dl.articleSummary dd {
	margin-left: 0;
	padding-left: 0;
	line-height: 20px;
}

#centerLinks .columnContainer {
	float: left;
	width: 437px;
	margin-right: 5px;
}

#centerLinks .columnContainer .columnContainer {
	float: left;
	width: 46%;
	margin-right: 2%;
}

* html #centerLinks .columnContainer .columnContainer {
	width: 44%;
}

#centerLinks h4 {
	margin-top: 1.33em;
	margin-bottom: 0;
	color: #ccc;
	font-family: Georgia,Palatino,'Times New Roman',serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}

#centerLinks ul {
	margin-top: .83em;
}

/* ***** */
/* MISC. */
/* ***** */

#programNotes {
	list-style-type: none;
}

#programNotes li {
	margin-left: 0;
}

#gorgeEchoesLiner {
	background-image: url(/images/liner_gorge_echoes.gif);
}

#CWCSelfTitledLiner {
	background-image: url(/images/liner_cwc_self_titled.jpg);
}

#worksLiner {
	background-image: url(/images/liner_works.jpg);
}

#festivalLiner {
	background-image: url(/images/liner_festival.gif);
}

#outOfChinaLiner {
	background-image: url(/images/liner_out_of_china.gif);
}

#stevensLiner {
	background-image: url(/images/liner_stevens.jpg);
}

#maskLiner {
	background-image: url(/images/liner_mask.jpg);
}

#moreCompositions,
    #moreArticles,
  #morePhilosophy, 
       #moreWorks,
         #moreBio {

	position: absolute;
	top: 81px;
	height: 1.67em;
	overflow: hidden;
	margin: 0;
	padding: 0 18px 0 0;
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: right;
}

#moreCompositions {
	left: 820px;
	width: 110px;
	background-position: 120px 60%;
}

#morePhilosophy,
  #moreArticles {
	left: 760px;
	width: 170px;
	background-position: 180px 60%;	
}

#moreWorks {
	left: 830px;
	width: 100px;
	background-position: 110px 60%;
}

#moreBio {
	left: 820px;
	width: 110px;
	background-position: 120px 60%;
}

#moreCompositions a, 
    #moreArticles a, 
  #morePhilosophy a, 
       #moreWorks a, 
         #moreBio a {

	color: rgb(147,188,229);
}

.grafWithInlineList+.grafWithInlineList {
	margin-top: 1.667em;
}

.inlineList {
	display: inline;
}

.inlineList li {
	display: inline;
}

/* ************** */
/* NAV AND FOOTER */
/* ************** */

#nav {
	position: absolute;
	left: 14px;
	top: 45px;
	height: 22px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#nav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#navHome       { width: 111px; }
#navBio        { width: 136px; }
#navWorks      { width: 115px; }
#navMusic      { width: 166px; }
#navPhilosophy { width: 225px; }
#navCulture    { width: 181px; }

* html #navCulture { width: 162px; }

/* No idea why, but the browser wants to ignore :active on links that point to the site root (?!) */

#nav a {
	display: block;
	width: 100%;
	height: 22px;
	border-left: 1px solid #333;
	background-image: url(/images/bg_nav.gif);
	background-repeat: no-repeat;
	background-color: rgb(18,16,14);
	color: #ccc;
	text-indent: -10000px;
	text-decoration: none;
}

#navHome a {
	border-left: 0;
	background-position: 0 0;
}

       #navBio a { background-position: 0 -22px; }
     #navWorks a { background-position: 0 -44px; }
     #navMusic a { background-position: 0 -66px; }
#navPhilosophy a { background-position: 0 -88px; }
   #navCulture a { background-position: 0 -110px; }

#nav a:hover, #nav a.current, #nav a.currentParent {
	background-color: rgb(207,54,14);
	background-image: url(/images/bg_nav_hover.gif);
	background-repeat: no-repeat;
	color: black;
	text-decoration: none;
}

#nav a.current {
	cursor: default;
}

#breadcrumb {
	position: absolute;
	left: 14px;
	top: -12px;
	width: 934px;
	height: 39px;
	overflow: hidden;
	padding-top: 81px;
	background-image: url(/images/piping_article.gif);
	list-style-type: none;
	font-family: Arial,Helvetica,sans-serif;
}

* html #breadcrumb {
	top: 0;
	height: 40px;
	padding-top: 80px;
}

#breadcrumb li {
	display: inline;
	margin-left: 0;
/*	padding: 0 .5em 0 1em;
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0 .33em;
*/	color: white;
}

#breadcrumb a {
	color: rgb(147,188,229);
}

#footer {
	height: 23px;
	overflow: hidden;
	clear: both;
	margin: 40px 0 11px 0;
	border-top: 1px solid rgb(62,62,62);
	background-image: url(/images/bg_footer.gif);
	background-repeat: no-repeat;
}

#footer p {
	margin: 0;
	width: 120px;
	height: 100%;
	text-indent: -10000px;
}

#footer a {
	display: block;
	height: 100%;
}

  #copyright { float: left; }
#contactLink { float: right; }

body.article #footer {
	height: 53px;
	overflow: hidden;
	clear: both;
	margin: 0;
	border: 0;
	background-image: url(/images/bg_footer_articles.gif);
	background-repeat: no-repeat;
	background-color: #333;
}

/* ********* */
/* SLIDESHOW */
/* ********* */

#slideshow {
	clear: left;
	width: 633px;
	min-width: 633px;
	height: 801px;
	overflow: hidden;
	margin: 0;
	border: 5px solid #ddd;
}

#slideshow img {
	position: relative;
	left: 0;
	top: 0;
	width: 633px;
	height: 801px;
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

#slideshowLinks {
	float: right;
	width: 80px;
	height: 16px;
	list-style-type: none;
	margin: 4px 0 4px 0;
	padding: 0;
	background-image: url(/images/bg_slideshow_controls.gif);
	background-repeat: no-repeat;
}

* html #slideshowLinks {
	margin-bottom: 1em;
}

#slideshowLinks li {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-image: url(/images/trans.gif);
	text-indent: -10000px;
}

#slideshowLinks li.controlLink {
	width: 16px;
	background-image: url(/images/trans.gif);	
}

#slideshowLinks li a {
	display: block;
	width: 16px;
	height: 16px;
	background-image: url(/images/trans.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#slideshowLinks li.controlLink a {
	visibility: visible;
	width: 16px;
}