body	{  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 80%; 
	color: Black;
	background-color: Red;
	padding: 2ex;
	}
td	{  
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color: Black;
	background-color: Red;
	}

dt	{
	Font-weight: bold;
}

h1 { 	font-size: 300%;  
		font-weight: normal;
		font-family: "Zebrawood Regular", "Playbill", serif;
		color: Yellow;
  }
  
div.cartouche h1	{
		color: Red;
	}

h2 { 	font-size: 200%;  
		font-weight: normal;
		font-family: "Zebrawood Regular", "Playbill", serif;
		color: Red;
  }

h3 { 	font-size: 150%;  
		font-weight: bold;
		color: Red;
  }

p.review, p.tribute	{
	margin-bottom:0em;
}

p.reviewer	{
	margin-top:0em;
	text-indent: 2em;
	font-style: italic;
}

p.from	{
	margin-top:0em;
	text-align:right;
	margin-right:2em;
}

p.credits {  
	font-size: 120%; 
	font-weight: bold; 
	color: Yellow;
}

a.credits:link, a.credits:visited, a.credits:hover	{ 
	font-weight: bold; 
	color: Yellow;
}

.caption {  
	font-size: 80%;
	margin-top:0em; 
	font-style: normal; 
	color: Black;
	align: center;
}

.bigger	{
	font-size:125%;
	padding: 0em 1em;
	}

.emph {
			font-weight: bold;
		color: Red;
}

.navbar	{
	border: double Yellow;
	margin:1ex 1em 1ex 1em;
	padding:.5ex;
}

td.menu	{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	border: Yellow 2px solid;
	padding: 0px;
}

a.menu:link, a.menu:visited	{
	background-color: Red;
	padding: 4px;
	color: Black;
	display: block;
	text-decoration: none;
	margin: 0px;
}

a.menu:hover {
	background-color: Blue;
	padding: 4px;
	color: White;
	display: block;
	text-decoration: none;
	margin: 0px;
}

a.menu:active, span.here{
	background-color: White;
	padding: 4px;
	color: Black;
	display: block;
	text-decoration: none;
	margin: 0px;
}

.cartouche {
	margin:1em;
	padding:1em;
	text-align : justify; 
	background-color: White;
	border: double Yellow;
}

.announce {
	margin:1em;
	padding:1em;
	clear:right;
	text-align : justify; 
	background-color: #FFFFCC;
	border-left: Thin solid gray;
	border-top: Thin solid gray;
	border-right: thick ridge Black;
	border-bottom: thick ridge Black;
}
* html body div.announce	{ /* IE only */
	height: 1%;
}

/* This includes the Box Model Hack -- see http://tantek.com/CSS/Examples/boxmodelhack.html */
.contact {
	margin:1em;
	padding:1em;
	width: 29%;
	height: 17em;
	max-height: 13em;
	background-color: White;
	border: double Yellow;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:25%;
}

/* These are for the images displayed on the stage om index.html */
#stage	{
	position:absolute;
/*	left: 0px;	*/
	right: 4%;
	top: 10px;
	width: 412px;
}
#proscenium	{
	visibility: hidden;
	left: 0px;
	top: 0px;
	z-index: 10;
	position: absolute;
}
#the1	{
	position: absolute;
	left: 168px;
	top: 133px;
	z-index: 2;
	visibility: hidden;
}
#the2	{
	position: absolute;
	left: 41px;
	top: 288px;
	z-index: 2;
	visibility: hidden;
}
#string1, #string2, #string3	{
	position: absolute;
	left: 98px;
	top: 182px;
	z-index: 5;
	visibility: hidden;
}
#rope1, #rope2, #rope3, #rope4	{
	position: absolute;
	left: 27px;
	top: 210px;
	z-index: 1;
	visibility: hidden;
}
#band	{
	position: absolute;
	left: 38px;
	top: 125px;
	z-index: 3;
	visibility: hidden;
}
#old1	{
	position: absolute;
	left: 143px;
	top: 98px;
	z-index: 4;
	visibility: hidden;
}
#old2	{
	position: absolute;
	left: 144px;
	top: 264px;
	z-index: 4;
	visibility: hidden;
}