/*
----------------------------------------------------------------------------------------
    home.css
   
    Lennox Berkeley Society home page style sheet (home page doesn't use the global
	style sheets)
   
    VERSION 1.02     20/02/2010
   
    (c) The Lennox Berkeley Society
----------------------------------------------------------------------------------------
*/

body				{
					margin-top: 0px;
					margin-left: 0px;
					margin-right: 0px;
					margin-bottom: 20px;
					font-family: "Trebuchet MS", Arial, Sans-Serif;
					font-size: 13px;
					text-align: center;
					}
					
img					{
					border: none;
					}

#header
					{
					width: 638px;
					margin-top: 20px;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 0;
					padding-left: 70px;
					padding-right: 70px;
					padding-top: 15px;
					padding-bottom: 0px;
					background-color: #f9f9f9;
					border-top: 1px solid;
					border-left: 1px solid;
					border-right: 1px solid;
					border-bottom: none;
					border-top-color: #b0b0b0;
					border-left-color: #b0b0b0;
					border-right-color: #b0b0b0;
					}

#header table
					{
					background-color: #f9f9f9;
					border: none;
					margin-left: auto;
					margin-right: auto;
					border-spacing: 8px;
					}
#header td
					{
					text-align: center;
					vertical-align: middle;
					padding-top: 5px;
					padding-bottom: 5px;
					padding-left: 20px;
					padding-right: 20px;
					border: none;
					}
					
.section
					{
					width: 638px;
					margin-left: auto;
					margin-right: auto;
					margin-top: 0px;
					margin-bottom: 0px;
					padding-left: 70px;
					padding-right: 70px;
					padding-top: 7px;
					padding-bottom: 7px;
					background-color: #f9f9f9;
					border-top: none;
					border-left: 1px solid;
					border-right: 1px solid;
					border-bottom: none;
					border-left-color: #b0b0b0;
					border-right-color: #b0b0b0;
					}
.section table
					{
					border: none;
					margin-left: auto;
					margin-right: auto;
					border-spacing: 8px;
					}
.section th
					{
					width: 130px;
					height: 26px;
					padding-top: 2px;
					color: #000;
					text-align: center;
					vertical-align: top;
					border: none;
					background-image: url('../images/link_bg.jpg');
					background-position: top left;
					background-repeat: no-repeat;
					font-family: "Copperplate Gothic Light", "Copperplate_Gothic_Light_WEFT", "Palatino Linotype", Palatino, serif;
					font-weight: bold;					
					font-size: 18px;
					font-variant: small-caps;
					}
					
/* Link colours for main page links only */						
								
.section th a:link,
.section th a:visited				
						{
						color: #000;
						text-decoration: none;
						}
						
.section th a:focus,
.section th a:active
						{
						color: #000;
						text-decoration: none;
						}
						
.section th a:hover				
						{
						text-decoration: none;
						}					
					
.section td
					{
					width: 130px;
					background-color: #e6ede5;
					text-align: center;
					vertical-align: top;
					padding-top: 2px;
					padding-left: 8px;
					padding-right: 8px;
					padding-bottom: 10px;
					border: none;
					}
					
.section ul
					{
					width: 550px;
					margin-left: auto;
					margin-right: auto;
					}
					
.section ul li
					{
					text-align: left;
					font-size: 15px;
					line-height: 24px;
					}
					
					
					
#footer
					{
					width: 778px;
					margin-top: 0px;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 20px;
					padding-top: 15px;
					padding-bottom: 10px;
					background-color: #f9f9f9;
					border-top: none;
					text-align: center;
					border-left: 1px solid;
					border-right: 1px solid;
					border-bottom: 1px solid;
					border-bottom-color: #b0b0b0;
					border-left-color: #b0b0b0;
					border-right-color: #b0b0b0;
					}

.section th a:link
					{
					border: none;
					text-decoration: none;
					}
					
.section th a:visited
					{
					border: none;
					text-decoration: none;
					}
					
#footnote_grey		{
					font-size: 90%;
					color: #999;
					}
					
					
/* Main page headings in Copperplate Gothic */                           
h1, h2
						{
						margin-left: 0px;
						margin-right: 0px;
						margin-top: 40px;
						font-family: "Copperplate Gothic Light", "Copperplate_Gothic_Light_WEFT", "Palatino Linotype", Palatino, serif;
						font-weight: normal;					
						font-size: 2.1em;
						font-variant: small-caps;
						display: block;
						text-align: left;
						line-height: 1.2em;
						}					
					
h2				
						{
						font-family: "Palatino Linotype", Palatino, serif;
						font-weight: bold;
						font-size: 17px;
						margin-top: 8px;
						text-align: center;
						}					
					
					
.body_text			{
					font-size: 14px;
					}
					
/* Link colours: document body text (default): underline when hovering
	Bold looks too heavy on recordings summary page */						
								
a:link,
a:visited				
						{
						color: #D54000;
						text-decoration: none;
						}
						
a:focus,
a:active
						{
						color: #707070;
						text-decoration: none;
						}
						
a:hover				
						{
						text-decoration: underline;
						}
						
						
/* Code for the 'latest recordings' box */

#album1,
#album2,
#album3			
						{
						font-family: "Palatino Linotype", Palatino, serif;
						font-size: 16px;
						line-height: 23px;
						background-color: #fff;
						border: 1px solid;
						width: 586px;
						height: 120px;
						margin-left: auto;
						margin-right: auto;
						border-color: #dedede;
						text-align: left;
						padding: 10px;
						}
						
#album1 a:link,
#album1 a:visited,
#album2 a:link,
#album2 a:visited,
#album3 a:link,
#album3 a:visited
						{
						font-weight: bold;
						}

#album1 a:focus,
#album1 a:active,
#album2 a:focus,
#album2 a:active,
#album3 a:focus,
#album3 a:active
						{
						font-weight: bold;
						}	

/* container div for next button in recordings box */
.next_button_container
						{
						width: 100%;
						text-align: right;
						margin-bottom: 0px;
						}
						
.next_button_transparent
						{
						background-color: transparent;
						border: none;
						font-family: "Trebuchet MS", Arial, Sans-Serif;
						color: #D54000;
						text-align: center;
						font-weight: bold;
						font-size: 12px;
						margin: 0px;
						}

/* container div for each of the 3 album covers */										
.album_cover_image		
						{
						float: left;
						margin-right: 20px;
						}
						
.album_cover_image img
						{
						border: 1px solid;
						border-color: #eee;
						}
						
/* when page loads, initially only the first album is shown */					
#album2,
#album3
						{
						display: none;
						}
						
.work_titles		
						{
						font-weight: normal;
						font-size: 18px;
						}