body
{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 14px;
	background-color: #5c5b60;
	color: #828387;
	font-weight: bold;
}

p
{
	margin: 0px;
	padding: 0px;
}

ul
{
	text-decoration: none;
	list-style: none;
}

li
{
	padding-bottom: 5px;
}

p.whiteText
{
	color: #ffffff;
}

a
{
	text-decoration: none;
	color: #828387;
}

a:hover
{
	color: #ffffff;
}

a.on
{
	color: #ffffff;
}

img
{
	border: none;
}

.normalText
{
	font-weight: normal;
}

div#header
{
	width: 1035px;
	height: 150px;
	position: absolute;
	top: 0px;
	left: 20px;
	background:#000;
	padding-top: 40px;
}

div#telephoneNumber
{
	width: 150px;
	position: absolute;
	top: 40px;
	left: 585px;
	text-align:right;
	z-index: 10;
}

div#email
{
	width: 150px;
	position: absolute;
	top: 40px;
	left: 745px;
	text-align:right;
}

div#address
{
	width: 100px;
	position: absolute;
	top: 40px;
	left: 955px;
	text-align:right;
}

div#underHeader
{
	width:550px;
	height: 20px;
	position: absolute;
	top: 168px;
	left: 25px;
	border-bottom: 2px solid #00a4f8;
	text-align: right;
}

div#rosterMenu
{
	width: 150px;
	height: 20px;
	position: absolute;
	top: 168px;
	left: 585px;
	border-bottom: 2px solid #00a4f8;
	text-align: right;
	background: #000;
}

div#aboutMenu
{
	width: 150px;
	height: 20px;
	position: absolute;
	top: 168px;
	left: 745px;
	border-bottom: 2px solid #00a4f8;
	text-align: right;
}

div#contactMenu
{
	width: 150px;
	height: 20px;
	position: absolute;
	top: 168px;
	left: 905px;
	border-bottom: 2px solid #00a4f8;
	text-align: right;
}

div#contentText
{
	width: 550px;
	position: absolute;
	/*top: 200px; */
	top: -1000px;
	left: 25px;
	padding-bottom: 10px;
	line-height: 22px;
	z-index: -10;
}

div#contentTextRoster
{
	width: 550px;
	position: absolute;
	top: -1000px;
	left: 25px;
	border-bottom: 2px solid #00a4f8;
	padding-bottom: 10px;
	line-height: 22px;
	z-index: -10;
}

div#backToMusiciansLink
{
	position: absolute;
	bottom: -25px;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	width: 550px;
}

div#footer
{
	font-size: 10px;
	top: 1000px;
	left: 950px;
	text-align: right;
	position: absolute;
	padding: 10px;
}

div#subMenu
{
	width: 150px;
	position: absolute;
	top: -300px;
	left: 585px;
	text-align: right;
	z-index: -5;
}

div#subMenuHider
{
	width:155px;
	height: 168px;
	background: #000;
	left: 585px;
	position:absolute;
	top: 0px;
}

div#subMenu a
{
	font-weight: normal;
}

div#subMenu a.sub
{
	color: #00a4f8;
}

div#subMenu a.on
{
	color: #fff;
}

div#subMenu a:hover.sub
{
	color: #ffffff;
}

div#contentText img
{
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}

div#contentTextRoster img
{
	padding-right: 10px;
	padding-bottom: 5px;
	float: left;
}

div#imgText
{
	width: 100px;
	padding-right: 5px;
	padding-bottom: 15px;
	float: left;
	text-align: center;
	font-weight: normal;
	height: 118px;
}

div#imgText a {
display:block;
margin:5px 0px 0px 0px;
color:#333;
text-decoration: none;
height: 99px;
}
div#imgText a:hover { 
background-position: 0 -99px;
color: #fff;
}


div#imageText
{
	width: 300px;
	float: left;
	height: 240px;
	overflow: auto;
	font-weight: normal;
}

div#soundclipContainer
{
	padding-top: 20px;
	z-index: -100;
}

div#soundClip
{
	width: 300px;
	float: left;
}

div#soundClip p, input
{
	float: left;
}

div#soundClip p
{
	padding-right: 10px;
}

#startButton 
{
  width: 11px;/* Width of button image */
  height: 18px;/* Height of button image */
  padding-top: 30px;
  margin-right: 228px;
  border: 0;
  background: transparent url(../images/start.jpg) no-repeat;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#stopButton 
{
  width: 16px;/* Width of button image */
  height: 18px;/* Height of button image */
  padding-top: 30px;
  margin: 0;
  border: 0;
  background: transparent url(../images/stop.jpg) no-repeat;
  overflow: hidden;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/********************* SCROLL ***************************/

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}
			

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	
}
.jScrollPaneDrag {
	position: absolute;
	background: #fff;
	cursor: pointer;
	overflow: hidden;
	left: 5px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-pane 
{
	overflow: auto;
	float: left;
	width: 300px;
	height:240px;
	font-weight: normal;
	
}
.left .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.left a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.left a.jScrollArrowDown {
	left: 0;
	right: auto;
}


/* IE SPECIFIC HACKED STYLES */
* html .osX .jScrollPaneDragBottom {
	bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */



/********* ADMIN start **********/

#editContent
{
	width: 600px;
	margin: 0 auto;
	border: 1px solid #000000;
	padding: 10px;
	background-color: #f0f0f0;
}

label
{
	width: 150px;
	float:left;
}

p.field 
{
	MARGIN-LEFT: 120px;
}

p.button 
{
	margin-left: 330px;
	width: 25px;
}

p.buttons 
{
	margin-left: 225px;
	width: 200px;
}

#success
{
	color: blue;
}

#adminHeader
{
	width: 500px;
	font-size: 20px;
	margin: 0 auto;
	text-align: center;
	text-indent: 100px;
}

table
{
	border: 1px solid #000000;
	border-collapse: collapse;
	margin: 0 auto;
}

td
{
	border: 1px solid #000000;
	padding: 4px;
}

tr
{
	border: 1px solid #000000;
	padding: 4px;
}

th
{
	border: 1px solid #000000;
	padding: 4px;
	background-color: gray;
	color: #ffffff;
}

div#adminNavigation
{
	width: 300px;
	float:left;
}
div#editContent
{
	float:left;
	margin-top: 35px;
}

.homepagebox {width: 970px; margin: 0 auto; margin-top: 120px; height: 346px;}
.homepagebox a {display: block; width: 270px; height: 346px; float: left; margin-left: 80px;}
.homepagebox a.first {margin-left: 0px;}
/********* ADMIN end **********/