body		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			text-align: center;
			}

a:link, a:visited, a:active	{
			color: #0066CC;
			}

a:hover		{
			text-decoration:underline;
			}

#enclose	{
			margin: 0px auto;
			text-align: left;
			width:588px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width:587px;
			}			

html>body #enclose {
			width:587px;
			}

#logo		{
			background: #fff url(logo.jpg) no-repeat top left;
			display: block;
			background-repeat: no-repeat;
			height: 129px;
			margin: 0 -1px 0 0;
			}

#logo img	{
			float: right;
			padding: 0px;
			}


/* lets put all the menu things here */			


#container {
			border-top: 1px solid #CCCC33;
			border-bottom: 1px solid #CCCC33;
			position: relative;
			width: 529px;
			height: 29px;
			voice-family: "\"}\"";
			voice-family: inherit;
			width:540px;
			}
html>body #container {
			width:529px;
			}	
			
#menu		{
			margin: 0 0 0 40px ;
			padding: 0;
			list-style: none;
			}
			
#menu li {
			margin: 0; 
			padding: 0;
        	list-style-type: none;
			display: inline;
			}

#menu a	{
			float: left;
			margin: 0 3px;
			padding: 5px 10px;
			color: #999;
			text-decoration: none;
			text-align: center;
			/*border-left: 1px solid #ccc;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;*/
			font-weight: bold;
			font-size:    x-small;      
			voice-family: "\"}\"";   
			voice-family: inherit;   
			font-size:    small;   
			}

html>#menu a {
	font-size: small;   
			} 
			
#menu a#current	{
			color: #333;
			border-bottom: 3px solid #CCCC33;
			}

#menu a:link, #menu a:visited {
			text-decoration: none;
			color:#999;
			border-bottom: 3px solid #fff;
			}
			
#menu a:hover 	{
			color: #333;
			border-bottom: 3px solid #CCCC99;
			}


			
/* and now for some content altering values */			
			
/*#body	{
			position: relative;
			padding: 0;
			margin: 0;
			text-align: left;
			color: #444;
			
			}*/
			
#content	{
			border-top: none;
			margin: 0 0 10px 0;
			padding: 5px;
			width: inherit;
			text-align: justify;
			font-size:    x-small;      
			voice-family: "\"}\"";   
			voice-family: inherit;   
			font-size:    small;   
			}

html>#menu a {
	font-size: small;   
			} 
			
/* something for the composers*/

#smallnav	{
			float: left;
			background-color: #fff;
			width:140px;
			border: 1px solid #ccc;
			border-top: 2px solid #ccc;
			padding: 5px;
			margin: 21px 10px 5px 0;
			text-align: left;
			font-size: xx-small;      
			voice-family: "\"}\"";
			voice-family: inherit;   
			font-size: x-small;
			}

html>#menu a {
			font-size: x-small;
			} 

#smallnav li	{
			list-style-type: none;
			display: block;
			}
					
#smallnav a	{
			text-decoration:none;
			color: #333;
			font-weight: bold;
			}
			
#smallnav a:hover	{
			text-decoration: underline;
			color: #000;
			background-color: #fff;
			}

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

#order		{
			margin: 0 0 0 220px;
			padding: 5px;
			width: 170px;
			display:block;
			border: 1px solid #999;
			text-align:center;
			text-decoration:none;
			}

#order img	{
			border:0;
			text-decoration:none;
			}

#order a:hover	{
			text-decoration:none;
			}

/* pieces formatting*/


#pieces		{
			margin: 17px 0 0 0;
			display: block;
			float: left;
			}
			
#pieces	ul	{
			display: block;
			width: 300px;
			padding: 5px 5px 5px 5px;
			margin: 5px 0 0 0;
			border: 1px dashed #CCC;
			list-style-type:none;
			text-align:left;
			font-size:xx-small;
			voice-family: "\"}\"";
			voice-family: inherit;   
			font-size: x-small;
			}

html>#menu a {
			font-size: x-small;
			} 
			
#pieces b	{
			font-variant: small-caps;
			}

b img		{
			background-color: #FF9900;
			vertical-align: middle;
			border: 0;
			}

i img		{
			background-color: #66CC00;
			vertical-align: middle;
			border: 0;
			}

#icons	{
			float: left;
			width: 113px;
			padding: 5px;
			background-color: #fff;
			text-align: left;
			font-size:xx-small;
			voice-family: "\"}\"";
			voice-family: inherit;   
			font-size: x-small;
			}

html>#menu a {
			font-size: x-small;
			} 

#contact	{
			padding: 10px;
			text-align:center;
			width: inherit;
			}

#retail		{
			border-top: 1px solid #ccc;
			}

#retail	ul	{
			list-style-type:none;
			}

			
#events ul	{
			list-style-type:none;
			margin: 5px 0 0 0;
			padding: 5px 0 5px 5px;
			border: 1px solid #ccc;
			border-right: 0px;
			}
			
#events h4	{
			font-size: medium;
			}

#image		{
			float: left;
			font-size: xx-small;
			border: 1px solid #ccc;
			padding: 4px;
			margin: 0 10px 10px 0;
			}

.bio	{
		float: right;
		margin: 40px 0 5px 15px;
		padding: 2px;
		border: 1px solid #ddd;
		}

/* and a pretty footer too! */
			
#footer 	{
			float: right;
			color: #666;
			border-top: 1px solid #ccc;
			width: 80px;
			margin: 0 0 0 384px;
			padding: 2px;
			text-align: right;
			clear: both;
 			font-size:xx-small;
			voice-family: "\"}\"";
			voice-family: inherit;   
			font-size: x-small;
			}

html>#menu a {
			font-size: x-small;
			}