/* 
*----------------------------------------------------------------------------------------
*    works.css
*   
*    Local style sheet for works.php
*   
*    VERSION 1.01
*   
*    (c) 2008 The Lennox Berkeley Society
*----------------------------------------------------------------------------------------
*/

/* Local overrides to global page layout as defined in global_layout_style.css
    to increase page width */
   
#header                     {
                            width: 990px;
                            }
                            
                            
/* footer has border: total page width: 1 + 988 + 1 = 990 */                             
#footer                     {
                            width: 988px;
                            padding: 0px;
                            }

/* total page width: 1 + 37 + 914 + 37 + 1 = 990 */
.section
							{
							width: 914px;
							padding-left: 37px;
							padding-right: 37px;
							}
                     
#works_table               
							{
							width: 100%;
							border: none;
							margin-left: 0px;
							margin-right: 0px;
							margin-top: 20px;
							border-spacing: 2px;
							}
                 
#works_table th
							{
							padding: 0px;
							border: none;
							}

/* Applied to linked <div> inside <th> for unselected columns */
.works_table_heading		{
							width: 100%;
							height: 22px;
							padding-top: 10px;
							padding-bottom: 10px;
							vertical-align: middle;         
							background-color: #f9f9f9;  
							text-align: left;        
							}
							
/* Applied to linked <div> inside <th> for selected column */
#works_table_heading_selected
							{
							width: 100%;
							height: 22px;
							padding-top: 10px;
							padding-bottom: 10px;
							vertical-align: middle;         
							background-color: #ffffff;  
							text-align: left;        
							}

/* Table heading text */				
.works_table_heading h3,
#works_table_heading_selected h3
							{
							font-family: "Palatino Linotype", Palatino, serif;
							color: #000000;
							font-size: 16px;
							font-variant: small-caps;
							margin-left: 10px;
							margin-top: 0px;
							margin-bottom: 0px;
							margin-right: 0px;
							padding: 0px;
							}
							
th a:hover
							{
							text-decoration: none;
							}
                    
#works_table td     
							{
							background-color: #fff;
							text-align: left;
							vertical-align: top;
							padding-top: 2px;
							padding-left: 6px;
							padding-right: 6px;
							padding-bottom: 2px;
							border: none;
							font-size: 12px;
							}
    
/* Applied to table containing display and search controls */
#controls_table       
							{
		                    margin-left: auto;
		                    margin-right: auto;
		                    border-spacing: 2px;
		                    padding: 0px;
		                    }
                    
/* div that surrounds the work title.  Width should be title column width minus cd icon div width to vertically align both at top.  Prevents a display bug in IE 6 that causes untidy display */
.work_title         
							{
		                    max-width: 185px;
		                    vertical-align: top;
		                    margin: 0px;
		                    padding: 0px;
		                    }
                    
/* div that surrounds the CD and forthcoming events icons */                    
.icons_div          
							{
		                    vertical-align: top;
		                    margin-left: 8px;
		                    margin-top: 2px;
		                    margin-bottom: 0px;
		                    padding: 0px;
		                    float: right;
		                    }