/**
	File:
		layout.css

	Validates:
		CSS Level 2.1

	Project:
		Higher Riscombe

	Author:
		Kristina Floyd

	Date Created:
		2008 04 25

	About:
		Contains styles for the main layout and framework of the site

	Notes:
		Place second in the cascade.

	File content:
		html
		body
		.access
		#pageWrap
		#header
		#logo
		#mainMenu
		#footer

	Cascade index:
		01	undo.css - Resets browser default styles
		02	layout.css - Styles for the main layout and framework of the site
		03	content.css - Styles for general content
		04	elements.css - Styles for specific page elements
		05	colour.css - Different colour schemes for Lego
		06	ie6.css - IE6 specific styles.
		07	ie7.css - IE7 specific styles.
		08	clearing.css - Enables the use of .clearfix across the site.
		09	main.css - Continuity generated stylesheet
		10	print.css - Print specific styles
*/






/* START html */
/* this ensures FF always has a scrollbar */
html { margin-bottom: 0.1em; height: 100%; }
/* END html */






/* START body */
body { background: #743A1D url(/img/browns/layout/body/brownBG.jpg) repeat-x top left; color: #565656; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.5; padding: 44px 0; text-align: center; }
/* END body */






/* START ACCESSIBILITY */
.access { position: absolute; left: -1000px; width: 100px; top: 0; }
/* END ACCESSIBILITY */






/* START #pageWrap */
#pageWrap { background: #FFFFFF; font-size: 0.75em; margin: 0 auto; width: 880px; padding: 10px; text-align: left; }
/* END #pageWrap */






/* START #header */
#header { min-height: 142px; }
	#header h1 a { color: #542200; font-weight: normal; text-decoration: none; }
	#header h2 { font-family: Georgia,"Times New Roman",Times,serif; float: left; font-size: 1.5em; font-weight: normal; margin: 0; }
	#header p { float: right; font-size: 1.1667em; }
/* END #header */






/* START #mainMenu */
#mainMenu { background: #542200; border: 1px solid #542200; }/* #565656 #BC703E */
	#mainMenu ol { float: left; list-style: none; margin: 0; padding: 0; }
		#mainMenu li { display: block; float: left; list-style: none; }
			#mainMenu a { border-right: 1px solid #542200; color: #FFFFFF; display: block; font-size: 1.5em; font-weight: normal; line-height: normal; padding: 10px; text-decoration: none; }
			#mainMenu .current a,
			#mainMenu a:hover { background: #FFFFFF; color: #542200; }
/* END #mainMenu */






/* START #contentWrap */
#wrapper {  }
	#container { float: left; margin-right: -302px; width: 100%; }
		#content { margin-right: 302px; }
			#main {  }
	#sub { float: right; width: 302px; }
/* END #contentWrap */






/* START #sub */
#sub ol { list-style: none; margin: 0; padding: 0; }
	#sub li { list-style: none; }
/* END #sub */






/* START #extra */
#extra { background: #CF9D7B; clear: both; margin: 20px 0; }
	#extra ol { list-style: none; margin: 0; padding: 0; }
		#extra li { list-style: none; }
/* END #extra */






/* START #footer */
#footer { clear: both; text-align: right; }
	#footer ol {  }
		#footer li { float: left; }
			#footer a {  }
			#footer a:hover {  }
/* END #footer */