/*
___________________________________________________________
    global_layout.css

    Michael Berkeley website global layout style sheet
    
    (c) 2009 Thomas Daly
___________________________________________________________
*/


/* 1-column centre page table */
#main_page_table
						{
						width: 943px;
						margin-top: 0px;
						margin-right: auto;
						margin-left: auto;
						margin-bottom: 30px;
						padding: 0px;
						}
						
						
/* Dark red page header that appears on every page.  Applied to <td> */
#main_page_header		{
						background-image: url('../siteimages/page_header.jpg');
						background-repeat: no-repeat;
						background-position: top left;
						width: 943px;
						height: 175px;
						padding: 0px;
						vertical-align: bottom;
						}

/* Container for TD credit.  Applied to <div>.  Total width = 70 + 873 = 943 */
#website_credit			{
						width: 898px;
						padding-right: 45px;
						margin-bottom: 10px;
						text-align: right;
						font-weight: normal;
						font-size: 13px;
						color: #ddd;
						}

/* Table that contains navigation tabs.  Goes inside #main_page_header <td> */
#navigation_tabs_table	{
						margin-left: auto;
						margin-right: auto;
						margin-top: auto;
						margin-bottom: 0px;
						padding: 0px;
						}

/* Applied to <td>.  Contains the left edge of a selected tab */	
#selected_tab_left
						{
						background-image: url('../siteimages/selected_tab_left.gif');
						background-repeat: no-repeat;
						background-position: top left;
						width: 6px;
						height: 36px;
						padding: 0px;
						margin: 0px;
						}

/* Applied to <td>.  Contains the text of a selected tab */			
#selected_tab_middle
						{
						background-image: url('../siteimages/selected_tab_middle.gif');
						background-repeat: repeat-x;
						background-position: top left;
						height: 36px;
						padding: 0px;
						margin: 0px;
						font-size: 15px;
						color: #000000;
						font-weight: bold;
						}
						
/* Applied to <td>.  Contains the right edge of a selected tab */						
#selected_tab_right
						{
						background-image: url('../siteimages/selected_tab_right.gif');
						background-repeat: no-repeat;
						background-position: top right;
						width: 6px;
						height: 36px;
						padding: 0px;
						margin: 0px;
						}

/* Appled to <td>.  Contains the left edge of an unselected tab */			
.unselected_tab_left
						{
						background-image: url('../siteimages/unselected_tab_left.gif');
						background-repeat: no-repeat;
						background-position: top left;
						width: 6px;
						height: 36px;
						padding: 0px;
						margin: 0px;
						}

/* Appled to <td>.  Contains the text of an unselected tab */			
.unselected_tab_middle
						{
						background-image: url('../siteimages/unselected_tab_middle.gif');
						background-repeat: repeat-x;
						background-position: top left;
						height: 36px;
						padding: 0px;
						margin: 0px;
						font-size: 15px;
						font-weight: normal;
						color: #3B1E25;
						}

/* Appled to <td>.  Contains the right edge of an unselected tab */							
.unselected_tab_right
						{
						background-image: url('../siteimages/unselected_tab_right.gif');
						background-repeat: no-repeat;
						background-position: top right;
						width: 6px;
						height: 36px;
						padding: 0px;
						margin: 0px;
						}
						
#selected_tab_middle,
.unselected_tab_middle div
						{
						height: 20px;
						padding-top: 8px;
						padding-bottom: 8px;
						padding-left: 0px;
						padding-right: 0px;
						text-align: center;
						}
						

.unselected_tab_middle a:link,					
.unselected_tab_middle a:visited,
.unselected_tab_middle a:focus,
.unselected_tab_middle a:active,
.unselected_tab_middle a:hover
						{
						font-weight: normal;
						color: #3B1E25;
						text-decoration: none; 
						}
						
						
/* Middle of white page background. Applied to <td> */					
#main_page_middle		
						{
						background-image: url('../siteimages/page_bg_middle.gif');
						background-repeat: repeat-y;
						background-position: top left;
						/* total page width: 60 + 823 + 60 = 943 */
						width: 823px;
						padding-left: 60px;
						padding-right: 60px;
						padding-top: 10px;
						padding-bottom: 10px;
						}	
						
/* Bottom of white page background. Applied to <td> */					
#main_page_footer		
						{
						background-image: url('../siteimages/page_footer.gif');
						background-repeat: no-repeat;
						background-position: top left;
						/* total width: 823 + 60 + 60 = 943 */
						width: 823px;
						height: 40px;
						padding-left: 60px;
						padding-right: 60px;
						}