/* centers the page */

#html, body{

  top: 0px;

  right: 0px;

  bottom: 0px;

  left: 0px;

  width:772px;

  margin: auto;

  text-align:center;

  left: 0; 

  position: absolute; 

  visibility: visible; 

  

} 

body {

	color: #ffddb9; font-size: 10pt; font-family: verdana; background-color: #191919;

}

li {

	font-size: 10pt; font-family: verdana; padding: 1px 0 1px 0;}



p { }

hr { 
	border: 0;
	height: 1px;
	color: #ffbc74;	
	background-color: #ffbc74;
}

td { }

a {	cursor: pointer; cursor:hand; text-decoration:underline }

a:link { color: #d4a651; }



a:visited { color: #a49c81; }



a:hover { }



a:active { }



.hProp 

{

 /* This props the div tag open at a minimum height

 min-height css code unsupported by some browsers 

 use in combination with another "height" class to set the height

 to use two classes in the same class use class="class1 class2" */



	float:right;

	width:1px;

	height:5px;

	/* background-color:fuchsia;*/

}

.height575

{

	height: 380px;

}



h1 { color: #ffbc74; font-size: 11pt; font-family: helvetica; }



#all { 

	min-height: 380px; 

	height:auto;

	width: 770px; 

	left: 0px; 

	top: 0px; 

	bottom: 15px;

	position: relative; 

	visibility: visible; 

	margin:auto;

}

#idHeader

{

	width: 770px;

	height: 155px;

	position: relative;



}

#idBody

{

	width: 770px;

	min-height: 400px;

	max-height:inherit;

	position: relative;

	background-image:url('../images/background.jpg');

}

#idLeftPanel

{

	width: 300px;

	position: relative;

	float:left;

	left: 0px;

	top: 0px;



	

	

}

#idRightPanel

{

	width:465px;

	position: relative;

	right: 0px;

	float:right;

	text-align:left;

	height: 420px;
	overflow-y:auto;

}

#idFooter

{

	width: 772px;

	height: 40px;

	bottom: 0px;

	position: relative;

	background-color:black;

	color: white;

	text-align:center;

	padding-top:16px;

	margin-bottom:auto;

	clear:both;

}

	.vProp 

	{

	/*This class allows a so that you can stack floated div tags horizontally

	The floated tags above push down on it to allow autoresizing*/

	

		height:1px;

		width:20px;

		clear:both;

		position:relative;

		/*background-color:fuchsia;*/

	}



#headersub { height: 132px; width: 770px; left: 0; top: 0; position: absolute; visibility: visible; }

#headersub2 { height: 23px; width: 470px; left: 300px; top: 132px; position: absolute; visibility: visible; }

#home { height: 23px; width: 51px; left: 0; top: 132px; position: absolute; visibility: visible; }

#about { height: 23px; width: 55px; left: 51px; top: 132px; position: absolute; visibility: visible; }

#music { height: 23px; width: 56px; left: 106px; top: 132px; position: absolute; visibility: visible; }

#reviews { height: 23px; width: 68px; left: 162px; top: 132px; position: absolute; visibility: visible; }

#contact { height: 23px; width: 70px; left: 230px; top: 132px; position: absolute; visibility: visible; }