/**
	File:
		layout.css

	Validates:
		CSS Level 2.1

	Project:
		Weatherfor

	Author:
		Kristina Floyd

	Date Created:
		2008 05 31

	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	ie6.css - IE6 specific styles.
		06	ie7.css - IE7 specific styles.
		07	clearing.css - Enables the use of .clearfix across the site.
		08	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: #FFFFFF url(../img/clouds.jpg) no-repeat top center; color: #000000; font-family: Arial, Helvetica, sans-serif; padding: 12px 0; text-align: center; }
/* END body */






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






/* START #pageWrap */
#pageWrap { background: #FFFFFF url(../images/layout/bottomcurves.gif) no-repeat bottom center; font-size: 0.75em; margin: 0 auto; text-align: left; width: 970px; }
/* END #pageWrap */






/* START #header */
#header { background: #FFFFFF url(../images/layout/topcurves.gif) no-repeat top center; }
	#weatherForGolfLogo { float: left; margin: 16px 0 18px 22px; }
	#metOfficeLogo { float: right; margin: 5px 22px 10px 0; }
/* END #header */






/* START #mainMenu */
#mainMenu { background: #FFFFFF; list-style: none; margin: 0 10px 15px 0; padding: 0; width: 970px; }
	#mainMenu li { display: block; float: left; list-style: none; margin: 0; padding: 0; }
		#mainMenu a { background: #0084B2 url(../images/layout/mainMenu/menutab.gif) no-repeat top left; color: #FFFFFF; display: block; height: 22px; padding: 8px 0 0 16px; text-decoration: none; width: 178px; }
		#mainMenu a:hover { background: #0084B2 url(../images/layout/mainMenu/menutab_over.gif) no-repeat top left; }
		#mainMenu a.active { background: #0084B2 url(../images/layout/mainMenu/menutab_active.gif) no-repeat top left; }
/* END #mainMenu */






/* START .wrapper */
.wrapper { background: #FFFFFF url(../images/gradients/lightGrey.gif) repeat-y top right; margin: 0 25px; }
	.container { float: left; margin-right: -301px; width: 100%; }
		.content { background: transparent url(../images/layout/bg_cloud.jpg) repeat-y top left; margin-right: 301px; }
		#home .content { background: transparent; }
			.main { color: #FFFFFF; margin-right: 18px; min-height: 330px; padding: 18px 13px; }
	.sub { float: right; padding: 13px; width: 275px; }
/* END .wrapper */






/* START #footer */
#footer { clear: both; color: #3E3E40; padding: 6px 25px 12px 25px; }
	#synopvis { float: right; }
		#synopvis img { display: inline; vertical-align: middle; }
	#footer ol { float: left; list-style: none; margin: 4px 0 0 0; padding: 0; }
		#footer li { float: left; list-style: none; margin: 0 4px 0 0; padding: 0; }
			#footer a { background: #FFFFFF url(../images/layout/divider.gif) no-repeat center right; padding-right: 4px; }
			#footer a:hover {  }
/* END #footer */