/**
	File:
		layout.css

	Validates:
		CSS Level 2.1

	Project:
		Withypool Exmoor

	Author:
		Kristina Floyd

	Date Created:
		2008 05 17

	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: #152E2D url(/img/withypool/default/layout/body/bg.jpg) repeat-x top left; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.75; 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: #152E2D; font-size: 0.75em; margin: 0 auto; width: 960px; padding: 5px; text-align: left; }
/* END #pageWrap */






/* START #header */
#header { background: #152E2D; color: #FFFFFF; line-height: normal; }
	#logo {  }
		#logo h1 { float: left; }
			#logo h1 a { font-weight: normal; text-decoration: none; }
		#logo p { float: right; text-align: right; }
		#logo a { color: #FFFFFF; }
		#logo a:hover { color: #08ABAB; }
	#headerImages {  }
		#headerImages img { float: left; vertical-align: top; width: 320px; }
	#header h2 { clear: both; float: none; font-size: 1.5em; margin: 10px 0; }
/* END #header */






/* START #contentWrap */
#wrapper { background: #FFFFFF; margin-bottom: 5px; padding: 10px; }
	#container { float: left; margin-right: -260px; width: 100%; }
		#content { margin-right: 260px; }
			#menuWrap { float: left; width: 200px; }
			#main { margin-left: 200px; padding: 0 10px; }
	#sub { float: right; margin: 0 0 0 10px; width: 250px; }
/* END #contentWrap */






/* START #mainMenu */
#mainMenu { font-size: 1.1667em; list-style: none; margin: 0 10px 0 0; padding: 0; }
	#mainMenu li { list-style: none; margin: 0; padding: 0; }
		#mainMenu a { display: block; text-decoration: none; }
		#mainMenu a:hover {  }
		#mainMenu .current a { color: #08ABAB; }
/* END #mainMenu */






/* START .subSection */
.subSection {  }
	.subSection h3 { margin-bottom: 0; }
	.subSection ol { list-style: none; margin: 0 10px 0 0; padding: 0; }
		.subSection li { list-style: none; margin: 0 10px 0 0; padding: 0; }
/* END .subSection */






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