body 			{
		     	background-color: #333333;
				font-family: "Trebuchet MS", verdana, arial, "Times New Roman";
				font-size: 0.85em;
				margin-top: 5px;
				}

#textheader		{
				display: none;
				}
	
#wrapper 		{
				width: 900px;
				background-color: #e6e6e6;
				color: #fff;
				margin-left: auto;
				margin-right: auto;
				border: 5px solid #fff;
				}
			
#footer			{
				width: 880px;
				color: #000000;
				margin-top: 20px;
				padding: 10px;
				font-size: 0.8em;
				border-top: 1px solid #333333;
				}
				
hr			{
			height: 0px;
			border-bottom: 2px solid #5abb5d;
			}

#content		{
				padding: 10px;
				}
				
.musician		{
				padding: 5px;
				border-bottom: 2px solid #000;
				}
				
#submenu		{
				height: 20px;
				line-height: 20px;
				padding: 10px;
				margin: 0px;
				}
			
	
h1				{
				font-size: 2em;
				color: #5abb5d;
				margin: 0px;
				}
			
h2				{
				font-size: 1.3em;
				color: #000;
				margin: 0px;
				padding: 0px;
				}
			
p			{
				margin-top: 0px;
				line-height: 2em;
				color: #000;
				}
			
.clear		{
				clear: both;
				}
				
img.pageimage	{
				border: 4px solid #fff;
				}
				


a.footer:link, a.footer:visited, a.footer:active, a:link, a:visited, a:active

				{
				background-color: transparent;
				color: #333333;
				text-decoration: underline;
				font-weight: bold;
				}

a.footer:hover,	a:hover			
				{
				background-color: #fff;
				color: #333333;
				font-weight: bold;
				text-decoration: underline;
				}


#menu		{
			width: 900px;
			height: 50px;
			background-image: url(../site-images/menu-background.jpg);
			background-repeat: no-repeat;
			background-position: 0 0;
}

/* style the menu */

#navcontainer ul
{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
color: #000;
font-family: arial, helvetica, sans-serif;
height: 50px;
line-height: 50px;
font-size: 1.4em;
width: 900px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding-right: 25px;
padding-left: 25px;
line-height: 50px;
color: #000;
text-decoration: none;
float: left;
height: 50px;
}

#navcontainer ul li a.current
{
padding-right: 25px;
padding-left: 25px;
line-height: 50px;
text-decoration: none;
float: left;
height: 50px;
background-color: #333333;
color: #fff;
}

#navcontainer ul li a:hover
{
background-color: #fff;
color: #000;
background-image: url(../site-images/menu-active-point.jpg);
background-repeat: no-repeat;
background-position: top center;
}

.cssform p{
width: 400px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
border-top: 1px solid #999999;
height: 1%;
font-size: 0.9em;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -200px; /*width of left column*/
width: 200px; /*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*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 100px;
}