/* Font and Font Sizing Styles */
body, div, p, th, td, li, dd, code, tt {
  font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size: 12px;
}
h1 { font-size: 24px }
h2 { font-size: 18px }
h3 { font-size: 14px }
h4 { font-size: 12px }
h5 { font-size: 10px }
h6 { font-size: 9px }

/* styles that apply to everything but Netscape 4 */
/*/*/a{}
body, body div, body p, body th, body td, body li, body dd, body code, body tt {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd, html>body code, html>body tt {
  font-size: small;
}
h1 { font-size: 200%; }
h2 { font-size: 167%; }
h3 { font-size: 150%; }
h4 { font-size: 133%; }
h5 { font-size: 100%; }
h6, caption, address { font-size: 83%; }
/* end NS4 hack */

html, body { background: #fafafa; margin: 0px; padding: 0px }
#wrapper {
		border: 0px solid #bbb;
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 10px;
		width:790px;
		margin:0px;
	}
#header {
		border: 0px solid #bbb;
		position: absolute;
		top: 0;
		left: 0;
		margin: 10px 0px 0px 10px;
		height: 160px;
	}
#header td.headerlogo { padding-left: 40px } /* 81px */
#header td.headermenu { padding-left: 40px } /* 81px */
#main {
		border: 1px solid #fafafa;
		position: relative;
		margin-top: 170px; /* 190px; */
		margin-bottom: 10px;
		background: #eeeeee; /* dddddd */
	}
#leftnav {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0em 0px 20px 0px;
		padding-top: 30px;
		border-bottom: 0px solid #bbb;
		border-left: 0px solid #bbb;
		border-right: 0px solid #bbb;
		width: 150px;
		height: 100%;
	}
#artistnav {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0em 0px 20px 0px;
		background: #eeeeee;
		width: 150px;
		height: 100%;
	}
#content {
		border: 1px solid #fafafa;
		margin: 0px 0px 0px 150px;
		padding: 0px 20px 0px 10px;
		background: #fafafa;
	}
#widecontent {
		border: 1px solid #fafafa;
		margin: 0px 0px 0px 0px;
		padding: 0px 110px 0px 100px;
		background: #fafafa;
	}
#footer {
		border: 0px solid #bbb;
		margin-bottom:10px;
		background: #fafafa;
	}
#bottom {
		clear:both;
		text-align:right;
	}
#lowernav {
		border: 0px solid #bbb;
		padding: 20px 0px 0px 160px;
		margin: 0px 0px 0px 0px;
	   min-height: 32px;
		text-align: center;
	   vertical-align: middle;
		color: #3333CC;
		font-weight: bold;
		font-style: italic;
		background: #fafafa;
	}
#widelowernav {
		border: 0px solid #bbb;
		padding: 20px 100px 0px 120px;
		margin: 0px 0px 0px 0px;
	   min-height: 32px;
		text-align: center;
	   vertical-align: middle;
		color: #3333CC;
		font-weight: bold;
		font-style: italic;
		background: #fafafa;
	}
#lowernav img, #widelowernav img { vertical-align: -25% }
table.narrnav {
		margin: 0px 0px 20px 6px;
		padding: 0;
		width: 130px;
	}
#artistnav caption, #artistnav td {font-size: 14pt; font-weight: bold; }
#artistnav caption { padding-bottom: 20px; }
.narrnav caption { font-size: 93%; font-style: italic; padding-bottom: 6px; }
.narrnav td, .narrnav th {font-size: 85%; text-align: center; padding-bottom: 3px }
.narrnav th { font-weight: bold; font-style: italic; padding-bottom: 3px }
div.cast { margin-top: 2em; padding-bottom: 0.5em; border-bottom: 1px solid #bbb }
div.cast p, div.cast h1, div.cast h2, div.cast h3, div.cast h4, div.cast h5 { text-align: center }
table.castalbum {	margin: auto }
table.cast {margin: auto; margin-top: 1em }
table.cast caption { margin: auto; font-size: 110%; font-weight: bold; font-style: italic }
table.cast td { text-align: left }
table.cast td.center { text-align: center }
table.cast td.conductor { text-align: center }

div.review { margin-top: 0.5em; margin-bottom: 0.5em }
.pagetitle + div.review { margin-top: 1.5em }
div.issuehist { margin-top: 0.5em; padding-top: 1em; border-top: 1px solid #bbb;  }
div.recdetails { margin-top: 2em }

table.issuehist {	margin: auto; margin-top: 1em; border: 1px solid #bbb; border-collapse: collapse }
div.issuehist table.issuehist caption { font-size: 120%; }
table.issuehist caption { margin: auto; font-size: 110%; font-weight: bold; font-style: italic }
table.issuehist ol { margin: 0 }
table.issuehist th, table.issuehist td {border: 1px solid #bbb }
table.issuehist th.subcaption { margin: auto; font-size: 85%; font-weight: bold }
table.issuehist tr.rejectedtake td { font-style: italic }
table.side td:first-child { text-align: right } /* right-align first column */
table.r2 td:first-child + td { text-align: right } /* right-align 2nd column */
table.r4 td:first-child + td + td + td { text-align: right } /* right-align 4th column */
table.r5 td:first-child + td + td + td + td { text-align: right } /* right-align 5th column */
table.r7 td:first-child + td + td + td + td + td + td { text-align: right } /* right-align 7th column */
table.r8 td:first-child + td + td + td + td + td + td + td { text-align: right } /* right-align 8th column */
table.c1 td:first-child { text-align: center } /* center 1st column */
table.c2 td:first-child + td { text-align: center } /* center 3rd column */
table.c3 td:first-child + td + td { text-align: center } /* center 3rd column */
table.c4 td:first-child + td + td + td { text-align: center } /* center 4th column */
table.c5 td:first-child + td + td + td + td { text-align: center } /* center 5th column */
table.c7 td:first-child + td + td + td + td + td + td { text-align: center } /* center 7th column */
table.c8 td:first-child + td + td + td + td + td + td + td { text-align: center } /* center 8th column */

table.verslist td:first-child + td + td { text-align: center; }

.seealso {
		width: 280px;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 160px;
		padding: 5px 0px;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		text-align: center;
		font-size: 8pt;
	}
.chellip {
	font-weight: bold;
	text-align: center;
}
.shortnote {
		width: 400px;
		margin: 1em 0 0 100px;
		padding: 5px 0px;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		text-align: justify;
		font-size: 85%;
	}
img { border: 0 }
p, blockquote { text-align: justify }
td > p:first-child { margin-top: 0 }
h1, h2, h3, h4, h5, h6, th, caption { color: #3333cc }
h1, h2, h3, h4, h5, h6 { margin: 1.25em 0 .75em }
th, caption { font-weight: bold }
a:link { color: #5555ff; text-decoration: none; }
a:visited { color: #8822ff; text-decoration: none; }
a:hover { text-decoration: underline; }

.pagetitle { text-align: center; margin: 20px 0 0 0; padding: 0 } /* rationalize */
.reviewtitle { text-align: center; margin: 0; padding: 0 } /* rationalize */
.spaced { margin-top: 1em }
.unspaced { margin-top: 0 }
.detail td tr {font-size: 75% }
td.letterindex { font-size: 14pt; font-weight: bold }
td.chroncell { vertical-align: middle; white-space: nowrap }
tr.altcolor td { background: #ffff99 }

blockquote.dialog p { margin: 0; text-indent: 1.5em }

td > ul, td > ol { margin-top: 0 }
ol.lcalpha { list-style-type: lower-alpha } /* used only for side listings in recording tables */
ol.lroman  { list-style-type: lower-roman }
ul.none, ol.none { list-style-type: none;  }
ul.none li, ol.none li { padding-left: 0; }
.spaced li, dl.spaced dt { margin-top: 1em }
dl.spaced dt:first-child { margin: 0 }
ul.unspaced li, ol.unspaced li { margin: 0; }
.justify li { margin-top: 1em; text-align: justify }

/* Code for compact definition lists */
dl.compact > dt {
  clear: left;
  float: left;
  margin-bottom: 0;
  margin-top: 0;
  list-style-type: none;
}

dl.compact > dd {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 4em;
}

dl.compact > dd > ol { padding-left: 1.5em; }

hr.divider { margin-top: 1em; width: 300px } /* rationalize any remaining HR's */
hr.reviewdivider { margin-top: 1em; margin-bottom: 1em; height: 1px; color: #bbb; }

table.image { border: 1px solid #bbb; padding: 0; margin: 5px }
table.imageright { float: right; border: 1px solid #bbb; margin-left: 6px; margin-right: 0px }
table.imageleft { float: left; border: 1px solid #bbb; margin-left: 0px; margin-right: 6px }
table.imagecenter { border: 1px solid #bbb; padding: 0; margin: 0.5em auto 0.5em auto; }
table.imagecenter td { margin: 0 }
table.imagecenter td+td { border-left: 1px solid #bbb; }
table.image td, 
table.imageright td,
table.imageleft td,
table.imagecenter td  { padding: 0; text-align: center; font-size: 83% }
table.image td.justify,
table.imageright td.justify,
table.imageleft td.justify,
table.imagecenter td.justify { text-align: justify }
div.imageleft-borderless { float: left; padding: 0 }

table.rightfloat { margin-left: 6px; margin-right: 0px; float: right; text-align: left }
table.leftfloat { margin-left: 0px; margin-right: 6px; float: left; text-align: left }

table.dualcolumn { width: 100%; }
table.dualcolumn td { vertical-align: top; width: 50% }
table.dualcolumn td ul.none li, table.singlecolumn td ul.none li { text-indent: -2em; }
table.triplecolumn { width: 100%; }
table.triplecolumn td  { vertical-align: top; width: 33% }

.blockcenter { margin: auto; margin-top: 1em }
.blockcenter caption { margin: auto; margin-top: 1em }
.center { text-align: center }
.right { text-align: right }
.left, dl.left dt, dl.left dd { text-align: left }
.justify { text-align: justify }
.indent { text-indent: 1.5em; }
.strongcast  { color: #3333CC; font-weight: bold }
.blockhead { color: #3333CC; font-weight: bold; font-style: italic } /* rationalize */
.parahead { color: #3333CC; font-weight: bold; } /* rationalize */
div.center > p.parahead { text-align: center; }
.bigletter { color: #3333CC; font-size: 30pt; line-height: 12pt } /* rationalize */
tr.altcolor td { background: #ffff99 }
.detail { font-size: 9pt }
.smcaption { font-size: 8pt }
.initcap { font-size: 160%; line-height: 16pt }
.normalm { font-size: 93%; line-height: 125%; text-align:justify; }
.normalmm { font-size: 85%; line-height: 125%; text-align:justify }
.normal { font-size: 10pt }
.normalp { font-size: 11pt; font-weight: bold }
.normalpp { font-size: 14pt; font-weight: bold }
.monospace { font-size: 11pt; font-family: "Courier New",Courier,monospace }
.smallcaps { font-variant: small-caps }
.block { margin-bottom: 0 }
.absmiddle { vertical-align: 50% }
.dvd { vertical-align: 25% }
.topalign { vertical-align: top }
.uline { text-decoration: underline }
.nowrap { white-space: nowrap }
.clear { clear: both }

/* Header Code */
#header table.navrow {
	width: 420px;
	position: relative;
	left: 30px;
	margin-bottom: 0.2em;
	border-spacing: 0;
	border-collapse: collapse;
}
#header table.navrow td { padding: 0; border-spacing: 0 }
#header table.navrow tr td { text-align: right }
#header table.navrow tr td:first-child { text-align: left }
#header { font-size: 14px; font-weight: bold }
#header a {
	display: block;
	color: #9696ff; /* 3333cc */
 	font-size: 14px;
}
#header a, header a:link, #newnav a:visited, #newnav a:active { text-decoration: none }
#header ul ul ul a {font-size: 90%}

#header table.navhead { text-align: left; border-spacing: 0; border-collapse: collapse }
#header table.navhead { width: 450px; margin-bottom: 0.2em }
#header table.navhead td { font-size: 13px; text-align: left; font-style: italic; color: #0000cc; }
#header table.navhead td:first-child { width: 17px }
#header table.navhead td:first-child + td { width: 10px; border-bottom: 1px solid #e4e4e4; }
#header table.navhead td:first-child + td + td { border-bottom: 1px solid #e4e4e4; }

/**                                                                **/
/** FLYOUT NAV CODE STARTS HERE                                    **/
/** Source: http://www.positioniseverything.net/css-dropdowns.html **/
/**                                                                **/
/*XXXXXXXXXXXX Primary top nav rules XXXXXXXXXXX*/
.nav {
	position: relative;
	background: #fafafa; /* #def; */
/*	border: 1px solid #888; borders the bottom of the top nav */
/*	border-width: 1px 0; */
/*	width: 100%; */
	}

.button {
	width: auto; /* 190px;, then 105px */
/*	float: left; */
	}

.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.parent {position: relative;}
/* this parent div does not provide "sticky hovering", but instead fixes a
strange bug in Op7. When an element serves as a hovered popup "parent" element,
that element must not also be floated or all heck breaks loose in Opera 7.
To prevent this, we have floated the top level list items, while nesting
hoverable parent divs inside that are then hovered to generate the dropdowns.
Thus the ugly (but interesting) Op7 bug is defeated. */

.floatfix {margin-right: -3px;}
/* this fixes the IE 3px bug that is common in this type of float arrangement */

/*XXXXXXXXXXXX Primary dropdown/flyout rules XXXXXXXXXXX*/

.dropdown { /* rules for dropdown div */
	width: 250px;
	position: absolute;
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	background: url(i/bgfix.gif);
	}

.dropdown div {
	width: 220px;
	position: absolute;
	left: -3000px;
	top: 0;
	background: url(i/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */
	}

/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */

.dropdown ul {
  width: 189px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 30px;  /* creates "sticky hovering" zones for dropdowns */
  border: 1px solid #888;
  border-width: 1px 1px 0;
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */

.dropdown div ul {margin: 30px 30px 30px 0;} /* creates "sticky hovering" zones for flyouts */

.four .dropdown ul {width: 190px;} /* modifies width for rightmost "visible" dropdown (tweak) */

.four .dropdown div ul {margin: 30px 0 30px 30px; position: relative;} /* rule reversal for "visible" right drop flyouts */

.nav ul li {text-align: center;}
.nav > ul.first > li {text-align: left;}
.nav > ul > li {text-align: right;}


.nav ul ul a {
  color: #fff;
  border-right: 0; /* negates right border for dropdowns and flyouts */
  border-bottom: 1px solid #888;  /* borders the bottoms of the dropdown and flyout links */
  }

.dropdown li {
  position: relative;
  vertical-align: bottom; /* IE5/win bugfix */
  }

.parent:hover {background-image: url(i/bgfix.gif);}
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image
file so that your site error logs will not fill with failed image calls. */

.parent:hover div.dropdown {left: -31px;} /* hover rule for dropdowns */
/* extra pixel makes dropdowns "line up" with top links */

.dropdown li:hover div { /* hover rule for flyouts */
	left: 180px; /* this value controls the amount of flyout "overlap" */
	top: -26px; /* this value controls the amount of flyout vertical offset */
	}

.four li:hover div { /* reversed flyout rules for rightmost drop flyouts */
	left: -210px;
	top: -26px;
	}

.nav div.mini-zone { /* special hover zone that covers the "danger corner" */
	padding: 0;
	width: 15px;
	height: 15px;
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;
	background: url(i/bgfix.gif);
	}

.nav .dropdown li:hover div.mini-zone { /* hover rule for mini-zones */
	left: auto;
	right: 8px;
	top: auto;
	}

.nav .four li:hover div.mini-zone { /* reversed hover rule for rightmost drop mini-zones */
	left: 8px;
	}

.dropdown li:hover {background: #fafafa;} /* hover color effect on dropdown links #ff7 */
.dropdown div li:hover {background: #fafafa;} /* hover color effect on flyout links #ff7 */

/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/

.dropdown ul {background: #e3e3e3; } /* colors of dropdowns ddddd3 d99c33 */
.dropdown div ul {background: #efefef;} /* colors BG of flyouts eda */
.dropdown div ul a {color: #400;} /* colors text of  flyouts */

/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.four:hover {z-index: 20;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */


/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
	height: 1%;
	margin-left: -16px;
	mar\gin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win,
and the 2nd is to make all links fully clickable. */

.brclear { /* Use a break with this class to clear float containers */
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */