/* CSS Document */
/* MencapMusic Main */
/* webmaster@mencap.org.uk */

/*************************************************************************************/
/* Common link styles */		
body 			{	
				background-image:  url(../images/background_strip.png);
				background-repeat: repeat-x; 
				background-color: #822203;
				#background-color: #771A01;
				background-position: top left;
				margin-left:0;
				margin-right:0;	
				margin-top:0.5em;
			}
		
/*************************************************************************************/
/* DIV Content panes */		

.wrapper		{ 	
				width: 772px;
				background-repeat: no-repeat;
				margin: 0 auto;
				padding-top: 1em;
				height: 100%;
			}

.content_wrapper 	{
				/*background-color: #ffffff;*/
				padding: 0.35em;
				width: 740px;
				margin-left: 0.4em;
				margin-right: 0.2em;
				margin-top: -1.2em;
				height: 100%;
			}
			
.content_pane	{
				padding: 0.8em;
				margin-top: 1em;
			}
.left_column
				{
				background-color: #771A01;
				margin-left: 5px;
				margin-right: 5px;
				#margin-right: 4px;
				margin-bottom: -1.2em;
				}		

.left_column_content
				{ 
				padding-left: 0.5em; 
				padding-right: 0.5em; 
				border-left: 1px solid #771A01; 
				border-right: 1px solid #771A01; 
				border-top: 1px solid #771A01; 
				background-color: #ffffff; 
				min-height: 400px; 
				#min-height: 400px;
				}	

.l_column_img	{
				background-image: url(../images/left_column_rnd.png);
				background-color: #ffffff;
				height: 25px;
				width: 157px;
				margin-left: 0.2em;
				}
.middle_column
				{ background-color: #771A01;
					margin-left: 0.29em;
					#margin-left: 0.29em;
					margin-right: 0.25em;
					#margin-right: 4px;
					margin-bottom: -1.2em;
				}		

/*Firefox fix for index page*/				
.middle_column_b
				{ background-color: #771A01;
					margin-left: 0.29em;
					#margin-left: 0.29em;
					margin-right: 0.0em;
					#margin-right: 4px;
					margin-bottom: -1.2em;
				}					

.middle_column_content
				{ 
				padding-left: 0.5em; 
				padding-right: 0.5em;
				border-left: 1px solid #771A01; 
				border-right: 1px solid #771A01; 
				border-top: 1px solid #771A01; 
				background-color: #ffffff; 
				min-height: 400px; 
				#min-height: 400px;
				}	
				
.m_column_img	{
				background-image: url(../images/middle_column_rnd.png);
				background-color: #ffffff;
				height: 25px;
				}

.m_column_img_b	{
				background-image: url(../images/middle_column_b_rnd.png);
				background-repeat: no-repeat; 
				background-color: #ffffff;
				height: 25px;
				margin-left: 0.2em;
				}
				
/*.r_column		{
				width: 130px;
}*/

/*************************************************************************************/
/* Banner style */		

.banner			{
				background-image: url(../images/banner_transparent.gif);
				height: 12em;
				width: 50em;
				background-repeat: no-repeat;
			}

/*************************************************************************************/
/* Easy Reading/Tickets */

/*************************************************************************************/
/* Right pane buttons */

.right_nav_a	{
				background-repeat: no-repeat;
				background-attachment: relative;
				background-image: url(../images/swirl_button_graphic1.gif);
				height: 100px;
				background-position: top right;
				padding-top: 2.2em;
				#padding-top: 2.5em;
}

.right_nav_b	{
				background-repeat: no-repeat;
				background-attachment: relative;
				background-image: url(../images/swirl_button_graphic2.gif);
				height: 130px;
				background-position: top right;
				padding-top: 2.2em;
				#padding-top: 2.5em;
}

/***************************************************************************************/
/* Main content boundary */

.content_boundary	{
				padding: 0.2em;
}

.footer	{
				background-image: url(../images/main_column_rnd.gif);
				background-color: #822203;
				#background-color: #771A01;
				background-position: bottom left;
				background-repeat: no-repeat;
				height: 25px;
				padding-bottom: 1em;
				/*width: 710px;*/
}

.mencap_branding	{		
				background-image: url(../images/mencap_logo_white.png);
				#background-image: url(../images/mencap_logo_white.gif);
				background-color: #822203;
				#background-color: #771A01;
				background-position: bottom left;
				background-repeat: no-repeat;
				height: 60px;
				padding-top: 4em;
				#padding-bottom: 2em;
				}
				
.music_footer_detail 	{
				color: #ffffff; 
				text-align: center; 
				font-weight: bold; 
				font-style: italic; 
				font-size: small;
}