/* Start of CMSMS style sheet 'LBC_Main_Content : LBC Main Stylesheet' */
/* 
Lesmurdie Baptist Church:
Stylesheet for screen output.
*/

/*-------------------------------------
PAGE STRUCTURE
-------------------------------------*/

	body 
		{
		/*background-color: rgb(246,217,171);*/
		background-color: rgb(186,128,89);
		font-size: 62.5%;
		margin: 0;
		padding: 0;
		}

	div#container
		{
		width: 948px;
		margin: 10px auto;
		text-align: left;
		}
		
		
		
			div#header
				{
				clear: both;
				
				background-image: url('images/header.png');
				background-repeat: no-repeat;
				
				overflow: hidden;
				
				width: 948px;
				height: 166px;
				margin: 0; padding: 0;
				
				
				}
		
					h1#site_title
						{
						/* hide for now - later make it appear as a link but no text, let the bg image do the text.  */
						display: none;
						}
		
		
					div#contact
						{
						width: 435px;
						height: 146px;
						float: right;
						margin: 7px 22px 0 0;
						
						text-align: right;
						color: rgb(255,255,255);
						display: block;
						overflow: hidden;
						}
		
					div#contact p
						{
						margin: 0; padding: 0;
						}
		
				div#main_menu_container
					{
					float: left;
					height: 28px;
					position: absolute;
					top: 149px;
					margin-left: 1px;
					}
			
					ul#main_menu
						{
						
						
						height: 28px;
						list-style: none;
						padding: 0;
						margin: 0;
							
						/*border-left: rgb(204,204,153) 1px solid;	*/
						border-left: rgb(86,94,54) 1px solid;	
						}
			
						ul#main_menu li, div#search_form
							{
							/* make the search form like another tab */
							
							display: block;

							float: left;
							margin: 0;
							
							padding: 0 2px;
							
							/*border: rgb(204,204,153) 1px solid;*/	
							border: rgb(86,94,54) 1px solid;	
							border-left: 0; border-bottom: 0;
							
							overflow: visible;
							background-color: rgb(62,62,29);
							}
							
							ul#main_menu li a
								{
								display: block;
								padding: 4px 2px;
								height: 18px;
								
								width: 0.1em; /* this is used to make the IE6 area more clickable.  This will break other browsers, but it is fixed in the selector below */
								
								white-space: pre;

								font-family: Verdana, Arial, sans-serif;
								color: white;
								text-decoration: none;
	
								font-size: 1.5em;
								}
	
							div#main_menu_container > ul a {width:auto;} /**/
							
							
								
						ul#main_menu li.current
							{
							/*background-color: rgb(204,204,153);*/

							background-color: rgb(86,94,54);	

							border-right: rgb(62,62,29) 1px solid;	
							/*color: rgb(0,0,0);*/
							color: rgb(255,255,255);
							}

							ul#main_menu li.current a
								{
								/*color: black;*/
								color: rgb(255,255,255);
								}
							
						ul#main_menu li:hover
							{
							overflow: visible;
							/*background-color: rgb(204,204,153);*/
							background-color: rgb(86,94,54);	
							border-right: rgb(62,62,29) 1px solid;	
							}

							ul#main_menu li:hover a
								{
								/*color: black;*/
								color: rgb(255,255,255);
								}
						
							ul#main_menu li ul
								{
								display: none;
								
								/*background-color: rgb(204,204,153);*/

								background-color: rgb(86,94,54);	
								list-style: none;
								
								
								margin: 0 0 0 -2px; /* align to the <li> not the <a> */
								padding: 0;
								border-top: none;
									
								position: absolute; /* this prevents the <li> width expanding to include the submenu popup */
								width: 20em;
										
								
								
								
								z-index: 50;
								}
								
								ul#main_menu li:hover ul, ul#main_menu li.over ul
									{
									display: block;
									}
								
								ul#main_menu li ul li
									{
									display: block;
									margin: 0; padding: 0;
									float: none;
									clear: both;
									border: 0;
									border-bottom: 1px solid rgb(62,62,29);

									/*background-color: rgb(204,204,153);*/

									background-color: rgb(86,94,54);	
									}
								
								ul#main_menu li ul li a
									{
									display: block;
									width: auto;
									
									margin: 0; padding: 2px 6px 4px 6px;
									/*color: black;*/
									color: white;
									white-space: pre;
									overflow: hidden;

									font-family: Verdana, Arial, sans-serif;
									text-decoration: none;
									font-size: 1.4em;
									}
								
								ul#main_menu li ul li a:hover
									{
									background-color: rgb(62,62,29);
									color: rgb(255,255,255);
									}










						div#search_form
							{
							/* make the search form like another tab */
							/* style the current, rollovers, visited etc later in the file.  structure only here */

							display: none; /* !!!!! */

							float: right;
							margin: 0;
							
							padding: 0 2px;
							
							border: white 1px solid;	
							border-left: 0;	
							
							overflow: visible;
							}
							
							div#search_form label
								{
								display: none;
								}
							
							.search_input_container input
								{
								width: 10em;
								}
							
							div#search_form input.submit
								{
								width: 5em;
								}
						
		

			div#menubar
				{
					/*background-color: rgb(204,204,153);*/


					background-color: rgb(86,94,54);	


					display: block;
					height: 5px; width: 945px; 
					clear: both;
					border-left: 1px white solid; border-right: 2px white solid;
				}			


			div#body 
				{
				clear: both;
				width: 948px;
					background-color: rgb(255,255,255);
					background-image: url('images/sidebar.jpg');
					background-position: top right;
					background-repeat: repeat-y;
				}
				


				div#submenu_news
					{
					}
		
					ul#submenu
						{
						list-style: none;
						padding: 0;
						margin-top: 5px;
						float: left;
						width: 14em; 
						}
		
						ul#submenu li /* style the current, rollovers, visited etc later in the file.  structure only here */
							{
							font-size: 1.4em;
							margin: 3px 8px;
							padding: 0;
							}
						
							ul#submenu li a
								{
								margin: 0;
								padding: 5px;
								display: block;
								width: 9em;
								}

					div#submenu_news div#news
						{display: none;
						width: 206px; /* same width as image but with 1px border and 6px padding on each side */
						border: 1px solid rgb(102,85,68);
						padding: 6px; 
						font-size: 1.2em;
						
						background-color:  rgb(246,239,227);
						}
						
						div#news
							{
							text-align: left;
							}

						div#news h2
							{
							display: block;
							margin: -6px -6px 0 -6px;
							background-color: rgb(102,85,68);
							color: white;
							
							font-family: Verdana, Arial, sans-serif;
							font-size: 1.3em;
							padding: 1px 4px 4px 4px;
							}
							
							.NewsSummaryLink
								{
								font-family: Verdana, Arial, sans-serif;
								font-size: 1.2em;
								font-weight: 600;
								}
								
							
							.NewsSummaryDetails
								{
								font-family: Verdana, Arial, sans-serif;
								font-size: 0.9em;
								margin: 0px 0 3px 0;
								}
							
							.NewsSummaryContent
								{
								font-family: Verdana, Arial, sans-serif;
								}
							
							.NewsSummaryContent p
								{
								font-size: 1em;
								margin: 3px 0 3px 0;
								}
					
			
				div#pictures
					{
					float: right;
					width: 162px;
					}
		
					div#pictures img
						{
						display: block;
						}
		
					div#pictures img.landscape
						{
						display: block;
						width: 158px;
						height: 117px;
						border: 2px solid white;
						}
		
					div#pictures img.portrait
						{
						display: block;
						width: 158px;
						height: 186px;
						border: 2px solid white;
						}
					
				div#pageContent
					{
					padding-left: 16.52em; /* it's 11.8 * 1.4 = 16.52 */
					padding-right: 172px; 
					}

				div#pageContent.homepage
					{
					padding: 10px 167px 10px 0; 
					}
					
					div#homepageRight
						{
						float: right;
						width: 288px;
						clear: right;
						background-colour: blue;
						}


					div#homepageLeft
						{
						float: right;
						width: 484px;
						margin: 0; padding: 0;
						}

						div#whatsnew
							{
							display: block;
							min-height: 309px;
							padding: 0 5px 5px 10px;
							width: 271px;
							border: 1px solid black;

							background-color: rgb(62,62,29);
							color: white;
							}

							div#whatsnew a
								{
								color: rgb(187,196,153);
								}

							div#whatsnew h2
								{
								text-align: center;
								width: 286px; margin: 0 -5px 0 -10px;
								background-color:rgb(86,94,54);
								color: rgb(255,255,255);
								}

						div#highlightedarea
							{
							display: block;
							padding: 0;
							margin-top: -5px;
							}

						div#highlightedarea a img
							{
							border: 1px solid  rgb(62,62,29);
							}
		
					h1#page_title
						{
						padding: 8px 0 8px 0;
						}
		
					div#printicon
						{
						float: right;
						}
		
					div#printicon a
						{
						text-decoration: none;

						display: block;
						border: 0;
						padding: 0 3px 3px 3px;
						margin: 11px 0px 11px 3px;
						}
		
					div#printicon a img
						{
						border: 0;
						vertical-align: middle;
						}
		
					div#breadcrumbs
						{
						padding-top: 8px; 
						}
			
					div#container_content
						{
						margin-top: 0.5em; 
						}
			
						div.flashContainer
							{
							width: 802px;
							height: 426px;
							margin: 0 0 0 -1px; padding: 8px 0;
							display: block; float: left;
							z-index: 0;
							}
			
						div#prev_next_links
							{
							clear: both;
							padding-left: 16.52em; /* it's 11.8 * 1.4 = 16.52 */
							margin-left: -16.52em; /* it's 11.8 * 1.4 = 16.52 */
							font-size: 1em;
							width: 100%;
							}
			
							span#prev_link
								{
								display: block;
								float: left;
								}
			
							span#next_link
								{
								display: block;
								float: right;
								}
			
			
		
		
	div#footer
		{
		clear: both;
				
		background-image: url('images/footer.png');
		background-repeat: no-repeat;
				
		overflow: hidden;
			
		width: 948px;
		height: 87px;
		margin: -14px 0 0 0; padding: 0;
		}
		
		
		
	
			div#footer_navigation
				{
				margin: 10px 3em 0 4em;
				text-align: center;
				}
		
			div#footer_copyright
				{
				margin: 0 10em 0 11em;
				text-align: center;
				}
		
	
		




/*-------------------------------------
SUB MENU
-------------------------------------*/
ul#submenu li a
	{
	border: 1px rgb(62,69,29) solid;
	background-color: rgb(255,255,255);
	font-family: Verdana, Arial, sans-serif;
	color: black;
	text-decoration: none;
	}

ul#submenu li.current a
	{ /* need to get this working */
	border: 1px rgb(62,69,29) solid;
	background-color: rgb(62,69,29);
	color: white;
	}
	

ul#submenu li a:hover 
	{
	border: 1px rgb(62,69,29) solid;
	background-color: rgb(86,94,54);	
	color: white;
	}

/*-------------------------------------
FOOTER MENU
-------------------------------------*/

/*-------------------------------------
TYPOGRAPHY
-------------------------------------*/


h1#page_title
	{
	font-size: 4.2em;
	font-family: Georgia, Times, Times New Roman, Serif;
	font-weight: 400;

	color: rgb(62,62,29);
	}
	
div#breadcrumbs
	{
	font-size: 1.2em;
	font-family: Verdana, Arial, sans-serif;
	
	margin: 3px 0;
	}

h2
	{
	/* H2 Headers */
	font-size: 2.6em;
	font-family: Verdana, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.4em;
	
	margin: 0 0 0em 0; /* Order: top right bottom left*/

	color: rgb(86,94,54);
	}

h3
	{
	/* H3 Headers */
	font-size: 2em;
	font-family: Verdana, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.4em;
	
	margin: 0 0 0em 0; /* Order: top right bottom left*/

	color: rgb(86,94,54);
	}

h4
	{
	/* H2 Headers */
	font-size: 1.4em;
	font-family: Verdana, Arial, sans-serif;
	font-weight: 800;
	line-height: 1.4em;
	
	margin: 0 0 -10px 0; /* Order: top right bottom left*/

	color: rgb(62,62,29);
	}
	
#container_content, p, label, table
	{
	/* main content area and paragraphs outside this */
	font-size: 1.4em;
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.4em;
	}
		
#container_content p, #container_content label, #container_content table
	{
	/* paragraphs within the main content area, stop them getting heaps bigger. */
	font-size: 1em;
	line-height: 1em;
	
	margin: 0 0 0.5em 0;
	
	}
		
a
	{
	color: rgb(86,94,54);
	}
		
a:hover
	{
	color: rgb(204,204,153);
	}
		
a:visited
	{
	color: rgb(62,62,29);
	}

#contact a
	{
	color: rgb(204,204,153);
	}
#contact a:hover
	{
	color: rgb(62,62,29);
	}
#footer_navigation a
	{
	color: rgb(62,62,29);
	}
#footer_navigation a:hover
	{
	color: rgb(86,94,54);
	}

		
/*-------------------------------------
IMAGES
-------------------------------------*/

.thumbnailLeft, .floatLeft
	{ display: block; float: left; margin: 0px 10px 10px 0; }

.thumbnailRight, .floatRight
	{ display: block; float: right; margin: 0px 0 10px 10px; }

.floatInCentre
	{ display: block; margin: 10px auto; }



/*-------------------------------------
LINKS
-------------------------------------*/



/*-------------------------------------
FORMS
-------------------------------------*/

/* taken from FORM BUILDER */
.contactform fieldset {padding: 1em; background-color: #eee;} 

.contactform fieldset legend {font-weight: bold;} 

.contactform div {width: 100%; padding: 0.25em 0 0.25em 0;} 

.contactform div label {display: block; width: 20em; } 

.contactform div.required {color: #f00;} 

fieldset.search { border: 0; padding: 0; margin: 0; }

/*-------------------------------------
GENERIC CLASSES (eg. hidden)
-------------------------------------*/

	.container
		{
		display: block;
		border: 0 solid black;
		margin: 0;
		}

	.hidden, .accessibility
		{
		display: none;
		}

	.break
		{
		width: 100%;
		clear: both;
		visibility: hidden;
		}

	.centre
		{
		text-align: center;
		}

/*-------------------------------------
FLASH OBJECTS
-------------------------------------*/

/* End of 'LBC_Main_Content : LBC Main Stylesheet' */