/*body {background-image:none; 
		text-align:center;
		font-family: arial; helvetica; sans-serif;}
	#wrap {width: 320px}
	td {vertical-align: top; font-size: .9em; _height: 60px;}
	td.bar {width: 60px;}
	td.number{width: 20px; color: #89afbe; text-align: right; padding-right: 10px}
	td.name_of{width: 300px; font-weight: bold; color: white;}
	
	#listen p {font-size: .8em; color: #89afbe; margin-top: 1px; padding:0}
	#listen h1 {font-size: 1.4em; color: #ccdfff; margin: 0 0 0 0; padding:0}
	span {font-size: .9em; color: #89afbe;}
    	
    	#listen h2 {font-size: .7em; letter-spacing: 4px; color:#9abfcf; margin-left: 25px}
    	form {text-align:center; margin-top: 10px}html {overflow-y: scroll;}*/

body {
	background-image: url("textures/tex_cd1.gif");
	color:white;
	}
body, #navbar ul {
	background-color: #669
	}
#wrapper {background-color: #447; }
#header {background-image: url("title/janpeters_cd1.gif"); }

#header h1 {color: #aae; margin-bottom: 4px;}
#header .first {margin-left: 25px;_margin-left: 32px;font-weight:normal;letter-spacing:0;}
#header #nextpage {color:#aae;margin-left: 69px; margin-top:0; font-weight:normal;font-weight:normal;letter-spacing:0; }

#header a{color:#aae;letter-spacing:0;font-weight:normal;}
#header a:hover {color: #ccf}

#navbar ul {margin-top:45px;}
#navbar #here {color: #bbc;}
#navbar ul li a:hover {color: #99c; }


	#left {
        float: left;
        width: 195px; 
        text-align: center;
        margin-top: 75px;
        }
               	
	#left ul {list-style-type: none; text-align: center;}
       	
	#left li a {font: .7em arial, helvetica, sans-serif; 
		font-weight:bold;
		background-color: #aae;
		text-align: center; letter-spacing:3px;
       	color: #336; text-decoration: none; 
       	padding: 3px 4px; margin:10px; _margin-left:-30px;
       	width: 80px; display:block; margin-top: 12px; 
       	
       		}
	#left li a:hover {background-color: #558;}																																						
	#left #other_cd { margin-top: 5em; }
	#left #other_cd a{color: #aae; 
		font: italic 100%/1.5em georgia, times, serif; 
		text-align: center;}
	

#middle { 
        float: left;
        width: 415px;
        margin-top: 10px;
        }
        
        	#middle p {font: normal 80%/1.5em arial, helvetica, sans-serif; 
        		color: #cce; margin-bottom: .8em; padding-left: 10px}
		div#middle img {color: #99e;padding-top: 20px;}
		p#author {padding-bottom: 30px; font-size: .7em; font-weight:bold;letter-spacing:1px}
		p#author em {color: #ccf}

		#right {float: right; width: 110px; padding: 20px 8px 10px 15px;  }
        	#right h2 {letter-spacing: 1px; font-size: .8em; margin-bottom: .6em;}
        	#right h3 {font-weight: normal; font-size: .7em; margin: 0}

        	#right p {font: normal 75%/1.5em georgia, times, serif; margin: .9em 0 0 0;}
		p.instrument {font-size: .7em !important; color:#abb; margin: 0 !important;}

		#right a {color:white;}	
		#right a:hover {color: #aac;}	


#footer  {color:white}
#footer a {color:white}
#footer a:hover {color: #aac;}


/*---------------------purchase*/		
	#p_1 {
		background-image:none; text-align:center;
		font-family: arial; helvetica; sans-serif; color: white;
		}

	#p_1 #wrap {margin: 1% auto; width: 500px; text-align: left; }
	#p_1 #top h1 {font-size: 1.5em;}
	#p_1 #wrap h2 {margin: 3em 0 0 0; color: #225; font-size: 1.1em}
	#p_1 {font-size: .9em; line-height: 1.4em; }
	#p_1 .indent {padding-left: 30px;}
	

	#p_1 p.subhead { 
    		font-weight: bold; margin: 0 0 3em 0; 
    		color: #225; 
    		letter-spacing: 1px;
    	}
	
	#p_1 #top p {font-size: 1em;}
	#p_1 #or {color: #225; text-align: left; font-size: 2em; margin: .7em 0 0 100px; }
	#p_1 em {color: #225; font-weight: bold; font-size:1.1em}	
		
	

/*---------------------listen*/