BODY {
margin-top:40px;
background-color:#000000;

}

a:link {
	text-decoration: none;
}

#newsTsr {
  position: absolute;
  top: 130px;
  left: 460px;
  display:block;
  text-align:left;
  height: 400px;
  width: 357px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 50px;
  scrollbar-track-color: #cccccc;
  scrollbar-face-color: #cccccc;
  background-color:#cccccc;
  overflow:scroll;
  overflow-x:hidden;

  overflow-y: scroll;
  z-index: 20;
} 

.defaultScroll {
	scrollbar-face-color: #908070;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #908070;
	filter: alpha(opacity=100);
	scrollbar-arrow-color: #000000;
} 

#biogScrollBox {
  position: relative;
  top: 130px;
  left: 187px;
  display:block;
  text-align:left;
  height: 400px;
  width: 630px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 50px;
  scrollbar-track-color: #cccccc;
  scrollbar-face-color: #cccccc;
  background-color:#cccccc;
  overflow:scroll;
  overflow-x:hidden;
  overflow-y:scroll;
  
  z-index: 10;
} 
#homeScrollBox {
  position: absolute;
  top: 130px;
  left: 435px;
  display:block;
  text-align:left;
  height: 400px;
  width: 382px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 50px;
  scrollbar-track-color: #cccccc;
  scrollbar-face-color: #cccccc;
  background-color:#cccccc;
  overflow:scroll;
  overflow-x:hidden;

  overflow-y: scroll;
  z-index: 10;
} 

.bgrd{	
	background: URL(images/background_josh_kemp_jazz_saxophonist.jpg);
	background-repeat: no-repeat;
	z-index: 10;
}

.relPos{
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;

}
.textBox{
	position: absolute;
	left: 400px;
	z-index: 2;
	top: 180px;
	width: 280px;
	height: 250px;
	text-align: justify;
}
.audioButtonsTable{
	position: absolute;
	width: 75px;
	left: 682px;
	top: 27px;
	z-index: 40;
	height: 45px;

}
.navButtonsTable{
 	position: absolute;	
	left: 170px;
	top: 78px;
	z-index: 30;
}

.bioButtonsTable{
 	position: absolute;
	left: 400px;
	top: 450px;
	z-index: 3;
}



.musicTextBox{
	position: absolute;
	left: 425px;
	top: 178px;
	width: 284px;
	height: 250px;
	text-align: right;
	color: #ffffff;
	font-size: 11px;
	font-family: arial, verdana, helvetica;
}

.musicButtonsTable{
 	position: absolute;
	left: 380px;
	top: 450px;
}

.joshStanding{
 	position: absolute;	
	left: 185px;
	top: 130px;
	z-index: 20;
}

.homeText{
 	position: absolute;	
	left: 25px;
	top: 100px;
	width: 310px;
	z-index: 20;
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	line-height: 2;
}
.homeHead{
 	position: absolute;	
	left: 25px;
	top: 25px;
	width: 310px;
	z-index: 20;
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: center;
	color: #000000;
	line-height: 1;
}
.mediaMenu{
	position: absolute;	
	left: 287px;
	top: 100px;
	z-index: 2;
}

.content{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	line-height: 1;
	width: 280;
}
.heading{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	z-index: 10;
}

.audioContent{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	position: absolute;	
	left: 422px;
	top: 150px;
	width: 585px;
	height: 350px;
	z-index: 1;
	text-align: justify;
	line-height: 2;
}
.imagesContent{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	position: absolute;	
	left: 187px;
	top: 150px;
	width: 585px;
	height: 350px;
	z-index: 1;
	text-align: justify;
	line-height: 2;
}
.photoBgrd{
	position: absolute;
	left: 188px;
	top: 122px;
	z-index:20;
	width: 630px;
	height: 400px;
	background-color: #cccccc;
}
.josh1{
	position: absolute;	
	left: 4px;
	top: 10px;
	z-index:30;
}
.josh2{
	position: absolute;	
	left: 82px;
	top: 180px;
	z-index:30;
}
.josh3{
	position: absolute;	
	left: 281px;
	top: 13px;
	z-index:30;
}
.josh4{
	position: absolute;	
	left: 445px;
	top: 137px;
	z-index:30;
}

.projectsContent{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	position: absolute;	
	left: 184px;
	top: 130px;
	width: 580px;
	height: 350px;
	z-index: 1;

	line-height: 2;
}

.biogContent{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	position: absolute;	
	left: 270px;
	top: 200px;
	line-height: 2;
	width: 310px;
	z-index: 2;
}


.biog2Content{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	position: absolute;	
	left: 26px;
	top: 1130px;
	line-height: 2;
	width: 360px;
	z-index: 2;
}

.biogImage{
	z-index: 1;
	left: 184px;
}
#joshBiogImage{
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 0px;
}
#johnBiogImage{
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 900px;
}

.newsContent{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	position: absolute;	
	left: 270px;
	top: 20px;
	line-height: 2;
	width: 310px;
	z-index: 2;
 }
 
.newsImage1{
	position: absolute;
	left: 0px;
	top: 80px;
	width: 149px;
	height: 161px;
}
 
.cdsContent{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	position: absolute;	
	left: 280px;
	top: 0px;
	line-height: 2;
	width: 310px;
	z-index: 2;
}
.cdsImage1{
	position: absolute;
	left: 40px;
	top: 64px;
	width: 200px;
	height: 161px;
	text-align: center;
}
.cdsImage2{
	position: absolute;
	left: 40px;
	top: 510px;
	width: 149px;
	height: 161px;
}
.cdsContent2{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	position: absolute;	
	left: 280px;
	top: 470px;
	line-height: 2;
	width: 310px;
	z-index: 2;
}
.gigsImage{
	position: absolute;
	left: 185px;
	top: 130px;
	width: 300px;
	z-index: 10;
	background-color:#cccccc;
	height: 400px;

}	
.ruthHead{
	z-index: 1;
	position: absolute;
	left: 18px;
	top: 300px;
}
.ruthImage{
	z-index: 1;
	position: absolute;
	left: 110px;
	top: 80px;
}
.ruthContent{
	z-index: 2;
	position: absolute;
	left: 315px;
	top: 0px;
	line-height: 2;
	width: 190px;
	text-align: left;
}
.animsusImage{
	z-index: 1;
	left: 0px;
	top: 0px;
}
.kukusImage{
	z-index: 1;
	position: absolute;
	left: 0px;
	top: 200px;
}
.kemlapHead{
	z-index: 1;
	position: absolute;
	left: 196px;
	top: 0px;
}
.kemlapContent{
	z-index: 1;
	position: absolute;
	left: 200px;
	top: 170px;
	width: 430px;
}
.schilHead{
	z-index: 1;
	position: absolute;
	left: 15px;
	top: 255px;
}
.schilContent{
	z-index: 1;
	position: absolute;
	left: 313px;
	top: 0px;
	width: 160px;
	text-align: left;
}	
.eduContent{
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	position: absolute;	
	left: 270px;
	top: 20px;
	line-height: 2;
	width: 310px;
	z-index: 2;
}

.eduImage1{
	position: absolute;
	left: 0px;
	top: 80px;
	width: 149px;
	height: 161px;
}
.eduImage2{
	position: absolute;
	left: 0px;
	top: 505px;
	width: 149px;
	height: 161px;
}
.eduImage3{
	position: absolute;
	left: 55px;
	top: 710px;
	width: 149px;
	height: 161px;
}	

#eduScroll {
  position: relative;
  top: 130px;
  left: 350px;
  display:block;
  text-align:left;
  height: 350px;
  width: 300px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 50px;
  scrollbar-track-color: #cccccc;
  scrollbar-face-color: #cccccc;
  overflow-y:scroll;
  z-index: 10;
} 

.eduScrollWidgets {
	scrollbar-face-color: #908070;
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #908070;
	filter: alpha(opacity=100);
	scrollbar-arrow-color: #000000;
} 
.edu1{
 	position: absolute;
 	top: 10px;
 	left: 192px;
	width: 300px;
}


.eduHead1{
	z-index:10;
	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 18px;
	text-align: right;
}

  
.shopContent{
	position: absolute;	
	left: 180px;
	top: 120px;
	width: 585px;
  	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	color: #000000;
	line-height: 1;
	z-index: 1;
	text-align: left;
	
}
.linkContent{
	position: absolute;	
	left: 233px;
	top: 140px;
	width: 585px;
  	font-family: trebuchet, trebuchet MS, geneva, arial, verdana, helvetica;
	font-size: 11px;
	text-align: justify;
	color: #000000;
	line-height: 3;
	z-index: 1;
	text-align: right;
	
}
#media{
	position:absolute; 
	width: 70px;  
	z-index: 3; 
	left: 240px; 
	top: 0px;
	background-color: #dadada; 
	layer-background-color: #FFFFFF; 
 visibility: hidden;
	overflow: hidden;
}
#projects{
	position:absolute; 
	width: 90px;  
	z-index: 3; 
	left: 320px; 
	top: 0px;
	background-color: #dadada; 
	layer-background-color: #FFFFFF; 
	overflow: hidden;
	visibility: visible;
}


#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
z-index: 30;
}

#csstopmenu li{
float: left;
position: relative;
z-index: 30;
}

#csstopmenu a{
text-decoration: none;
z-index: 30;
}

.mainitems{
border: 0px;
border-left-width: 0;
z-index: 30;
}

.headerlinks a{
font-weight: bold;
color: black;
z-index: 30;
}

.submenus70px{
display: none;
position: absolute;
left: 0px;
width: 70px;
height: 60px;
z-index: 30;
}

.submenus70px li{
padding: 0px;
border: 0px;
margin-bottom: 0px;
width: auto;
height: 29px;

z-index: 30;
background-color: #c0c0c0;
}

.submenus70px li a:hover{
z-index: 30;
}

.submenus90px{
display: none;
width: 90px;
height: 180px;
position: absolute;
left: 0px;
border: 0px;
z-index: 30;
}

.submenus90px li{
width: auto;
height: 59px;
z-index: 30;
padding: 0px;
border: 0px;
margin-bottom: 0px;
background-color: #c0c0c0;
}

.submenus90px li a:hover{
z-index: 30;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 0px;
}
.depression {
	background-image: none;
	position: absolute;
	z-index: 35;
	left: 667px;
	top: 15px;

}