/*
----------------------------------------------------------------------------------------
*    global_layout_style.css
*   
*    Lennox Berkeley Society global layout style sheet
*
*    Code (c) 2010 Thomas Daly
----------------------------------------------------------------------------------------
*/

body				{
					margin-top: 0px;
					margin-left: 0px;
					margin-right: 0px;
					margin-bottom: 20px;
					}

/* total page width (standard width): 1 + 778 + 1 = 780
	Wide page created by local overrides in works.css 
	#header is the top container <div> that contains the main navigation bar
*/
#header
					{
					width: 780px;
					margin-top: 0px;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 2px;
					padding-left: 0px;
					padding-right: 0px;
					padding-top: 22px;
					padding-bottom: 0px;
					background-color: #f0f0f0;
					background-image: url('../images/header_gradient.jpg');
					background-repeat: repeat-x;
					background-position: top left;
					border: none;
					}
					
/* container <div> for top green main menu bar */
#header #main_menu_bar
					{
					width: 100%;
					height: 38px;
					margin: 0px;
					border: none;
					background-image: url('../images/main_menu_bg.jpg');
					background-repeat: repeat-x;
					background-position: top left;
					}
					
					
#header #main_menu_bar ul			
					{
					height: 38px;
					width: 735px;
					margin-left: auto;
					margin-right: auto;
					margin-top: 0px;
					margin-bottom: 0px;
					list-style-type: none;
					padding: 0px;
					background-color: transparent;
					}
					
#header #main_menu_bar ul li		
					{
					float: left;
					height: 38px;
					padding-left: 0px;
					padding-right: 0px;
					padding-top: 0px;
					padding-bottom: 0px;
					list-style-type: none;
					}

/* unselected menu item */			
#header #main_menu_bar ul li a,
/* selected (unlinked) menu item (further modified below)*/			
#header #main_menu_bar ul li#selected
					{
					display: block;
					height: 38px;
					
					padding-left: 13px;
					padding-right: 13px;
					/*
					padding-top: 5px;
					padding-bottom: 5px;
					*/
					background-image: url('../images/main_menu_bg.jpg');
					background-repeat: repeat-x;
					background-position: top left;
					color: #eee; 
					font-family: "Palatino Linotype", Palatino, Serif;
					font-size: 16px;
					font-weight: normal;
					line-height: 36px; 
					text-transform: uppercase; 
					text-align: center; 
					text-decoration: none;
					}
					
/* modifies #main_menu_bar ul li so it appears highlighted on mouse over or selected */		
#header #main_menu_bar ul li a:hover,
#header #main_menu_bar ul li#selected
					{
					
					}

#header #main_menu_bar ul li a:hover
					{
					background: url('../images/main_menu_hover_bg.jpg');
					}	
					
#header #main_menu_bar ul li#selected
					{
					background: url('../images/main_menu_selected_bg.jpg');
					color: #555;
					}								
					
					
#header #main_menu_bar ul li.divider
					{
					background: url('../images/main_menu_divider.jpg');
					background-repeat: no-repeat;
					background-position: top left;
					width: 4px;
					height: 38px;
					padding: 0px;
					}


/* container <div> for grey submenu bar immediately under main green bar */
#header #main_submenu_bar
					{
					width: 100%;
					height: 30px;
					margin-top: 4px;
					margin-bottom: 0px;
					margin-left: 0px;
					margin-right: 0px;
					padding: 0px;
					border: none;
					background-image: url('../images/sub_menu_bg.jpg');
					background-repeat: repeat-x;
					background-position: top left;
					}
					
#header #main_submenu_bar ul
					{
					height: 30px;
					/* margin-left will be set locally by page_header.php, as x-position depends on site section */
					margin-right: auto;
					margin-top: 0px;
					margin-bottom: 0px;
					list-style-type: none;
					padding: 0px;
					background-color: transparent;
					}		

#header #main_submenu_bar ul li		
					{
					float: left;
					height: 30px;
					padding: 0px;
					margin: 0px;
					list-style-type: none;
					}
					
/* unselected menu item */			
#header #main_submenu_bar ul li a,
/* selected (unlinked) menu item */			
#header #main_submenu_bar ul li#selected
					{
					display: block;
					height: 30px;
					margin: 0px;
					padding-left: 8px;
					padding-right: 8px;
					padding-top: 0px;
					padding-bottom: 0px;
					background-image: url('../images/sub_menu_bg.jpg');
					background-repeat: repeat-x;
					background-position: top left;
					color: #555; 
					font-family: "Palatino Linotype", Palatino, Serif;
					font-size: 16px;
					font-weight: normal;
					line-height: 30px;
					text-align: center; 
					text-decoration: none;
					}

/* modifies #header #main_submenu_bar ul li so it appears highlighted on mouse over or selected */
#header #main_submenu_bar ul li a:hover,
#header #main_submenu_bar ul li#selected
					{
					background: none;
					background-color: #fff;
					text-decoration: none;
					color: #555;
					}


/* total footer width: 1 + 30 + 718 + 30 + 1 = 780 */					
#footer
					{
					width: 718px;
					margin-top: 0px;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 15px;
					padding-left: 30px;
					padding-right: 30px;
					padding-top: 20px;
					padding-bottom: 20px;
					background-color: #f4f4f4;
					border-top: none;
					border-left: 1px solid;
					border-right: 1px solid;
					border-bottom: 1px solid;
					border-left-color: #EAEAEA;
					border-right-color: #EAEAEA;
					border-bottom-color: #EAEAEA;
					text-align: center;
					}
					
					
/* Appied to the links at the foot of each page */
#footer_links 
					{
					color: #777;
					margin-left: auto;
					margin-right: auto;
					margin-top: 0px;
					margin-bottom: 20px;
					width: 780px;
					padding: 0px;
					text-align: center;
					}					

/* total page section width: 1 + 70 + 638 + 70 + 1 = 780 */
.section
					{
					width: 638px;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 0px;
					padding-left: 70px;
					padding-right: 70px;
					padding-top: 10px;
					padding-bottom: 20px;
					background-color: #f4f4f4;

					border-top: none;
					border-left: 1px solid;
					border-right: 1px solid;
					border-left-color: #EAEAEA;
					border-right-color: #EAEAEA;
					border-bottom: none;
					}

/* total form section width: 1 + 70 + 638 + 70 + 1 = 780 */					
.formsection
					{
					width: 638px;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 0px;
					padding-left: 70px;
					padding-right: 70px;
					padding-top: 20px;
					padding-bottom: 20px;
					background-color: #f4f4f4;
					border-top: none;
					border-left: 1px solid;
					border-right: 1px solid;
					border-left-color: #EAEAEA;
					border-right-color: #EAEAEA;
					border-bottom: none;
					}

.formsection table
					{
					border: none;
					width: 638px;
					margin-left: 0px;
					margin-right: auto;
					border-spacing: 4px;
					}
.formsection td
					{
					vertical-align: middle;
					text-align: left;
					padding-left: 0px;
					}