body {background-color: black; margin:0; padding:0; width:100%; font-family: verdana, sans-serif; line-height:150%;}
html {width:100%;}

/* create a different background color for the different "classes" of body */

.index{background-color:#000000;}
.water{background-color: #919190;}

/*use the pound sign to indicate a division*/
		
#container{
width:1280px;
height:800px;
margin:0 auto;
background-repeat:no-repeat;}

/* create a different background photo for the different classes of container */

.rock{background-image:url("../images/photos/rockface6.jpg");}
.dawn{background-image:url("../images/photos/sunrise.jpg");}

.biography{background-image:url("../images/photos/sunset.jpg");}
.highway{background-image:url("../images/photos/highway3.jpg");}
.listen{background-image:url("../images/photos/wisps.jpg");}
.works{background-image:url("../images/photos/streaks.jpg");}

.consolation{background-image:url("../images/photos/op40foliage.jpg");}
.convivencia{background-image:url("../images/photos/op35toledo.jpg");}
.grandsire{background-image:url("../images/photos/op12canyon.jpg");}
.hedgehog{background-image:url("../images/photos/op37lights.jpg");}
.laudate{background-image:url("../images/photos/op19organ.jpg");}
.lamentations{background-image:url("../images/photos/op15delphi.jpg");}
.light{background-image:url("../images/photos/op34rain.jpg");}
.pendulum{background-image:url("../images/photos/op09pendulum.jpg");}
.tombeau{background-image:url("../images/photos/op31chaumont.jpg");}
.unspoken{background-image:url("../images/photos/op33mountain.jpg");}

#container.veil{background-image:url("../images/photos/op24window.jpg");}

#container.avihidlik{height:1000px;px;background-image:url("../images/photos/op39prague.jpg");}
#container.barley{height:1265px;background-image:url("../images/photos/op22field.jpg");}
#container.dimes{height:1800px;background-image:url("../images/photos/op23ocean.jpg");}
#container.intimate{height:1000px;background-image:url("../images/photos/op28yellowbarn.jpg");}
#container.shapenote{height:1550px;background-image:url("../images/photos/op13farm.jpg");}
#container.transformations{height:1400px;background-image:url("../images/photos/op38waterfall.jpg");}
#container.twists{height:2000px;background-image:url("../images/photos/op30window.jpg");}

.step{width:1265px;height:1000px;background-image:url("../images/photos/hall.jpg");}

/* MENU is within the container division */
	
#menu {width:1280px;height:50px;top:0px;left:0px;background-repeat:repeat-x;}

	ul#navlist {list-style:none;list-style-image:none;list-style-position:inside;padding:0;margin:0;}
	ul#navlist li {width:147px;height:37px;text-align:center;line-height:30px;//for v-alignment list-style-type:bold;margin:0 30px; float:left}
	ul#navlist li a {font-family:Georgia;font-size:24px;text-decoration:none;}

 /*Navigation list link color-formatting*/

	ul#navlist li a:link {color:#26AAFA;}       /* basic link -- sky blue ÑÑ was FFD986 */
	ul#navlist li a:visited { color:26AAFA; }	/* same color as basic link -- sky blue */
	ul#navlist li a:hover {color: #F53A39; }  /* the new warmer red Ñ same as the sunset clouds on the WORKS page */
	ul#navlist li a:active {color: #F2C53D; }
 
/*Body link color-formatting -- on the works page, it affects the links to video pages but not the opus pages*/

	a:link {color: #blue;text-decoration:none;}       /* basic link -- was F2C53D = straw*/
	a:visited {color: blue;text-decoration:none;}  /* visited link */
	a:hover {color: #F53A39;text-decoration:none;}   /* mouse over link -- was #FF2A1E I made this color up*/
	a:active {color: #F2C53D;text-decoration:none;}   /* selected link */

/*MENU BACKGROUNDS */

.rock #menu{background-image:url("../images/gradients/50rock.png");}
.dawn #menu{background-image:url("../images/gradients/50saddle.png");}
.biography #menu{background-image:url("../images/gradients/50purple.png");}
.works #menu{background-image:url("../images/gradients/50warmred.png");}
.listen #menu{background-image:url("../images/gradients/50blue.png");}
.highway #menu{background-image:url("../images/gradients/50blue.png");}

.consolation #menu{background-image:url("../images/gradients/50red.png");}
.intimate #menu{background-image:url("../images/gradients/50stone.png");}
.step #menu{background-image:url("../images/gradients/50purple.png");}

.hedgehog #menu{background-image:url("../images/gradients/200red.png");height:300px; position:relative; z-index:10;}
.light #menu{background-image:url("../images/gradients/300grey.png"); height:300px; position:relative; z-index:10;}
.pendulum #menu{background-image:url("../images/gradients/300stone.png"); height:300px; position:relative; z-index:10;}
.lamentations #menu{background-image:url("../images/gradients/250stone.png");height:250px;position:relative; z-index:10;}
.laudate #menu{background-image:url("../images/gradients/250stone.png");height:250px;position:relative; z-index:10;}
.transformations #menu{background-image:url("../images/gradients/150stone.png");height:150px;position:relative; z-index:10;}
.twists #menu{background-image:url("../images/gradients/150stone.png");height:150px;position:relative; z-index:10;}
.veil #menu{background-image:url("../images/gradients/50stone.png"); position:relative; z-index:10;}

/*STYLES FOR NAVIGATION START*/	

ul#navlist span {display:none}
ul#navlist a {
display:block;
background-image:url("../images/nav.png");
background-repeat:no-repeat;
}

a.home {
width:50px;
height:50px;
}
a.home:hover {
background-position:0 -58px;
}

a.news {
width:60px;
height:50px;
background-position:-58px 0;
}
a.news:hover {
background-position:-58px -58px;
}

a.listen {
width:75px;
height:60px;
background-position:-105px 0;
}
a.listen:hover {
background-position:-105px -58px;
}

a.works {
width:70px;
height:50px;
background-position:-176px 0;
}
a.works:hover {
background-position:-176px -58px;
}

a.biography {
width:105px;
height:60px;
background-position:-240px 0;
}
a.biography:hover {
background-position:-240px -58px;
}

a.contact {
width:80px;
height:50px;
background-position:-350px 0;
}
a.contact:hover {
background-position:-350px -58px;
}

/* INDEX page */

	#index-logo{display:block; margin:185px 0 0 221px; float:left}   

	#index-composer{display:block; /*margin:-10px 0  0 625px*/ float:right; margin:0 100px 0 0}
	
	#index-options{margin:220px 0 0 40px; float:left; line-height:18px}

/* NEWS page */

	#news1{ background-image:url("../images/gradients/300saddle.png");
		float: left;
		background-repeat:repeat-x;
		height:300px;
		margin:80px 40px;
		padding-left:25px;
		padding-top:15px;
		width:550px;}

	#news2 {
			background-image:url("../images/gradients/300saddle.png");
		float: left;
		background-repeat:repeat-x;
		height:300px;
		margin:80px 10px;
		padding-left:25px;
		padding-top:15px;
		width:550px;
	}

	#op37player{display:block; margin: 0px 1;
		width:400px; height:30px;}

/* LISTEN page */
	
	.listenbox {background-image:url("../images/gradients/150blue.png");	
		background-repeat:repeat-x;
		float:left;
		height:150px;
		margin:20px;
		padding:15px;
		position:relative;
		}
		
	#orchestra {width:220px;}

	#listen-1 {
		left:10px;
		position:absolute;
		top:70px;
		z-index:99;
		}
			
	#chamber{width:250px;}	
		
	#listen-2 {
		left:10px;
		position:absolute;
		top:95px;
		z-index:99;
		}
			
	#duo {width:190px;}
	
	#listen-3 {
		left:10px;
		position:absolute;
		top:70px;
		z-index:99;
		}
			
	#vocal{width:290px;}
					
	#listen-4 {
		left:10px;
		position:absolute;
		top:95px;
		z-index:99;
		}
			

	#more{color:white;
		font-size:120%;
		margin:600px 40px;
		}

/*the divisions below are found on the WORKS page */
	
	.worksbox {
			width:570px;
			padding:15px;
			background-repeat:repeat-x;
			line-height:24px;color:black;
			}
	
	#orchestraworks {background-image:url("../images/gradients/200red.png");
			float: left; 
			height:200px;
			margin: 20px 20px;
			}
			
	#chamberworks {background-image:url("../images/gradients/320blue.png");
			float: right; 
			height:320px;
			margin: 20px 20px;
			}
	
	#vocalworks{background-image:url("../images/gradients/320blue.png");
			float: left; 
			height:320px;
			margin: 0px 20px;
			}	
	
	#otherworks{background-image:url("../images/gradients/200red.png");
			float:right;
			height:200px;
			margin:25px 20px;
			}
	
/* BIOGRAPHY page */

	#biography{
		background-image:url("../images/gradients/320purple.png");
		background-repeat:repeat-x;
		height:320px;
		margin:50px;
		padding:24px 40px 24px 24px;
		width:1100px;
		}
		
	#biotext{float:left;
		line-height:150%;
		margin-left:25px;
		margin-top:0;
		width:900px;}	

#biography img {float:left}

/*the divisions below are found on the CONTACT page */
	
	#contact{
		background-image:url("../images/gradients/150blue.png");
		background-repeat:repeat-x;
		height:320px;
		margin:25px;
		width:660px;
		}
		
	#contact form { 
		position:relative;
		left:20px;
		top:20px;
}

/* Contact form styles */
.field {
  clear:both;
  padding:5px 0; }
  
.field-required {
	color:#FFFFFF;
	float:left;
	font-size:20px;
	font-weight:bold;
	padding-top:5px;
	vertical-align:top; }
  
.field-not-required {
	color:#000;
	display:inline;
	font-size:20px;
	font-weight:bold;
	vertical-align:bottom; }
  
.buttons {
	text-align:left;
	float:left; 
	clear:left;
	}
  
.buttons input {
	border:solid 1px #ccc;
	cursor:pointer;
	padding:3px;
	margin:15px 0 0 105px;
	}
  
label {
	display:block;
	float:left;
	padding:0 6px 0 0;
	text-align:right;
	width:80px; }
  
.star { width:200px;  }
  
input.form-field {
	float:left;
	font-size:14px;
	height:20px;
	margin:5px 0 0 5px;
	padding:0;
	width:500px;; }
  
.form-field-comment {
	font-family:Arial;
	font-size:14px;
	margin:5px 0 0 5px;
	padding:2px;
	width:500px;
	float:left }
  
textarea, input { border:1px solid #7ba2a2; }

input:focus, textarea:focus, input:hover { border-color:#000; }

div#message { 
	padding:20px;
	margin:20px auto;
	width:450px;
	line-height:normal;
	text-align:left;
	border:1px solid #ccc;
	font-size:13px; }

/* op9 THIS PENDULUM OF SNOW */

	#op9heading {font-size:120%;
font-style:italic;
position:relative;
top:-260px;
width:1280px;
z-index:99;}
	
	#pendulumlogo {margin:10px 30px;}
	#op9facts {
		line-height:150%;
		margin-left:50px;
		position:absolute;
		top:90px;}
		  
	#op9lyrics {background-image:url("../images/gradients/600stone.png");
background-repeat:repeat-x;
left:240px;
padding:15px;
position:relative;
top:-200px;
width:275px;}

/* op12  GRANDSIRE */

	#op12heading {margin-left:70px;}
	
	#op12subheading {
		float:right;
		margin-right:-170px;
		margin-top:-50px;
		position:relative;
		width:700px;}	

	#op12player {left:150px;
		position:absolute;
		top:50px;
		z-index:999;}	

	#op12programnotes {
		margin:50px 480px;
		width:600px;
		}

/* op13 SHAPENOTE FANTASY */

	#op13heading {
		float:left;
		height:100px;
		position:relative;
		top:-20px;
		width:750px;
		}
					
	#op13subheading {
		float:right;
		margin-right:20px;
		position:relative;
		top:20px;
		width:500px;
		}	

#op13player {
		left:1px;
		position:absolute;
		top:80px;
		}	

#op13programnotes {
		background-image:url("../images/gradients/200stone.png");
		background-repeat:repeat-x;
		float:left;
		height:200px;
		margin:90px 0 0 100px;
		padding:12px;
		width:1120px;
		}

	.shapenotebox {background-image:url("../images/gradients/150stone.png");background-repeat:repeat-x;
	float:left;
	height:150px; 
	padding:12px;
}
	
	#ballstown {	width:350px; 
margin:-10px 10px 10px 200px;}

	#evening {	width:350px; 
margin:-10px 10px 10px 80px;}

	#immensity {width:350px; 
margin:1px 10px 10px 350px;}

	#garden {	width:350px; 
margin:1px 10px 10px 60px;}

	#marlborough {	width:350px; 
margin:1px 10px 10px 875px;}

/* op15  LAMENTATIONS */

	#op15heading {
		float:left;
		margin-left:20px;
		position:relative;
		top:-215px;
		z-index:99;
		}
	
	#op15subheading {
		float:right;
		margin-right:20px;
		position:relative;
		top:-190px;
		width:500px;
		z-index:99;
		}	

	#op15player {left:150px;
		position:absolute;
		top:50px;
		z-index:999;}	

	#op15programnotes {
		background-image:url("../images/gradients/300stone.png");
		background-repeat:repeat-x;
		float:left;
		height:300px;
		left:20px;
		padding:10px;
		position:relative;
		top:-185px;
		width:640px;
		z-index:999;
		}

/* op16  STEPINSIDETHESOUND   */

	#stepinside {position:absolute;top:20px;left:30px;z-index=999;}

	#op16logo {position:absolute;top:20px;left:20px;width:870px; height:200px;
			background-image:url("../images/gradients/200stone.png");background-repeat:repeat-x;}

	#op16description{position:absolute;top:170px;left:360px;width:550px; height:150px;padding:15px;font-size:36px;line-height:36px;color:black;
			background-image:url("../images/gradients/100stone.png");background-repeat:repeat-x;}
	
	#op16complete {position:absolute;top:360px;left:250px;width:210px; height:150px;padding:15px;font-size:24px;line-height:36px;color:black;
			background-image:url("../images/gradients/150stone.png");background-repeat:repeat-x;}
	
	#op16duo{position:absolute;top:240px;left:30px;width:180px; height:150px;padding:15px;font-size:24px;line-height:36px;color:black;
			background-image:url("../images/gradients/150stone.png");background-repeat:repeat-x;}
						
	#op16solo{position:absolute;top:636px;left:540px;width:210px; height:150px;padding:15px;font-size:24px;line-height:36px;color:black;
			background-image:url("../images/gradients/150stone.png");background-repeat:repeat-x;}	
	
	#op16finale{position:absolute;top:340px;left:860px;width:210px; height:130px;padding:15px;font-size:24px;line-height:36px;color:black;
			background-image:url("../images/gradients/150stone.png");background-repeat:repeat-x;}
			
	#op16notice{position:absolute;top:786px;left:265px;width:700px; height:160px;padding:15px;padding-right:48px;font-size:24px;line-height:36px;color:black;
			background-image:url("../images/gradients/300stone.png");background-repeat:repeat-x;}
			
	#Loistext{display:block;position:absolute;top:15px;left:175px;font-family:georgia;font-size:16px;line-height:20px;color:black;}	

/* op19 LAUDATE PUERI */
		
	#op19heading {position:relative;
top:-250px;
width:1280px;
z-index:99;
		}
		
	#op19logo {
		float:left;
		left:20px;
		position:relative;
		top:40px;
		}
			
	#op19subheading {
		float:left;
		left:20px;
		position:relative;
		top:50px;
		width:500px;
		}

#op19player {
		position:absolute;
		right:90px;
		top:115px;
		}	

	#op19notes {
		background-image:url("../images/gradients/150stoneTB.png");
		background-repeat:repeat-x;
		height:110px;
		margin-top:415px;
		padding:12px;
		}
				
/* op22 THE MAID AND THE BARLEY */
	.op22box {
		background-repeat:repeat-x;
		float:left;
		padding:15px;}
	
	#op22heading{margin-top: -10px}

	#op22subheading{margin:50px -35px;}	

	#op22notes {
		background-image:url("../images/gradients/200stone.png");
		height:200px;
		margin:-35px 20px;
		width:1200px;
		}

	#op22lyrics {
		background-image:url("../images/gradients/600stone.png");
		height:600px;
		margin:220px 20px;
		width:1210px;}

	#op22lyrics1 {float:left;}

	#op22lyrics2 {
		float:left;
		margin-left:40px;
		position:relative;
		top:-20px;}
	
/* op23 SPARE DIMES  */
	
	.op23creator {font-size:150%;
		height:50px;
		width:800px;}

	.op23textbox {background-image:url("../images/gradients/600khaki.png");
		background-repeat:repeat-x;
		float:left;
		height:600px;
		margin-left:20px;
		padding:15px;
		position:relative;
		width:200px;
		}
	
	.op23notebox {}
	
	#op23title {
		float:left;
		height:100px;
		margin-left:20px;
		position:relative;
		width:350px;
		}
		
	#op23poet {
		float:left;
		margin-left:500px;
		position:relative;
		top:-40px;
		}
	
	#op23subtitle {
		float:left;
		font-size:150%;
		font-style:italic;
		font-weight:bold;
		margin-left:120px;
		position:relative;
		top:-20px;
		width:700px;}
		
	#op23composer {
		float:left;
		position:relative;
		top:-22px;
		width:450px;
		}
	
	.op23player {}
	
	#danube {margin-top:220px;}
		
	#op23danubeplayer {position:absolute;z-index:99;}
	#op23video_1 {margin-left:60px;z-index:95;}
	
	#familiar {margin-top:180px;}

	#op23familiarplayer {position:absolute;z-index:97;}
	#op23video_2 {margin-left:60px;z-index:95;}
	
	#fury {margin-top:140px;width:210px;}
		
	#op23furyplayer {position:absolute;z-index:95;}
	#op23video_3 {margin-left:60px;z-index:95;}

	#patience {margin-top:100px;}
		
	#op23patienceplayer {position:absolute;z-index:95;}
	#op23video_4 {margin-left:60px;z-index:93;}

	#solstice {margin-top:60px;}
 
 	#op23solsticeplayer {position:absolute;z-index:93;width:230px;}
	#op23video_5 {margin-left:60px;z-index:91;}

	#op23justinbio {background-image:url("../images/gradients/250teal.png");
		background-repeat:repeat-x;
		height:250px;
		margin:1050px 10px 10px 210px;
		padding:10px;
		width:1020px;
		}
		
	#justintext {margin:-180px 1px 10px 156px;}

	#op23notes {background-image:url("../images/gradients/300teal.png");
		background-repeat:repeat-x;
		height:300px;
		margin:60px 0 0 20px;
		padding:15px;
		width:1200px;
		}
		
/* op24 VEIL */
	.op24box {font-family: verdana, sans-serif;line-height: 140%}
	
	#op24heading {background-image:url("../images/gradients/125stone.png");
height:300px;
position:relative;
top:-50px;
width:731px;
		}
		#op24heading img {float:left; margin-top:30px}
			
	.op24details {float:left;
		margin-top:20px;
		width:500px;
		}
	
	#op24player {z-index:999;}	

	#op24notes {background-image:url("../images/gradients/800stone.png");background-repeat:repeat-x;
		float:right;
		height:800px;
		padding:12px;
		width:525px;
		position:relative;
		top:-350px
		}
			
	#op24text {margin-top: 70px;}
	
/* op28 INTIMATE DISTANCE */

	#op28heading {float:left;margin-left:650px;}
			
	#op28facts {float:right;
		font-size:125%;
		line-height:160%;
		margin-top:-30px;
		width:525px;}
			
	#yellowbarnplayer{margin-left:60px;z-index:999;}	
	#mistplayer{margin-left:60px;z-index:999;}	
		  
	#op28notes {background-image:url("../images/gradients/300stone.png");
		background-repeat:repeat-x;
		margin:570px 240px;
		padding:15px;
		width:975px;}
		
/* op30 THREE FRENCH TWISTS  */

	#op30title {float:left;
		height:150px;
		left:30px;
		position:relative;
		top:-90px;
		z-index:99;}
		
	#3twists{position:absolute;top:190px;left:880px;}

	#mezzotext{font-size:150%;
		margin:-20px 0 0 20px;} 
		
	.twistbox {background-repeat:repeat-x;padding:10px; position:relative;}		
	
	#op30notes {
		background-image:url("../images/gradients/300stone.png");
		float:right;
		height:300px;
		right:75px;
		top:-60px;
		width:770px;
		}
				 
	#op30vaillant {
		background-image:url("../images/gradients/300stone.png");
		float:left;
		height:300px;
		margin-left:45px;
		top:-70px;
		width:650px;
		}

	#op30vaillantPlayer {
		margin:5px;
		position:absolute;
		z-index:99;
		}
		
	#op30ciconia {
		background-image:url("../images/gradients/200stone.png");
		float:right;
		height:200px;
		margin-right:100px;
		width:650px;
		}
		
	#op30ciconiaPlayer {
		margin:5px;
		position:absolute;
		z-index:99;
		}
		
	#op30grimace {
		background-image:url("../images/gradients/300stone.png");
		float:left;
		height:300px;
		margin-left:95px;
		margin-top:100px;
		width:650px;
		}
		
	#op30grimacePlayer {
		margin:5px;
		position:absolute;
		z-index:99;
		}

	#op30cooper {
		background-image:url("../images/gradients/300stone.png");
		float:right;
		height:270px;
		margin:120px 10px 10px 0;
		width:880px;
		}
		
	#cooperphoto {left:15px;
		position:absolute;
		top:15px;}
	
	#coopertext{
		left:190px;
		line-height:125%;
		padding-right:15px;
		position:absolute;
		top:0;
		width:500px;
		}	
				
	#CDmoon{
		display:block;
		left:710px;
		padding-right:15px;
		position:absolute;
		top:15px;
		}		

/* op31  TOMBEAU */

	#op31heading {display:block;
		float:left;
		left:140px;
		position:relative;
		top:-20px;
		width:700px;
		}
	
	#op31subheading {
		float:right;
		margin:10px 220px 0 0;
		width:200px;
		}	

	#op31player {float:left;}	

	#op31notes {
		background-image:url("../images/gradients/250stoneTB.png");
		background-repeat:repeat-x;
		height:240px;
		margin-top:575px;
		padding:12px;
		width:1255px;
		}

/* op33 UNSPOKEN */

	#op33heading{
		float:left;
		left:20px;
		position:relative;
		top:-10px;
		z-index:999;
		}	

	#op33subheading{
		left:20px;
		margin-top:25px;
		position:relative;
		z-index:999;
		}	

	#op33player{margin-left:10px;z-index:999;}	

	#op33notes {
		background-image:url("../images/gradients/300vltava.png");
		background-repeat:repeat-x;
		height:270px;
		margin-left:50px;
		margin-top:300px;
		padding:20px;
		width:800px;			
		}

/* op34  AND THEN THE LIGHT page */
	
	#op34heading{
		padding:10px;
		position:relative;
		top:-270px;
		width:1280px;
		z-index:99;
		}

	#op34subheading {
		font-size:200%;
		font-style:italic;
		font-weight:bold;
		left:100px;
		line-height:200%;
		position:relative;
		top:-300px;
		width:1180px;
		}
	
	#op34player {
		left:535px;
		position:absolute;
		top:21px;
		z-index:999;}
	
	#op34notes{
		background-image:url("../images/gradients/300grey.png");
		background-repeat:repeat-x;
		height:300px;
		left:25px;
		line-height:150%;
		padding:10px;
		position:relative;
		top:-300px;
		width:1210px;
		}

/* op35 CONVIVENCIA  */

	#op35logo {
		left:50px;
		position:relative;
		top:-20px;
		width:1000px;
		}
	
	#op35subtitle {
		font-size:125%;
		font-style:italic;
		font-weight:bold;
		position:relative;
		top:-30px;
		width:800px;
		}
	
	#alfonso {
		background-image:url("../images/gradients/200olive.png");
		background-repeat:repeat-x;
		height:200px;
		margin: 105px 20px;
		padding:15px;
		width:1040px;}
	
	#op35notes {
		background-image:url("../images/gradients/180olive.png");
		background-repeat:repeat-x;
		height:160px;
		margin-left:20px;
		padding:15px;
		position:relative;
		top:-100px;
		width:1200px;}		

/* op37 HEDGEHOG page */

	#op37heading {float:left;
		margin-left:20px;
		position:relative;
		top:-260px;
		z-index:99;
		}
		
	#op37subheading {color:white;
		font-family:verdana,sans-serif;
		left:800px;
		position:absolute;
		top:20px;}

	/*#op37player seems to land fine without positioning */

	#op37notes {color:white;
		font-family:verdana,sans-serif;
		line-height:150%;
		margin:300px 20px;
		width:1220px;}

/* op38a FOUR TRAGIC ODES */

	#op38title {float:left;
		height:150px;
		left:30px;
		position:relative;
		top:-110px;
		z-index:99;}
		
	#4tragicodes{position:absolute;top:190px;left:880px;}

	#horntext{font-size:150%;
		margin-left:240px;
		margin-top:-35px;} 
		
	.nymph {background-repeat:repeat-x;width:500px; padding:10px; position:relative;}		
	
	#salmachis {background-image:url("../images/gradients/300stone.png");
		float:right;
		height:300px;
		right:45px;
		top:-50px;
		width:650px;
		}
			
	#op38aSalmacisPlayer {position:absolute;z-index:99;}
	 
	#pirene {background-image:url("../images/gradients/200stone.png");
		float:left;
		height:200px;
		left:330px;
		top:100px;
		}

		#op38aPirenePlayer {position:absolute;z-index:99;}
		
	#echo {background-image:url("../images/gradients/300stone.png");
		float:left;
		height:300px;
		left:-400px;
		top:150px;
		}
	
	#op38aEchoPlayer {position:absolute;z-index:99;}
		
	#callisto {background-image:url("../images/gradients/300stone.png");
		float:right;
		height:300px;
		right:30px;
		top:-50px;
		}
		
	#op38aCallistoPlayer {position:absolute;z-index:99;}

	#ryan{background-image:url("../images/gradients/300stone.png");
		height:300px;
		margin-left:20px;
		margin-top:950px;
		padding-right:48px;
		width:920px;}
		
	#zwahlenphoto {left:15px;
		position:absolute;
		top:15px;}
	
	#ryantext{left:190px;
		line-height:125%;
		padding-right:15px;
		position:absolute;
		top:0;
		width:560px;
		}	
				
	#city{display:block;position:absolute;top:15px;left:765px;padding-right:15px;}		

/* supplements for op38b FOUR TRANSFORMATIONS */

	#saxtext{position:absolute;top:120px;left:225px;}
	
	#lois{position:absolute;top:1100px;left:50px;width:720px; height:200px;padding:15px;padding-right:48px;font-size:24px;line-height:36px;color:black;
			background-image:url("../images/gradients/250stone.png");}
			
	#Loistext{display:block;position:absolute;top:15px;left:175px;font-family:georgia;font-size:16px;line-height:20px;padding-right:15px;color:black;}	

/* op39 AVI HIDLIK */

	#op39heading {margin-left:10px;
		position:relative;
		top:-10px;}
	
	#op39notes {background-image:url("../images/gradients/150sky.png");
		background-repeat:repeat-x;
		margin-left:140px;
		margin-top:-10px;
		padding:0 15px;
		width:950px;}	
		
	#op39player {margin-top: 10px;
		z-index:999;}	

	#op39eaken {background-image:url("../images/gradients/300vltava.png");
		background-repeat:repeat-x;
		height:300px;
		margin-left:50px;
		margin-top:250px;
		padding:15px;
		position:relative;
		width:790px;}
			
	#eakentext{left:300px;
		padding-right:15px;
		position:absolute;
		top:15px;}	
		
/* op40  CONSOLATION   */
	
	.op40box{background-image:url("../images/gradients/150red.png");
		background-repeat:repeat-x;
		float:left;
		height:150px;
		padding-left:15px;
		padding-top: 10px;
		}
	
	#op40logo {
		margin:20px 40px;
		width:450px;}
					
	#op40description{
		font-size: 150%;
		font-weight: bold;
		font-style: italic;
		margin:70px 290px 10px 40px;
		width:250px;}
	
	#op40listen {
		float:left;
		margin-left:40px;
		margin-top:20px;
		position:relative;
		width:250px;}
	
	#op40player{left:15px;
		position:absolute;
		top:40px;
		z-index:999;}	
	
	#op40intro{	
		float:left;
		margin:20px 20px 20px 40px;
		width:250px;}
						
	#op40performance{
		float:left;
		margin:20px;
		width:250px;}	

	#op40score {
		float:left;
		margin:20px;
		width:250px;}