/* CSS Document */

html 
{
text-align: center;
height: 100%;
}

body { /*sets the main page background image and parameters */

background-image: url(../main_images/background.jpg);
background-color:#FE0000;
margin-top: 0px; 
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;

	}
	
div.header /* banner image */
{
width: 1000px;
height: 200px;

border-top: 0px;
border-bottom:0px;
border-left:0px;
border-right:0px;
margin-top: 0px; 
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}


#main /* This is the holding frame for the CSS columns*/
{
background-color: transparent;
width: 1000px;
height: auto;
overflow: auto;
margin-top: auto; 
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
text-align: center;
}

#menu
{
background-color: transparent;
float:left;
margins: auto;
width: 950px;
height:50px;
margin-top: auto;
margin-left: auto;
margin-right: 0px;
margin-bottom:0px;
}


#content
{
float:left;
height: auto;
background-color: #FFFFFF;
width: 950px;
padding-bottom: 10px;
margin-right: 0px;
}

#content_area1
{
float:left;
height: auto;
background-color: #FFFFFF;
margins: auto;
width: 570px;
margin-top: 5px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
}

#content_area2
{
float:left;
height: auto;
background-color: #FFFFFF;
margins: auto;
width: 360px;
margin-top: 5px;
margin-bottom: 5px;
margin-right: 0px;
}



#wurlitzerside1, #wurlitzerside2, #wurlitzerside3
{
text-align: center;
}

#wurlitzerside3
{
background-image: url(http://mechanicalmusicmuseum.co.uk/images/organistsbackground_web.png);
}



#bottom
{ 
background-image: url(../main_images/footer_web.png);
background-repeat: no-repeat;
text-align: center; 
width: 1000px; 
height: 75px;
margin-top: auto; 
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}

div.spacer1 /* This is a simple spacer of 3px which produces a invisible gap*/
{
width: 100%;
height: 3px;
}

div.spacer2 /* This is a simple spacer of 8px which produces a invisible gap*/
{
width: 100%;
height:8px;
}

div.spacer3 /* This is a simple spacer of 12px which produces a invisible gap*/
{
width: 100%;
height:12px;
}