body {
	font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;	
	background : black; 
	color: #444444;	
	
	margin : 0px; 
	text-align : center;


	
}

body a:hover {
	color : orange; 
} 


body a{
	color : white;
	text-decoration: none;
}

p {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	font-size: 12px;
	color: black;	
	font-weight: 300;
	text-align : justify;
		
	padding: 0px 15px 10px 15px;
	
}


p a:hover {
	color : orange; 
} 


p a {	color : black;
	text-decoration: none;
}







h1 {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	font-size: 38px;			
	color: white;	
	text-align : right;
	padding-right : 80px;
	padding-bottom : 5px;
	font-weight: 600;
	
}

h2 {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	font-size: 26px;
	color: white;	
	font-weight: 200;	
		
	padding: 5px 5px 5px 5px;
	
}

h3 {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	font-size: 30px;
	color: white;	
	font-weight: 400;	
	padding: 5px 5px 5px 5px;
	
}

h4 {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	font-size: 14px;
	color: black;	
	font-weight: 700;
	padding: 10px 15px 10px 15px;
	
}


.larger {font-size : larger;
}

.large {font-size : large;
}

.medium {font-size : medium;
}

.x-large {font-size : x-large;
}

.xx-large {font-size : xx-large;
}

.orangeJ {color : orange;
}
.smaller {font-size : smaller;
}



	  
.container {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : relative;
	margin-top : 2px;
	margin-left:auto; 
	margin-right:auto;
	
	width : 750px;
	z-index : 0;

} 








div#subcontainer {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : absolute;
	
	width : 750px; 
	height : 280px;	
	

	left : 0px; 
	top : 52px;
	background : url(images/gradient3.jpg) repeat top right; 
	z-index : 1;
	
} 



div#subcontainer_long {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : absolute;	
	width : 750px; 
	height : 1120px;
	left : 0px; 
	top : 50px;
	background : url(images/gradient3.jpg) repeat top right; 
	z-index : 2;
	
} 


div#subcontainer_news {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : absolute;	
	width : 750px; 
	height : 2610px;
	left : 0px; 
	top : 50px;
	background : url(images/gradient3.jpg) repeat top right; 
	z-index : 2;
	
} 

.container ul {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	
	float: left;
	list-style: square ;	
	padding: 10px 15px 10px 15px;	
	

} 

.container li {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	padding: 10px 15px 10px 15px;		


} 



div#subcontainer_contact {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : absolute;	
	width : 750px; 
	height : 750px;
	left : 0px; 
	top : 50px;
	background : url(images/gradient3.jpg) repeat top right; 
	z-index : 2;
	
} 


div#subcontainer_audio {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : absolute;	
	width : 750px; 
	height : 400px;
	left : 0px; 
	top : 50px;
	background : url(images/gradient3.jpg) repeat top right; 
	z-index : 2;
	
} 

div#subcontainer_jazz {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : absolute;	
	width : 750px; 
	height : 700px;
	left : 0px; 
	top : 50px;
	background : url(images/gradient3.jpg) repeat top right; 
	z-index : 2;
	
} 
  
  div#container_john {
  	position: absolute;
  	background : url(images/john.jpg) no-repeat top right;    	
  	width : 314px; 
  	height : 424px; 
  	left : 386px;   	
  	top : 100px;
  	z-index : 3;
  	
}




div#container_text {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position: absolute;
	font-size: 12px;
	background : white;
	color : black;
	text-align : justify;	
	width : 384px; 
	height : 664px; 
	left : 366px; 	
	top : 100px;
	z-index : 4;
	
}

div#container_text_long {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position: absolute;
	font-size: 12px;
	background : white;
	color : black;
	text-align : justify;	
	width : 384px; 
	height : 1000px; 
	left : 366px; 	
	top : 100px;
	z-index : 4;
	
}

div#container_text_news {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position: absolute;
	font-size: 12px;
	background : white;
	color : black;
	text-align : justify;	
	width : 384px; 
	height : 2150px; 
	left : 366px; 	
	top : 100px;
	z-index : 4;
	
}




div#container_text_audio {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position: absolute;
	font-size: 12px;
	background : white;
	color : black;
	text-align : justify;	
	width : 384px; 
	height : 294px; 
	left : 366px; 	
	top : 100px;
	z-index : 5;
	
}

div#container_text_jazz {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position: absolute;
	font-size: 12px;
	background : white;
	color : black;
	text-align : justify;	
	width : 384px; 
	height : 300px; 
	left : 366px; 	
	top : 100px;
	z-index : 5;
	
}

.p container_text a{
	color : black;
	text-decoration: none;
}

.larger container_text {font-size : larger;
}

.x-large container_text {font-size : x-large;
}



div#subcontainer_text {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : static; 
	font-size: 11px;
	width : 750px; 
	height : 520px;	
	text-align : justify;	
	margin-left : auto;
	margin-right : auto;
	left : 0px; 
	top : 40px;
	background : white;
	border : 1px;
	padding: 5px 5px 5px 5px;
	z-index : 9;
	
} 


div#subcontainer_jazz_image {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : relative; 
	font-size: 11px;
	width : 710px; 
	height : 320px;	
	text-align : justify;
	left : 20px; 
	top : 320px;
		background : url(images/jazzmode.jpg) no-repeat top right; 
	z-index : 4;
	
}

  






div#container_nav {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	position : absolute; 
	height : 460px; 
	top : 90px;
	text-align : right; 
	font-size: 14px;
	font-weight: 100;	
	width : 180px; 
	left : 140px;
	z-index : 5;
	 
}

div#container_bottom {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	
	position : relative; 
	height : 15px; 
	background : black; 
	text-align : center; 
	font-size: 12px;
	color: white;
	padding : 5;	
	width : 750px; 
	top : 350px;
	z-index : 10;	

}





div#header {
	font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;	
	color: #444444;	

	position : relative; 
	
	
	top : 0px;
	width : 750px; 
	 

}


div#container_copyright {font-family: Verdana, Arial, Helvetica, sans-serif, Monotype Corsiva;
	
	position : absolute; 
	height : 15px; 
	background : black; 
	text-align : center; 
	font-size: 12px;
	color: white;
	padding : 5;	
	width : 750px; 
	top : 10px;
	z-index : 13;	

}



.cssform p{
position : relative;
width: 150px;
clear: left;
margin: 10px;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 2%;
}

.cssform label{
position : relative;
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
position : relative;
width: 180px;
}

.cssform textarea{
position : relative;
width: 150px;
height: 130px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

html .threepxfix{
margin-left: 3px;
}