/*  THIS IS THE STYLE SHEET FOR "Danny Grissett: invention, design, and technique - melodic and rhythmic design in jazz improvisation"
AKA "grissett" */

html, body 
	{
	margin: 0; padding: 0; 
	}
	
body
	{
	position: relative;
	min-height: 100vh;
	background: #3d3d3d linear-gradient(to bottom, white 299px,
transparent 299px) no-repeat; /*   previous way of doing it:      background: url(images/bodyimage.gif) repeat-x; */
	}	


#top /*main div for whole page, horizontally centered*/
	{
	position: relative;
	width: 1024px;
	padding-top: 1px; padding-bottom: 0; padding-right: 0; padding-left: 0;  
	margin-top: -1px; margin-bottom: 0; margin-right: auto; margin-left: auto;	
		/* padding-top and margin top take care of Opera bug that 'lowers page' if fed a long page */
	border: none;	
	background: transparent;
	}



#logo  /* image-replacement div, with h1 (for actual text) and image-containing span */
    	{
     	position: relative;
     	width: 520px;
     	height: 160px;
     	margin-top: 16px; margin-right: auto; margin-bottom: 0px; margin-left: 97px;
		padding: 0;
     	text-align: center;
     	overflow: hidden;
     	background: transparent;
     	border: none;
     	}

		#logo span
			{
			background: url("../../images/logo.jpg") no-repeat;
			position: absolute;
			top: 0; 
			left: 0;
			width: 100%;
			height: 100%
			}
		
		#logo h1 
			{			
			padding: 0; 
			text-align: center;
			margin-top: 50px; 
			margin-bottom: 6px;
			font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
			font-size: 29px; 
			font-weight: normal;
			color: #8A3404;
			}
			
		


#left   /*  sidebar div  */
	{
	position: absolute;
	left: -207px; top: 128px; bottom: 10px; /* The reason why this works is precisely because #left is absolutely positioned 
											   RELATIVE to #main:  whatever #main's 'auto' bottom ends up being, #left's bottom
											   will always be 10px higher.  */
	width: 242px; 
	border: 1px solid #605D5C;
	margin: 0;
	padding: 0;
	background: #495F5F url("../../images/tmldvandimg.png") no-repeat;
	z-index: 2;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;  
	color: #F9F5E8
	}


* html #left {   /*  sidebar div for IE6 - see: <http://www.alistapart.com/articles/conflictingabsolutepositions/> */
height: 1500px;
height: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
(parseFloat(this.parentNode.offsetHeight)-140)
:(parseFloat(this.parentNode.offsetHeight)-138));}  


#left h1.sidebar
	{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;  
	color: white; 
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	margin-top: 163px; 
	margin-bottom: 0;
	padding: 0;
	}

#left h2.sidebar
	{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif; 
	color: #F9F5E8; 
	font-size: 18px; 
	font-style: normal;
	text-align: center;
	margin: 10px auto -15px auto;
	padding: 0;
	}


#left div#pic
	{
	width: 188px; height: 265px; 
	background: #495F5F url("images/danny_pic.png") no-repeat;  
	padding-bottom:0px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:0; background-color:#495F5F 
	}	

#left p.sidebar, p#one
	{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;  
	color: #F9F5E8;
	font-size: 14px;
	margin-left: 20px; 
	margin-right: 20px; 
	margin-bottom: 0;
	padding: 0;
	line-height: 130%;
	}

#left p#one
	{
	margin-top: 40px;
	}
#left p.sidebar
	{
	margin-top: 26px;
	}

#left a#grissett
	{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #DCD7B0;					
	line-height: 130%;
	text-decoration:none;
	outline: none;
	padding: 0;
	margin: 0;
	}					
							
#left a#grissett:hover
	{
	color: #F9F5E8;
	}
	
	

#left ul#highest
	{
 position: absolute;
	top: 1124px; /* was 1213px; */
	left: 65px;
	}


 #left ul			/* Note that Georg defines the margins and padding for all id's of ul here, rather than within each id  */
	{				/*   The uls, left on their own, actually leave fairly large margins/padding between their border edges */
	margin: 0;		/*   and the li outer edges. */
	padding: 0;
	}
	
	
#left ul#lowest
	{
	position: absolute;
	bottom: 173px;
	left: 65px;
	}
	
#left li
	{
	margin: 26px 0 0 0;
	padding: 0;
	list-style: none;
	}	
	
#left li a
	{
	display: block;
	width: 100px;
	height: 34px;
	background: #495F5F url("../coltrane/images/favicon-for-Coltrane-links3.png") no-repeat left;
	margin: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	color: #DCD7B0; 
	text-decoration:none;
	outline: none; padding-left:46px; padding-right:0; padding-top:0; padding-bottom:0
	}
	
#left li.first
	{
	margin: 0 0 0 0;
	}	
	
#left li a:hover
	{
	color: #F9F5E8;
	background: #495F5F url("../coltrane/images/favicon-for-Coltrane-links6.png") no-repeat left;
	}



	
/*______________main div____________________________*/
	
#main  /*right div*/
	{
	position: absolute;
	left: 211px; 
	top: 200px; 
	right: 23px; 
	bottom: auto;
	width: 790px; 
	background: #DCD7B0; /* url("images/title.png") no-repeat; */
	min-height: 1200px;
	}

#main div#title_div  /* image-replacement div, with h1 for text, and image-containing span */
    	{
     	position: absolute;
     	width: 790px;
     	height: 110px;
     	margin: 0;
		padding: 0;
     	text-align: center;
     	overflow: hidden;
     	background: transparent;
     	border: none;
     	}

#main span#title
			{
			background: url("images/title.png") no-repeat;
			position: absolute;
			top: 0; 
			left: 0;
			width: 100%;
			height: 100%
			}
		
#main h1#title_text
			{			
			padding: 0; 
			text-align: center;
			margin-top: 50px; 
			margin-bottom: 6px;
			font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;
			font-size: 24px; 
			font-weight: normal;
			color: #8A3404;
			}



* html #main {height: 1200px; /* min-height for IE5 */}

			

#main h1, h2, h2#polymeter, h2#melody, #main h1 span
	{	
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; 
	font-weight: normal;  
	text-align: center;
	padding-top: 140px; /* was 150px;  */
	padding-bottom: 0;
	margin: 0 0 -140px 0;   /* when Danny's comments are ready, put this back to "0 0 -135 0;"   used to be -145 */
	color: #8A3404; 
	}

#main h1 span
	{
	font-size: 14px;
	}
	
#main h2, h2#polymeter
	{
	padding-top: 40px; 
	font-size: 20px; 
	font-style: italic;
	text-align: left;
	margin-left: 75px;
	margin-bottom: -11px;
	}
	
#main div#downbeat
	{
	margin-top: 173px; /* was 183px; -- use it if h1 is lower  */
	margin-left: 116px;
	margin-right: 116px;
	margin-bottom: -14px;
	padding: 0;
	/*border: 1px solid green;*/
	}

#main div#downbeat p, #main div#downbeat p.topmargin, #main div#downbeat p#read_on, #main div#downbeat ul li a
	{
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #3D3D3D;	
	line-height: 125%;
	padding: 0;
	margin: 0;
	}

#main div#downbeat p#padding-top
	{
	padding-top: 0px;
	margin-top: -12px;
	margin-bottom: -1px;
	}
	
#main div#downbeat p#read-on
	{
	text-align: center;
	font-weight: bold;
	margin-top: -5px;
	margin-bottom: 0px;
	}

	
	
#main div#downbeat ul
	{
	margin-top: 0px;
	margin-left: 18px;
	padding: 0;
	}
	
#main div#downbeat ul li
	{
	margin: 6px 0 0 0;
	padding: 0;
	list-style: none;
	}	
	
#main div#downbeat ul li a
	{
	display: block;
	width: 504px;
	height: 20px;
	background: #DCD7B0 url("images/note-link2.png") no-repeat left;
	text-decoration:none;
	outline: none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:-2px; padding-left:32px; padding-right:0; padding-top:0; padding-bottom:0
	}





/* --------------------------- link to PDFINFO ------------------------- */

ul#pdf
	{
	width: 340px;
	margin: 54px 0 0 75px;  /* was 68px 0 0 75px;  */
	overflow: visible;
	list-style: none;
	padding: 0;
	background-color: transparent;
	}   
	
ul#pdf li	
	{
	width: 340px;
	margin: 0 auto; 
	padding: 0;
	}

ul#pdf li a
	{
	display: block;
	width: 340px;
	height: 100%;
	background: #DCD7B0 url('../../images/PDF-bar.png') no-repeat 0 50%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #451B07; 
	text-decoration: none;
	outline: none;
	margin: 0;
	padding-left: 36px; padding-right: 0; padding-top: 0; padding-bottom: 0
	}
	
ul#pdf li a:hover
	{
	width: 340px;
	color: #8A3404;
	text-decoration: none;
	outline: none;
	}	
	



/* --------------------------- end of link to PDFINFO ---------------------- */








#main p, p#triads, p#points3_4_5, p#scales, p.grissett, div.grissett, div#grissett_time, p#about 
	{
	/* width: 640px;  */
	margin-top: 26px;  
	margin-left: 75px;   
	margin-right: 75px;
	margin-bottom: 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #451B07;
	line-height: 135%;
	}

#main p#first
	{
	margin-top: 20px; /* was originally 50px;, before PDFinfo link */
	}

#main p.h4, #main p.h4a
	{
	margin-left: 108px;
	font-style: italic;
	margin-bottom: -5px;
	}

#main p.h4a
	{
	font-style: normal;
	}

#main p.h5
	{
	font-style: italic;
	font-weight: normal;
	margin-bottom: -17px;
	}


#main p.grissett 
	{
	margin: 0;
	padding-left: 14px;
	padding-top: 14px; 
	padding-right: 14px;
	padding-bottom: 6px; 
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; 
	color: #F9F5E8;   
	font-size: 14px; 
	line-height: 140%;
	font-style: italic;
	}
	
#main p.grissett_name
	{
	margin: 0; 
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	font-style: normal;
	color: #F9F5E8;
	}
	
#main div.grissett
	{
	font-size: 14px; 
	line-height: 130%;
	background-color: #495F5F;
	padding-left: 20px; 
	margin-top: 32px;
	margin-bottom: 31px;
	padding-top: 20px; 
	padding-right: 20px; 
	padding-bottom: 22px;
	border: 1px solid #605D5C;
	}

#main div#grissett_time
	{
	font-size: 14px; 
	line-height: 130%;
	background-color: #495F5F;
	padding-left: 20px; 
	margin-top: 32px;
	margin-bottom: 5px;
	padding-top: 20px; 
	padding-right: 20px; 
	padding-bottom: 22px;
	border: 1px solid #605D5C;
	}

#main p.danny
 	{
	width: 530px;
	margin-top: 25px;
	margin-left: 130px; 
	margin-bottom: 0px;
	margin-right: 130px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	line-height: 145%;
	color: #8A3404; 
	}  

#main p#dg
	{
	margin-top: 17px;
	margin-left: 400px; 
	margin-bottom: 65px;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #451B07;
	line-height: 135%;
	}  

	
#main p#about
	{
	margin-top: 36px;
	margin-bottom: 55px;
	font-size: 15px;
	font-style: italic;
	line-height: 160%;
	}

#main span.super
	{
	font-size: 11px;
	vertical-align: .4em; 
	line-height: 90%;
	} 
	
#main span.arrow
	{
	vertical-align: 10%;
	} 
	
	
	
#main div#n1
	{
	width: 600px; height: 280px; 
	background: #DCD7B0 url("images/1.gif") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}
	
	
#main div#n2
	{
	width: 600px; height: 176px; 
	background: #DCD7B0 url("images/2.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}


#main div#n3
	{
	width: 600px; height: 261px; 
	background: #DCD7B0 url("images/3.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}
	
#main div#n4
	{
	width: 341px; height: 217px; 
	background: #DCD7B0 url("images/4.png") no-repeat;
	padding-bottom:0px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:-7px; background-color:#DCD7B0 
	}

#main div#n4a
	{
	width: 192px; height: 154px; 
	background: #DCD7B0 url("images/4a.png") no-repeat;
	padding-bottom:0px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:-7px; background-color:#DCD7B0 
	}

#main div#n5
	{
	width: 532px; height: 190px; 
	background: #DCD7B0 url("images/5.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n6
	{
	width: 587px; height: 136px; 
	background: #DCD7B0 url("images/6.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n7
	{
	width: 586px; height: 134px; 
	background: #DCD7B0 url("images/7.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n8
	{
	width: 589px; height: 131px; 
	background: #DCD7B0 url("images/8.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n9
	{
	width: 515px; height: 270px; 
	background: #DCD7B0 url("images/9.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n10
	{
	width: 442px; height: 265px; 
	background: #DCD7B0 url("images/10.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n11
	{
	width: 551px; height: 190px; 
	background: #DCD7B0 url("images/11.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n12
	{
	width: 431px; height: 269px; 
	background: #DCD7B0 url("images/12.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n13
	{
	width: 570px; height: 193px; 
	background: #DCD7B0 url("images/13.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n14
	{
	width: 600px; height: 220px; 
	background: #DCD7B0 url("images/14.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n15
	{
	width: 600px; height: 200px; 
	background: #DCD7B0 url("images/15.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n16
	{
	width: 535px; height: 599px; 
	background: #DCD7B0 url("images/16.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n17
	{
	width: 369px; height: 105px; 
	background: #DCD7B0 url("images/17.png") no-repeat;
	margin-left:auto; margin-right:auto; margin-top:11px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n18
	{
	width: 573px; height: 379px; 
	background: #DCD7B0 url("images/18.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n19
	{
	width: 400px; height: 200px; 
	background: #DCD7B0 url("images/19.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}
	
#main div#n20
	{
	width: 401px; height: 214px; 
	background: #DCD7B0 url("images/20.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}
	
	
#main div#n21
	{
	width: 402px; height: 213px; 
	background: #DCD7B0 url("images/21.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}

#main div#n22
	{
	width: 600px; height: 209px; 
	background: #DCD7B0 url("images/22.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
#main div#n23
	{
	width: 600px; height: 141px; 
	background: #DCD7B0 url("images/23.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
	
#main div#n24
	{
	width: 600px; height: 225px; 
	background: #DCD7B0 url("images/24.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
	
#main div#n25
	{
	width: 384px; height: 173px; 
	background: #DCD7B0 url("images/25.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	

	
#main div#n26
	{
	width: 388px; height: 197px; 
	background: #DCD7B0 url("images/26.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
	
#main div#n27
	{
	width: 386px; height: 197px; 
	background: #DCD7B0 url("images/27.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
#main div#n28
	{
	width: 317px; height: 178px; 
	background: #DCD7B0 url("images/28.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
	
#main div#n29
	{
	width: 314px; height: 120px; 
	background: #DCD7B0 url("images/29.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
#main div#n30
	{
	width: 314px; height: 101px; 
	background: #DCD7B0 url("images/30.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	

#main div#n31
	{
	width: 312px; height: 108px; 
	background: #DCD7B0 url("images/31.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
	
#main div#n32
	{
	width: 354px; height: 111px; 
	background: #DCD7B0 url("images/32.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
#main div#n33
	{
	width: 320px; height: 226px; 
	background: #DCD7B0 url("images/33.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
#main div#n34
	{
	width: 600px; height: 230px; 
	background: #DCD7B0 url("images/34.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
#main div#n35
	{
	width: 397px; height: 220px; 
	background: #DCD7B0 url("images/35.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
		
	
#main div#n36
	{
	width: 550px; height: 320px; 
	background: #DCD7B0 url("images/36.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
#main div#n37
	{
	width: 550px; height: 389px; 
	background: #DCD7B0 url("images/37.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
#main div#n38
	{
	width: 422px; height: 168px; 
	background: #DCD7B0 url("images/38.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
	
#main div#n39
	{
	width: 384px; height: 165px; 
	background: #DCD7B0 url("images/39.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
#main div#n40
	{
	width: 250px; height: 135px; 
	background: #DCD7B0 url("images/40.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
#main div#n41
	{
	width: 250px; height: 170px; 
	background: #DCD7B0 url("images/41.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
	
#main div#n42
	{
	width: 246px; height: 166px; 
	background: #DCD7B0 url("images/42.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
#main div#n43
	{
	width: 291px; height: 228px; 
	background: #DCD7B0 url("images/43.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
#main div#n44
	{
	width: 599px; height: 215px; 
	background: #DCD7B0 url("images/44.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
	
#main div#n45
	{
	width: 600px; height: 186px; 
	background: #DCD7B0 url("images/45.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
	
#main div#n46
	{
	width: 600px; height: 115px; 
	background: #DCD7B0 url("images/46.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
#main div#n47
	{
	width: 328px; height: 136px; 
	background: #DCD7B0 url("images/47.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}		
	
#main div#n48
	{
	width: 600px; height: 186px; 
	background: #DCD7B0 url("images/48.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
#main div#n49
	{
	width: 460px; height: 157px; 
	background: #DCD7B0 url("images/49.png") no-repeat;
	padding-bottom:5px; margin-left:auto; margin-right:auto; margin-top:32px; margin-bottom:0; background-color:#DCD7B0 
	}	
	
#main div#sig
	{
	width: 200px; height: 58px;
	background-image: url("../images/sig_h1_4.png");
	background-repeat: no-repeat;
	background-color: #DCD7B0;
	margin-top: 75px; /* was 0px */
	margin-left: 75px;
	margin-right: auto;
	margin-bottom: 0;   
	padding: 0
	}
	
	

/* ---- 'mixture' pop-up --------- */
/*
a.mix
	{
	position: relative;  
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #451B07; 
	/*vertical-align: super;*/
	line-height: 50%;
	outline: none;
	zoom:1;
	}
	
 a.mix span
	{
	display: none;
	}  
	
 a.mix:hover 
	{
   background:50% 50%;
   	} 

a.mix:hover span
	{
   display: block;
   position: absolute;
   text-decoration: none;
   outline: none;
   left: 31px; /* was 13px; */ top: 8px; width: 208px; 
   padding: 5px; 
   margin: 0; 
   border-right: solid 1px #9F9788;
   border-bottom: solid 1px #9F9788; 
   z-index: 100;
   font: 14px "Trebuchet MS", Helvetica, Arial, sans-serif;
   color: #F9F5E8; 
   background: #495F5F; /* #7F1B08; = dark red-brown of text font colour everywhere else */
   }
   
*/


/* ---------- end of 'mixture' pop-up elements ---------  */  

a {text-decoration: none;}

#main a.ct 
	{
	line-height: 135%;   
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: none;
	text-decoration: none;
	outline: none;
	}

a.ct, a.ct:link, a.ct:visited 
	{
	color: #8A3404; 
	background-color: transparent;
	}  
	
a.ct:hover, a.ct:active, a.ct:focus 
	{
	color: #626237; 
	background-color: transparent;
	text-decoration: none;
	outline: none;
	}
		
	
#main a.listen, #main a.about	
	{
	display: inline-block;
	width: 25px; height: 20px;
	vertical-align: -4px; /*-.275em;  */
	margin: 0;
	padding: 0;
	background: #DCD7B0 url("images/note-link2.png") no-repeat; 
	border:medium none; text-decoration:none; outline:none; background-color:#DCD7B0
	}

	
#main a.about	
	{
	width: 27px; height: 24px;
	vertical-align: -.4em;
	background: url("images/favicon-for-Coltrane-links1.png") no-repeat; 
	border: medium none;
	}