@font-face {
	font-family:'Tangerine Bold'; /* From Google Fonts */
	src: url('Tangerine_Bold.eot');
	src: local('dummy name to stop IE downloading TTF'), url('Tangerine_Bold.ttf') format('truetype');
}

html {
	margin-bottom:4px; /* Works in Mozilla 1.0, not Konqueror */
}

head {
	display:none;
}

p {
	line-height:1.15em;
}

.paragp p {
	margin-bottom:.5em;
	margin-top:.5em
}

hr {
	background-color: transparent;
	border-top-color: #888888;
	border-left-color: #888888;
	border-bottom-color: #f8f8f8;
	border-right-color: #f8f8f8;
	margin-left:auto;
	margin-right:auto;
}

a:link,
a:visited
{
	cursor:pointer; /*for Konqueror*/
}

body, html {
	background:#dfe6ee url(../graphics/stone.png) repeat scroll;
	color:black;
	font-family:"Times New Roman", Times, "Liberation serif", Gentium, serif;
	font-size:100%;
	margin:0;
}

@media print
{	body, html
	{
		padding:0;
		margin:0;
		background:none transparent;
	}
	.content a.ext:after
	{
		display:inline;
		white-space:nowrap;
		content:" (" attr(href) ")";
	}
}

b
{
	font-weight:bold;
}
em, .cddb
{
	font-style:italic;
}
q
{
	quotes: "\201C" "\201D" "\2018" "\2019";
}
sup {
	font-size:.75em;
	vertical-align:baseline;
	position:relative;
	bottom:.6em;
	left:-1px;
}
em sup {
	left:1px;
}

h1, h2, h3, h4, h5
{
	page-break-after:avoid;
	page-break-inside:avoid;
	font-weight:bold;
	border:none;
}
h1, h2, .bigcddb
{
	font-family:"English111 Vivace", "English111 Vivace BT", "Shelley Allegro Script", "English111 Adagio", "English111 Adagio BT", "Shelley Andante Script", "Shelley Script", "Hogarth Script", "Englische Schoolbook", "Englische Schreibschrift", "Palace Script", "Zapf Chancery", "Urw Chancery l", "Chancery l", "Monotype Corsiva", "Tangerine Bold", "Apple Chancery", ZurichCalligraphic, "Palace Script MT Semi Bold", Cochin, "Times New Roman", Times, "Liberation serif", Gentium, serif;
	font-weight:normal;
	text-align:center;
}
.content h1
{
	font-size:330%;
	margin-top:.4em;
}
h2, .bigcddb
{
	font-size:240%;
	margin-top:.5em;
}
.nav h1 {
	display:block;
	font-size:170%;
	line-height:1.15em;
	padding-left:0;
	padding-right:0;
	margin:0;
	margin-bottom:.2em;
}
.nav h1, .nav h1 a {
	font-weight:normal;
}
.content h1, h2, .bigcddb {
	line-height:1.25em;
}
@media print
{	.content h2
	{
		font-size:215%;
		margin-top:0;
		line-height:1.15em;
	}
}
h3 {
	text-align:center;
	font-size:120%;
	margin-bottom:0.7em;
}
h4, h5
{
	text-align:left;
	padding-left:0;
	font-size:100%;
	margin-bottom:0;
	padding-bottom:0;
	border-bottom-width:0;
}
h4 + p {
 	padding-top:0;
	margin-top:.7em;
	}

.classinfo h4,
.classinfo h5 {
	margin-left:3em;
	}
h4.cen,
.classinfo h4.cen
{
	margin-left:0;
	text-align:center;
}
h4.evntlst {
	margin-left:0;
	margin-right:0;
	text-align:center;
	font-size:105%;	
	}
h4.evntlst + p {
	margin-top:.9em;
	}
h5.compact
{
	margin-bottom:0;
}
h5.compact + *
{
	margin-top:.1em;
}

.subh {
	text-align:center;
	margin-top:-.2em;
	margin-bottom:1.6em;
}
h1 + .subh {
	margin-top:-.9em;
}
h2 + .subh {
	margin-top:-.8em;
}
h2 + h3.subh {
	margin-top:-.8em;
	margin-bottom:1.2em;
}
h3 + .subh {
	margin-top:-.4em;
	margin-bottom:1.2em;
}
.subh + .subh {
	margin-top:-.3em;
	margin-bottom:-.3em;
}

blockquote
{
	text-align:center;
	padding-left:0;
	margin-left:0;
	padding-right:0;
	margin-right:0;
	padding-bottom:0;
	margin-bottom:0;
}
p.cite
{
	text-align:center;
	padding-top:0;
	margin-top:0;
}

address,
div.addr
{
	page-break-inside:avoid;
	display:block;
	margin-top:0.5em;
	text-align:center;
	font-style:normal;
}

.nav hr, /* Decoration not needed when CSS enabled */
.sep {
	display:none;
	}

.nav {
	color:black;
	background:transparent;
	text-align:center;
	height:100%;
	position:absolute; /* For browsers that don't support posn:fixed, eg IE6*/
	position:fixed;
	z-index:3;
	top:0;
	margin-top:0;
	padding:0;
	left:0;
	right:auto;
	margin-left:.4em;
	min-width:127px;/* for top+bot gifs */
	width:11em;
	overflow:auto;
	overflow-x:hidden;
	}

.content {
	background:#f6f6f6 url(../graphics/marble.png) repeat scroll;
	color:black;
	width:69%;
	position:absolute; /* Needed if .nav is rendered absolute */
	top:8px;
	left:0;
	right:auto;
	border-width:6px;
	border-style:groove;
	border-color:#888888;
	padding:1.5em;
	padding-top:0;
	margin:0;
	margin-bottom:4px; /* Works in Konqueror, not Mozilla 1.0 */
	margin-left:11.5em;
	margin-right:0;
	}

@media print
{	.nav
	{
		display:none;
	}
	.content
	{
		position:static;
		left:0;
		right:0;
		margin-left:0;
		margin-right:0;
		width:100%;
		background:transparent none;
		border:none;
		padding:0;
	}
}

.nav a
{
	font-weight:bold;
	text-decoration:none;
}
.nav > a
{
	line-height:1.125em;
	white-space:nowrap;
}
.subnav > a
{
	line-height:1.15em;
}

.nav .subnav
{
	margin-top:.66em;
}
.nav .subnav a {
	font-weight:normal;
	font-size:90%;
	text-decoration:none;
	}
.nav .subnav .spacer {
	display:block;
	text-align:center;
	width:2px;
	height:2px;
	font-size:2px;
	padding:0;
	margin-top:4px;
	margin-bottom:4px;
	color:black;
	background:black;
	}

.nav .top {
	display:block;
	height:53px;
	width:100%;
	background:url(../graphics/navtop.png) no-repeat transparent center;
	margin-top:6px;
	margin-bottom:.15em;
	}
.nav .bot {
	display:block;
	height:53px;
	width:100%;
	background:url(../graphics/navbot.png) no-repeat transparent center;
	padding:0;
	border:0;
	margin-top:.15em;
	}

.nav a,
.nav .subnav a {
	display:block;
	}
.nav a img {
	border:none;
	padding-bottom:.07em;
	}

.nav a:link,
.nav a:visited
{
	color:black;
	background:transparent;
}

.nav a:link:hover,
.nav a:visited:hover
{
	color:#0000e8;
	background:transparent;
}

.nav h1 a:hover
{
	color:black;
	background:transparent;
}

.classinfo
{
	text-align:center;
}

p.shortclassinfo
{
	margin-top:.1em;
	margin-bottom:.2em;
}
p.shortclassinfo a.quiet
{
	margin-left:.5em;
	text-align:center;
}
.where .text
{
	font-weight:bold;
}
@media all
{	p.shortclassinfo a.quiet
	{
		text-align:right;
	}
	.when
	{
		display:compact;
		text-align:left;
		cursor:pointer; /*IE*/
	}
	.where
	{
		text-align:right;
	}
}

@media all
{	p.shortclassinfo a.quiet
	{
		display:block;
	}
	.when
	{
		float:left;
	}
	p.shortclassinfo .sep
	{
		display:none;
	}
}
@media all /* Comment hides this from IE5.x */
{	.where
	{
		position:relative;
		top:-1px;
	}
}

/* Due to bizarre CSS text-decoration pseudo-inheritance: we disable underlining the a element, and then underline each child */
p.shortclassinfo a.quiet:hover
{
	text-decoration:none;
}

@media all /* Comment hides this from IE5.x */
	{
	p.shortclassinfo a.quiet:hover .when,
	p.shortclassinfo a.quiet:hover .where .ul
		{
		text-decoration:underline;
		}
	}

.navhint
{
	margin-top:.5em;
	margin-bottom:.3em;
	text-align:center;
	font-size:90%;
}
.navhint + h4
{
	margin-top:.6em;
}
@media print
{
	.navhint
	{
		display:none;
	}
}

.extrainfo
{
	font-size:87%;
}
@media print
{
	.extrainfo
	{
		display:none;
	}
}

.content a:link,
.content .fakelink
{
	color:#0000e8;
	background:transparent;
	text-decoration:none;
}

.content a:visited
{
	color:#0000b0;
	background:transparent;
	text-decoration:none;
}

.content a:link:hover,
.content a:visited:hover,
.content .fakelink:hover
{
	text-decoration:underline;
}
@media all
{	.content a:link img,
	.content a:visited img
	{
		border-width:2px;
		border-color:transparent;
	}
	.content a:link:hover img,
	.content a:visited:hover img
	{
		border-color:#0000b0;
	}
}
@media print
{	.content a:link,
	.content a:visited,
	.content a:link:hover,
	.content a:visited:hover
	{
		color:black;
		background:transparent;
		text-decoration:none;
	}
	.content a:link img,
	.content a:visited img,
	.content a:link:hover img,
	.content a:visited:hover img
	{
		border-color:transparent;
	}
	.content .fakelink
	{
	display:none;
	}
}

a.superquiet:link,
a.superquiet:visited,
a.superquiet:link:hover,
a.superquiet:visited:hover,
h3 a.quiet
{
	color:black;
	background:transparent;
	text-decoration:none !important;
}
a.content:link,
a.content:visited,
a.content:link:hover,
a.content:visited:hover
{
	color:black;
	text-decoration:none;
}
a.content:hover
{
	background:white none;
	border-color:white;
}

@media all
{	.content a.quiet:link,
	.content a.quiet:visited
	{
		color:black;
		background:transparent;
		text-decoration:none;
	}
	.content a.quiet:hover
	{
		color:#0000b0;
		background:transparent;
		text-decoration:underline;
	}
}
@media print
{	.content a.quiet:hover
	{
		color:black;
		background:transparent;
		text-decoration:none;
	}
}

.new
{
	width:97%;
	border-width:1px;
	border-style:solid;
	border-color:black;
	color:black;
	background:white;
	padding:.4em;
	padding-top:.55em;
	padding-bottom:.65em;
	margin-left:auto;
	margin-right:auto;
}
.new p,.new h1,.new h2,.new h3,.new h4,.new h5,.new h6
{
	text-align:center;
}
.new p {
	padding:0;
	padding-top:.25em;
	padding-bottom:.25em;
	margin:0;
	margin-left:.6em;
	margin-right:.6em;
	}
.new h4
{
	font-size:100%;
	font-weight:bold;
	margin:0;
	padding-top:.45em;
	padding-bottom:.2em;
	margin-top:0;
	text-align:center;
	white-space:nowrap;
}
.new h4:first-child
{
	padding-top:.27em;
}

.note
{
	cursor:default;
}

.mapicon /*NS4*/
{
	color:black;
}
@media all
{	a img.mapicon
	{
		border-width:2px;
		border-style:solid;
		padding:0;
		background:silver;
	}
	a:link img.mapicon,
	a:visited img.mapicon
	{
		border-color:black;
	}
	a:hover img.mapicon
	{
		border-color:#0000b0;
	}
}
@media print
{	.mapicon
	{
		display:none;
	}
}

.inlineicon
{
	border:none;
	margin:0;
	padding:0;
	padding-left:.4ex;
	vertical-align:baseline;
	position:relative;
	top:1px;
}

ul
{
	margin-left:2.5em;
	padding-left:0;
}
ul.narrow
{
	margin-left:3.5em;
	padding-left:0;
}
ul.plaincenter {
	list-style-type:none;
	text-align:center;
	font-style:italic;
	}
ul li
{
	margin-bottom:.1em;
}
ol.spread li
{
	margin-top:1em;
}
ol.spread li h4
{
	display:inline;
}

ol.tracklist {
	list-style-position:inside;/* Safari is probably right in requiring this */
	}
ol.tracklist li {
	margin:0;
	padding:0;
	line-height:26px; /* Space for mp3icon */
	}
a.samplelink img {
	border:none;
	}
a.samplelink {
	vertical-align:-.3ex;
	}
ol.tracklist li.withsample {
	margin-left:33px;
	margin-right:0;
	}
a.samplelink img {
	margin-left:10px;
	}

dl dt
{
	margin-top:.3em;
	font-weight:bold;
}
dl.notations dt
{
	font-weight:normal;
}

.dancetitle,
.creditsmain
{
	font-weight:bold;
}

.instrument,
.chorcomp,
.slash
{
	font-style:italic;
}

.dancetitle,
.chorcomp {
	white-space:nowrap;
	}

table.nclinks
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	white-space:nowrap;
}
table.nclinks td
{
	width:25%;
}

div.photocredit {
	margin-left:auto;
	margin-right:auto;
	}
div.photocredit img {
	margin-bottom:0;
	padding-bottom:0;
	}
div.photocredit p {
	font-size:80%;
	margin-top:0;
	padding-top:0;
	position:relative;
	bottom:.6px;
	text-align:right;
	display:block;
	}

span.ord-suff {
	font-size: x-small;
	vertical-align: baseline;
	position: relative;
	bottom: .6em;
	white-space:nowrap;
	}

table tr.separator {
	height:1.8em
}

.minilink {
	font-size:90%;
}

form fieldset, form div, .formconfirm {
	border: 1px groove black;
	padding:.5em;
	margin:0;
	padding-top:.2em;
	margin-top:.2em;
	padding-bottom:.2em;
	margin-bottom:.2em;
}
form fieldset {
	padding:.6em;
	padding-top:.2em;
	padding-bottom:.4em;
}

legend {
	color:black;
}

.formerr {
	color:red;
	white-space:nowrap;
}

.formconfirm p {
	margin:.5em;
	padding:0;
	border:none;
}


table.pricing {
	border-spacing:0;
	border-collapse:collapse;
	border:1px black solid;
	border-left:none;
	margin:auto;
	margin-top:.8em;
}

table.pricing tr.head th {
	text-align:center;
	font-weight:bold;
	border:none;
	border-left:1px black solid;
	border-right:none;
	padding:.1em;
	padding-left:.5em;
	padding-right:.5em;
	height:auto;
}

table.pricing td {
	text-align:center;
	font-weight:normal;
	border:none;
	border-left:1px black solid;
	border-right:none;
	padding:.1em;
	padding-left:.5em;
	padding-right:.5em;
}

table.pricing tr.head {
	background:silver;
}

table.pricing tr th {
	height:2em;
	border:none;
	padding:0;
	border-left:1px black solid;
	border-right:none;
	padding-left:.5em;
	padding-right:.5em;
}

table.pricing tr.odd {
	background:#eaeaea;
}

table.pricing tr.even {
	background:#e0e0e0;
}

table.pricing th {
	text-align:center;
	font-weight:normal;
}


table.ordercalc {
	border-collapse:collapse;
	white-space:nowrap;
}

table.ordercalc td {
	padding-left:1em;
	padding-right:1em;
	border-top:solid #d0d0d0 1px;
	border-bottom:solid #d0d0d0 1px;
}

table.ordercalc td.sectbeg {
	border-top:solid black 1px;
}
table.ordercalc td.sectend {
	border-bottom:solid black 1px;
}

table.ordercalc td.editable {
	padding:0 !important;
	background:white;
}

table.ordercalc td.desc {
	border-left:solid black 1px;
	padding-left:1em !important;
	background:transparent;
}

table.ordercalc td.quant {
	text-align:center;
	border-left:solid black 1px;
	border-right:solid black 1px;
}

table.ordercalc td.cost {
	text-align:right;
	border-left:solid black 1px;
	border-right:solid black 1px;
	width:2.8em;
}

table.ordercalc tr.total {
	border-bottom:none;
}

table.ordercalc th {
	text-align:right;
	padding-right:.2em;
	font-weight:bold;
}

table.ordercalc tr.total td.cost {
	border:solid black 1px;
	font-weight:bold;
}

table.ordercalc td.quant input,
table.ordercalc select {
	border:none;
	padding:0;
	margin:0;
	background:white;
	font-size:98%;
}

table.ordercalc td.quant input {
	text-align:center;
}

table.ordercalc td.buttons,
table.ordercalc td.notes {
	border:none;
	padding:0;
	margin:0;
}

table.ordercalc td.buttons input {
	text-align:center;
	min-width:5.5em;
}
table.ordercalc td.buttons input#buy {
	width:5.5em; /* for apparent min-width centering bug in Firefox 2 */
}

table.ordercalc td.notes {
	text-align:left;
	padding-left:1ex;
	color:red;
}


form.maillist {
	padding:.1em;
	white-space:nowrap;
}
form.maillist table {
	width:100%;
}
form.maillist table td {
	width:50%;
}
form.maillist .textfields label,
form.maillist .textfields .xlabel {
	text-align:right;
	float:left;
	clear:left;
	min-width:4em;
	padding-right:.4em;
}
form.maillist .textfields .xlabel {
	min-width:5em;
}
form.maillist .textfields input {
	min-width:21em;
}
form.maillist .textfields,
form.maillist .buttons {
	border:none;
}
form.maillist .buttons {
	text-align:center;
}
form.maillist dl,
form.maillist table,
form.maillist table tr,
form.maillist table tr td {
	padding:0;
	border:none;
	margin:0;
}
form.maillist dl dt {
	font-weight:600;
}
form.maillist dl dd,
form.maillist fieldset span {
	padding-left:0px;
	border:none;
	margin-left:.7em;
}
form.maillist fieldset .formerr {
	margin-left:.25em;
}
form.maillist fieldset span {
	margin-left:.82em;
}
form.maillist dd .minilink {
	display:none;
	margin-left:0.1em;
}
form.maillist .const {
	font-family:sans-serif;
	font-size:90%;
	vertical-align:middle;
	padding-left:.05em;
	line-height:1.5em;
}
form.maillist .hint {
	font-size:90%;
}

.longtext {
	text-align:justify;
}
.inlinepicright, .inlinepicleft {
	border-width:1px;
	border-style:solid;
	border-color:#aaaaaa;
	padding:.3em;
	margin:0;
	font-style:italic;
	font-size:85%;
	background:white;
	max-width:60%;
}
.inlinepicright img, .inlinepicleft img {
	max-width:100%;
}
.inlinepicright {
	float:right;
	margin-left:.8em;
	text-align:right;
}
.inlinepicleft {
	float:left;
	margin-right:.8em;
	text-align:left;
}
.inlinepicright .cap, .inlinepicleft .cap {
	padding:0;
	padding-top:.2em;
}
.inlinepicright .cap {
	margin-right:.05em;
}
.inlinepicleft .cap {
	margin-left:.05em;
}

