/**
	File:
		layout.css

	Validates:
		CSS Level 2.1

	Project:
		[Project name and any abbreviation the project is known by]

	Author:
		[Author name]

	Date Created:
		[YYYY-MM-DD]

	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
		#primaryNav
		#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	main.css - Continuity generated stylesheet
		09	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 { color: #4f595d; font: 11px/18px "Lucida Grande", Lucida, Arial, Verdana, sans-serif; background: #BABFBA; }
/* END body */






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





/* START #pageWrap */
#pageWrap {
	position: relative;
	width: 100%;
	background: #BABFBA;
}

.pageWrap {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 929px;
	z-index: 9999;
	background-color: #ffffff;
}

#pageWrap-top {
	margin-top: 10px;
	height: 8px;
	background: url(../images/layout/bg-top.png) no-repeat;
}

#pageWrap-bottom {
	margin-bottom: 10px;
	height: 8px;
	background: url(../images/layout/bg-bottom.png) no-repeat;
}
/* END #pageWrap */






/* START #header */

#header {
	position: relative;
	width: 929px;
	height: 200px;
	background-color: #ffffff;
}

#header h1 a {
	position: absolute;
	display: block;
	width: 210px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/layout/gabude-logo.gif) no-repeat;
	left: 20px;
}

#header h2 a {
	position: absolute;
	left: 710px;
	display: block;
	width: 210px;
	height: 70px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/layout/strapline.gif) no-repeat;
}
/* END #header */


/* START #mainMenu */
#mainContent {background-color: #ffffff;  height:350px; margin-left: auto; margin-right: auto;	padding: 18px 0px 31px; position: relative; }
/* END #mainMenu */



/* START #primaryNav */
#primaryNav {  }
	#primaryNav ol {  }
		#primaryNav li {  }
			#primaryNav a {  }
			#primaryNav a:hover {  }
		#primaryNav .selected a {  }
/* END #primaryNav */






/* START #footer */
#footer { clear: both;}
	#footer .mainContent { height: 23px; padding: 10px 30px 5px; background: #ffffff url(/images/layout/white-bg.gif) repeat-y;}
	#footer ul { }	
	#footer ul.copyright { font-size: 9px; left: 10px; line-height: 11px; position: absolute;	top: 14px; }	
		#footer ul.copyright li {}
	#footer ul.links { font-size: 9px; line-height: 11px;	position: absolute; right: 28px; text-align: right; top: 14px; }		
	#footer ol {  }
		#footer li { color: #a4a4a4; display: inline; }
			#footer a { color: #a4a4a4; text-decoration: none; }
			#footer a:hover { text-decoration: underline; }
/* END #footer */