/* Styles for scrolling layers */

/********************************************************************/
/* "hold" Main div for scrolling content                            */
/* "wn" Nested div in scrolling layer - displays clipping rectangle */ 
/********************************************************************/


/* index.html */

div#hold_index	{ 
	position:relative;
	overflow:hidden;
/*	overflow:auto; */
/*	text-align: left; */
	width:500px;
	height:450px; 
	z-index:100; 
/*	border: 1px solid black; */
	}

div#wn_index	{ 
/*	text-align:right; */
	position:absolute; 
	left:0px;
	top:25px; 
	width:500px;
	height:400px; 
	clip:rect(0px, 500px, 300px, 0px); 
	overflow:hidden;	
/*	overflow:auto; */
	z-index:1; 
/*border: 1px solid black;*/
	}

div#scrollbar_index { 
  position:relative; left:0px; top:0;
  width:50px; height:450px; 
  font-size:1px; z-index:1;
  }

div#track_index { 
  position:absolute; left:20; top:157px;
  width:11px; height:136px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }

div#dragBar_index {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  

div#up_index { position:absolute; left:20px; top:140px; z-index:2 }  

div#down_index { position:absolute; left:20px; bottom:140px; z-index:3 } 


/********************************************************************/


/* biography.html */

div#hold_biography	{ 
	position:relative;
	overflow:hidden;
/*	overflow:auto; */
/*	text-align: left; */
	width:500px;
	height:450px; 
	z-index:100; 
/*	border: 1px solid black; */
	}

div#wn_biography	{ 
/*	text-align:right; */
	position:absolute; 
	left:0px;
	top:25px; 
	width:500px;
	height:400px; 
	clip:rect(0px, 500px, 400px, 0px); 
	overflow:hidden;	
/*	overflow:auto; */
	z-index:1; 
/*border: 1px solid black;*/
	}

/* td#scrollLinks_biography  { width:50px} */

div#scrollbar_biography { 
  position:relative; visibility:hidden;
  left:20px; top:0px;
align: center;
  width:50px; height:450px; 
  font-size:1px; z-index:1;
  }

div#track_biography { 
  position:absolute; left:0px; top:75px;
  width:11px; height:300px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }

div#dragBar_biography {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  

div#up_biography { position:absolute; left:0px; top:64px; z-index:2 }  

div#down_biography { position:absolute; left:0px; bottom:64px; z-index:3 } 


/********************************************************************/


/* concerts.pl */

div#hold_concerts	{ 
	position:relative;
	overflow:hidden;
/*	overflow:auto; */
/*	text-align: left; */
	width:600px;
	height:450px; 
	z-index:100; 
/*	border: 1px solid black; */
	}

div#wn_concerts	{ 
/*	text-align:right; */
	position:absolute; 
	left:0px;
	top:25px; 
	width:600px;
	height:400px; 
	clip:rect(0px, 600px, 400px, 0px); 
	overflow:hidden;	
/*	overflow:auto; */
	z-index:1; 
/*border: 1px solid black;*/
	}

/* td#scrollLinks_biography  { width:100px} */

div#scrollbar_concerts { 
/*  border: 1px solid black;*/
  position:relative; visibility:hidden;
  left:10px; top:0px;
/*align: center;*/
  width:30px; height:350px; 
  font-size:1px; z-index:1;
  }

div#track_concerts { 
  position:absolute; left:3px; top:25px;
  width:5px; height:300px;
  background: url("images/track.gif") #000 repeat;
  z-index:1;
  }

div#dragBar_concerts {
  position:absolute; left:2px; top:50px;
  width:3px; height:20px;
  background-color: #dd343a;

  z-index:1;
  }  

div#up_concerts { position:absolute; left:0px; top:14px; z-index:2 }  

div#down_concerts { position:absolute; left:0px; bottom:14px; z-index:3 } 





/**********************************************************************/

/* program_listing.pl */

div#hold_program	{ 
	position:relative;
	overflow:hidden;
/*	overflow:auto; */
/*	text-align: left; */
	width:525px;
	height:450px; 
	z-index:100; 
/*	border: 1px solid black; */
	}

div#wn_program	{ 
/*	text-align:right; */
	position:absolute; 
	left:0px;
	top:25px; 
	width:525px;
	height:400px; 
	clip:rect(0px, 525px, 400px, 0px); 
	overflow:hidden;	
/*	overflow:auto;   */
	z-index:1; 
/*	border: 1px solid black; */
	}

div#listing {
	float: left;
	width: 450px;
/*	border-right: 1px solid black; */
}

div#venue {
	float: left;
/*	width: 448px; */
}

div#venue ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

div#venue li {
	float: top;
}

div#venue span.venue_date {
	font-size: 14px;
	font-weight: bold;
}

div#venue span.venue_name {
	font-size: 12px;
	font-weight: bold;
}

div#venue span.venue_address {
	font-size: 10px;
	font-weight: normal;
}

/* td#scrollLinks_biography  { width:100px} */

div#scrollbar_program { 
/*  border: 1px solid black;*/
  position:relative; visibility:hidden;
  left:10px; top:0px;
/*align: center;*/
  width:30px; height:350px; 
  font-size:1px; z-index:1;
  }

div#track_program { 
  position:absolute; left:0px; top:25px;
  width:11px; height:300px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }

div#dragBar_program {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  

div#up_program { position:absolute; left:0px; top:14px; z-index:2 }  

div#down_program { position:absolute; left:0px; bottom:14px; z-index:3 } 



/**********************************************************************/




/* bostonhausmusik.html */

div#hold_bostonhausmusik	{ 
	position:relative;
	overflow:hidden;
/*	overflow:auto; */
/*	text-align: left; */
	width:500px;
	height:450px; 
	z-index:100; 
/*border: 1px solid black; */
	}

div#wn_bostonhausmusik	{ 
/*	text-align:right; */
	position:absolute; 
	left:0px;
	top:25px; 
	width:500px;
	height:400px; 
	clip:rect(0px, 500px, 400px, 0px); 
	overflow:hidden;	
/*	overflow:auto; */
	z-index:1; 
/*border: 1px solid black;*/
	}

div#scrollbar_bostonhausmusik { 
  position:relative; visibility:hidden;
  left:0px; top:0px;
align: center;
  width:11px; height:450px; 
  font-size:1px; z-index:2;
  }

div#track_bostonhausmusik { 
  position:absolute; left:0px; top:75px;
  width:11px; height:300px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }

div#dragBar_bostonhausmusik {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  

div#up_bostonhausmusik { position:absolute; left:0px; top:64px; z-index:2 }  

div#down_bostonhausmusik { position:absolute; left:0px; bottom:64px; z-index:3 } 


/***********************************************************************/


/* listen.html */

div#hold_listen	{ 
	position:relative;
	overflow:hidden;
/*	overflow:auto; */
/*	text-align: left; */
	width:500px;
	height:350px; 
	z-index:100; 
/*	border: 1px solid black; */
	}

div#wn_listen	{ 
/*	text-align:right; */
	position:absolute; 
	left:0px;
	top:25px; 
	width:500px;
	height:300px; 
	clip:rect(0px, 500px, 300px, 0px); 
	overflow:hidden;	
/*	overflow:auto; */
	z-index:1; 
/*border: 1px solid black;*/
	}

div#scrollbar_listen { 
  position:relative; left:0px; top:0;
  width:50px; height:350px; 
  font-size:1px; z-index:1;
  }

div#track_listen { 
  position:absolute; left:20; top:157px;
  width:11px; height:136px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }

div#dragBar_listen {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  

div#up_listen { position:absolute; left:20px; top:140px; z-index:2 }  

div#down_listen { position:absolute; left:20px; bottom:140px; z-index:3 } 


/*************************************************************************/


/* insidethefortepiano.html */

div#hold_insidethefortepiano	{ 
	position:relative;
	overflow:hidden;
/*	overflow:auto; */
/*	text-align: left; */
	width:500px;
	height:350px; 
	z-index:100; 
/*	border: 1px solid black; */
	}

div#wn_insidethefortepiano	{ 
/*	text-align:right; */
	position:absolute; 
	left:0px;
	top:25px; 
	width:500px;
	height:300px; 
	clip:rect(0px, 500px, 300px, 0px); 
	overflow:hidden;	
/*	overflow:auto; */
	z-index:1; 
/*border: 1px solid black;*/
	}

div#scrollbar_insidethefortepiano { 
  position:relative; left:0px; top:0;
  width:50px; height:350px; 
  font-size:1px; z-index:1;
  }

div#track_insidethefortepiano { 
  position:absolute; left:20; top:157px;
  width:11px; height:136px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }

div#dragBar_insidethefortepiano {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  

div#up_insidethefortepiano { position:absolute; left:20px; top:140px; z-index:2 }  

div#down_insidethefortepiano { position:absolute; left:20px; bottom:140px; z-index:3 }

 
/**********************************************************************/


/* gallery.html */

div#hold_gallery	{
	position: relative;
	overflow:hidden;
	width: 800px;
	height: 450px;
	z-index: 100;
/*	border: 1px solid black;*/
	}

div#wn_gallery	{
	position: absolute;
	left: 0px;
	top: 25px;
	width: 800px;
	height: 400px;
	clip:rect(0px, 800px, 400px, 0px);
	overflow:hidden;
	z-index:1;
/*border: 1px solid black;*/
	}

div#scrollbar_gallery { 
  position:relative; left:0px; top:0;
  width:50px; height:350px; 
  font-size:1px; z-index:1;
  }

div#track_gallery { 
  position:absolute; left:20; top:157px;
  width:11px; height:136px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }

div#dragBar_gallery {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  

div#up_gallery { position:absolute; left:20px; top:140px; z-index:2 }  

div#down_gallery { position:absolute; left:20px; bottom:140px; z-index:3 }


/************************************************************************/


/* credits.html */

div#hold_credits	{ 
	position:relative;
	overflow:hidden;
/*	overflow:auto; */
/*	text-align: left; */
	width:300px;
	height:450px; 
	z-index:100; 
	border: 1px solid black;
	}

div#wn_credits	{
	position: absolute;
	left: 0px;
	top: 50px;
	width: 500px;
	height: 250px;
	clip:rect(0px, 500px, 250px, 0px);
	overflow: hidden;
	z-index: 1;
/*border: 1px solid black;*/
	} 

div#scrollbar_credits { 
  position:relative; left:0px; top:0;
  width:50px; height:350px; 
  font-size:1px; z-index:1;
  }

div#track_credits { 
  position:absolute; left:20; top:157px;
  width:11px; height:136px;
  background: url("images/track.gif") #336 repeat;
  z-index:1;
  }

div#dragBar_credits {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1;
  }  

div#up_credits { position:absolute; left:20px; top:140px; z-index:2 }  

div#down_credits { position:absolute; left:20px; bottom:140px; z-index:3 }


/*****************************************************************************/




/********************************************************************************/


/* Div that contains actual content to be displayed */

div.content {
/*	direction: rtl: */
/*	text-align: left; */
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px; 
	z-index: 1;
	}







/* Styles for pages */ 

/* Remove scroll bars with overflow:hidden and center main content */ 
body	{ 
/*	overflow:hidden; */
	overflow:auto;
	text-align:center;
	font: 12px verdana, arial, helvetica, sans-serif;
	background: #fbfbfb;
	}


a:link, a:visited { color:#000 }	
/*div#lyr1 a:link, div#lyr1 a:visited { color:#000; font-weight:bold; text-decoration:none; font-size:14px }	*/
a img { border:none }
/* p	{
	font: 12px verdana, arial, helvetica, sans-serif;
	margin: 0 0 .6em 0;
	} */
h2 { font-size:1.2em; margin:0 0 .6em 0 }
h3 { font-size:1.1em; margin:0 0 .6em 0 }

.concert_description { font-style:normal; font-size: 12px }

.alert { font: 12px verdana, arial, helvetica, sans-serif; color: red;}


div.content	{
	font: 12px verdana, arial, helvetica, sans-serif;
	text-align: left;
	}

div.content a img { border: 1px solid #000 }

div.content a:link, a:visited {
	color: blue;
	font-weight: bold;
	text-decoration: none;
	}

div.content a:hover { text-decoration:underline; }

div.content span.concert_title {
	font-weight: bold;
	}


div.content a.concert_title:link, a.concert_title:visited {
	color: blue;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	}

div.content a.concert_title:hover {
	text-decoration: underline;
	}	

div.content span.title_tag {
	color: black;
	font-size: 12px;
	font-style: italic;
	}

div.content span.date_heading {
	font-weight: bold;
	}

div.content span.season_heading {
	font-size:18px;
	font-weight: bold;
	}




div.content ul.concert_listing	{
	text-indent: 0px;
	margin: 0px;
	list-style: none;
	padding: 0px;
	}

div.content li.concert_listing	{
/*	padding-top: 5px;
	padding-bottom: 10px; 
	border: 1px solid #000; */ 
	}

div.content li.concert_break {
	width: 100%;
	text-align: center;
	text-decoration: underline;
	}

div.content a.big_link:link, a.big_link:visited	{
	color: blue;
	font-weight: bold;
	text-decoration: none; 
	font-size: 14px; 
	}		


div.content a.small_link:link, a.small_link:visited	{
	color: blue;
	font-weight: bold;
	text-decoration: none; 
	font-size: 10px; 
	}

div.content a.small_link:hover {
	text-decoration: underline;
	}


div.content a.track:link, a.track:visited	{
	color: blue;
	font-weight:bold;
	text-decoration: none;
	font-size: 12px;
	}

div.content span.concert_heading	{
	font-weight: bold;
	font-size: 18px;
	}		



div.content span.small	{
	font-size: 9px;
	}


div.content div#program_performers	{
	text-align: center;
	font-weight: bold;
	}




/* This is the main table that holds all page content */
table.main	{ 
	background-color:#fbfbfb;
	width:100%; 
	margin:auto;
	text-align:left;
 	cellpadding:0;
	cellspacing:0;
/*	border:1px solid #000; */
	}


table.main td.text	{
	vertical-align: top;
	text-align: left
	}

/* Sets footer font and colors */
table.main td.footer	{
	font-size: 10px;
	line-height: 1.5em;
	background-color: #000;
	border-top: 1px solid #000;
	text-align: right; 
	color: #fff 
	}

table.main td.footer a	{
	text-decoration: none;
	color: red;
	font-size: 10px 
	}


/*td#scrollLinks  { width:50px}*/


/* The concert season nav system */

#concert_nav {
	float: left;
	width: 100%;
	background: url("tab_bottom_2.gif") repeat bottom;
	font-size:100%;
	line-height: normal;
	font-weight: bold;}

#concert_nav ul {margin: 0; padding: 10px 10px 0; list-style:none}
#concert_nav li {
	float:left;
	margin: 0px 0px;
	padding: 0;
	background: url("tab_right_2.gif") no-repeat right top;
}

#concert_nav a {
	display:block;
	background: url("tab_left_2.gif") no-repeat left top;
	padding: 5px 15px 4px;
	}
/* #concert_nav #current {
	background-image: #fbfbfb url("tab_right_2.gif";
	} */
#concert_nav a#current  {
	background-image: url("tab_left_2.gif");
	padding-bottom: 5px;
}









/* The table which contains the menu system */
table#nav	{
	text-align: center;
	color: #000;
	}

/* Standard nav table display is with button "on" */
table#nav td	{
	font: 12px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: red;
/*	background: #000;*/
	line-height: 20px;
/*	border-left: 1px solid #000; */
	border-top: 1px solid #000; 
	border-bottom: 1px solid #000;
	}

/* If anchor, display as button "off" */
table#nav a	{
	display: block; 
	font-weight: bold;
	text-decoration: none;
/*	color: #fbfbfb;
	background: #000; */
	color: #000;
	} 

/* Turn button "on" */
table#nav a:hover {
/*	display: block;
	font-weight: bold; */
}

/* Email button special red */
td#nav_special a:hover {
	display: block;
/*	background: red;
	color: #000; */
}