html {overflow-y: scroll;}
body {background-image: url("textures/tex_cd2.gif"); color:white}
body, #navbar ul {background-color: #233d4a;}
#wrapper {background-color: #122c39; }
#header {background-image: url("title/janpeters_cd2.gif"); }

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

#header a {color:#788f9e;letter-spacing:0;font-size: 1em; font-weight:normal;}
#header a:hover {color: #9bbfcf;}

#navbar ul {margin-top:45px;}
#navbar #here {color: #788f9e;}
#navbar ul li a:hover {color: #677e8d; }

#left, #middle, #right, #navbar {margin:0; padding:0; }

	#left {
        float: left;
        width: 195px; 
        text-align: center;
        margin-top: 75px;}
       	
	#left ul {list-style-type: none; text-align: center; position:relative}
       	
	#left li a {font: .7em arial, helvetica, sans-serif; 
		font-weight:bold;
		background-color: #566d7c;  
		text-align: center; letter-spacing:3px;
       	color: #122c39; text-decoration: none; 
       	padding: 3px 4px; margin:10px; _margin-left:-30px;
       	width: 80px; display:block; margin-top: 12px; 
       		}
	#left li a:hover {background-color: #899fae;}																																						
	

#middle { 
        float: left;
        width: 415px;
        margin-top: 4px;}
        
        	#middle p {font: normal 80%/1.5em arial, helvetica, sans-serif; 
        		color: #bccfdf; margin-bottom: .8em; padding-left: 10px }
		div#middle img {color: #89afbe; padding-top: 20px; padding-left: 7px}
		p#author {padding-bottom: 30px; font-size: .7em; font-weight:bold;letter-spacing:1px}
		p#author em {color: #bccfdf}
		#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;}

        	#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: #89afbe;}	
		
		

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

/*---------------------purchase*/	


	/*body {background-image:none; text-align:center;
		font-family: arial; helvetica; sans-serif; }
	#wrap {width: 320px}
	td {vertical-align: top; font: .9em arial, helvetica, sans-serif; _height:60px;}
	td.bar {width: 80px;}
	td.number{width: 20px; color: #aad; text-align: right;padding-right: 10px}
	td.name_of{width: 300px; font-weight: bold; color: white;}
	
	#listen p {font-size: .8em; color: #336; margin-top: 1px; padding:0}
	#listen h1 {font-size: 1.4em; color: #aae; margin: 10px 0 40px 0; padding:0}

	span {font-size: .9em; color: #aad;}
    	
    	#listen h2 {font-size: .7em; letter-spacing: 4px; color:#99c; margin-left: 25px}
    	    	form {text-align:center; margin-top: 10px}*/
	
	
	#p_2 {
		background-image:none; text-align:center;
		font-family: arial; helvetica; sans-serif; color: white;
		background-color:#122c39;}

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

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

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