/*
___________________________________________________________
    global_layout.css

    Adam Pounds website global layout style sheet
    
    (c) 2009 Thomas Daly
___________________________________________________________
*/



/* Panel from left edge of browser window.  Applied to <td> */
#background_left		{
						background-color: #f7f8fa;
						margin: 0px;
						padding: 0px;
						}
						
/* Panel to right edge of browser window. Applied to <td> */
#background_right		{
						background-color: #bbc3cd;
						margin: 0px;
						padding: 0px;	
						}					

/* Striped centre panel background. Applied to <td> */
#centre_page			{
						background: url('../siteimages/stripes.jpg');
						background-repeat: repeat-y;
						background-position: top left;
						width: 994px;
						padding-top: 0px;
						}

/* 2-column centre page table.  Covers full width of and height of #centre_page panel */
#centre_page_table
						{
						width: 100%;
						margin-top: 0px;
						margin-right: 0px;
						margin-left: 0px;
						margin-bottom: 0px;
						padding: 0px;
						}
						
						
/* centre_page_table top right cell.  Contains 'Adam Pounds' and main page heading text */
#centre_page_top_text	{
						height: 180px;
						padding-right: 16px;
						text-align: right;
						vertical-align: middle;
						}
						

/* Top left edge of dark rectangle page background. Applied to <td> */
#dark_page_top_left		{
						background: url('../siteimages/dark_page_top_left.gif');
						background-repeat: no-repeat;
						background-position: top left;
						height: 30px;
						/* total width: 232 */
						width: 232px;
						}

/*
	Centre left of dark rectangle page background.

	Contains left menu.  
	
	Applied to <td>
*/					
#dark_page_middle_left	{
						background: url('../siteimages/dark_page_middle_left.gif');
						background-repeat: repeat-y;
						background-position: top left;
						/* total width: 232 */
						width: 232px;
						vertical-align: top;
						color: #fff;
						}		

/* Bottom left edge of dark rectangle page background. Applied to <td> */					
#dark_page_bottom_left	{
						background: url('../siteimages/dark_page_bottom_left.gif');
						background-repeat: no-repeat;
						background-position: bottom left;
						height: 30px;
						/* total width: 232 */
						width: 232px;
						}
						
/* Top right edge of dark rectangle page background. Applied to <td> */
#dark_page_top_right	{
						background: url('../siteimages/dark_page_top_right.gif');
						background-repeat: no-repeat;
						background-position: top left;
						height: 30px;
						width: 762px;
						}

/* 
	Centre right of dark rectangle page background.
	Contains white page
	Applied to <td>
*/					
#dark_page_middle_right		
						{
						background: url('../siteimages/dark_page_middle_right.gif');
						background-repeat: repeat-y;
						background-position: top left;
						width: 762px;
						vertical-align: top;
						}		

/* Bottom right edge of dark rectangle page background. Applied to <td> */					
#dark_page_bottom_right	
						{
						background: url('../siteimages/dark_page_bottom_right.gif');
						background-repeat: no-repeat;
						background-position: bottom left;
						height: 30px;
						width: 762px;
						}

/* Applied to <img> - main photo of Adam Pounds */
#left_photo				{
						/* positioned with respect to parent element, table cell */
						position: absolute; top: 18px;
						margin-left: 10px;
						}
						


/* Table containing the left menu items */						
#menu_table				{
						margin-left: auto;
						margin-right: 5px;
						margin-top: 120px;
						/* width of menu link bars: 206.  10 pixel horizontal leeway added */
						width: 216px;
						padding: 0px;
						}

/* Menu item bars */
#menu_table td			{
						/* Define vertical spacing between menu items */
						height: 40px;
						text-align: center;
						vertical-align: middle;
						}
						
/* Table for page with white background that contains page content */					
#white_page_table		{
						margin-left: 4px;
						margin-right: auto;
						width: 741px;
						}						
						
/* Top edge of white page background. Applied to <td> */
#white_page_top			{
						background: url('../siteimages/white_page_top.gif');
						background-repeat: no-repeat;
						background-position: top left;
						height: 30px;
						width: 741px;
						}

/* Centre of white page background. Applied to <td>.
	usable page width for content is 621px */					
#white_page_middle		
						{
						background: url('../siteimages/white_page_middle.gif');
						background-repeat: repeat-y;
						background-position: top left;
						/* total width: 741 */
						width: 621px;
						padding-left: 60px;
						padding-right: 60px;
						padding-bottom: 30px;
						}		

/* Bottom edge of white page background. Applied to <td> */					
#white_page_bottom	
						{
						background: url('../siteimages/white_page_bottom.gif');
						background-repeat: no-repeat;
						background-position: bottom left;
						height: 30px;
						width: 741px;
						}
						
#footer					{
						margin-left: auto;
						margin-right: auto;
						background-color: transparent;
						text-align: center;
						vertical-align: middle;
						margin-bottom: 15px;
						margin-top: 15px;
						height: 30px;
						font-size: 14px;
						color: #333;
						}