/**
	File:
		layout.css

	Validates:
		CSS Level 2.1

	Project:
		Kimberly-Clark GSA

	Author:
		Kristina Floyd

	Date Created:
		2008 12 09

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

		Elements index:
			html
			body

		ID index:
			#header
			#footer
			#mainMenu
			#subMenu

		Class index:
			.access


	Notes:
		Place second in the cascade.
		Seperate styling blocks with 6 carriage returns.
		Indent child blocks by one extra tabs each time to give a visual representation of the cascade and specificity.
		Wrap styling block with a comment in the following format: START/END plus the selector, id, class or combination of.

	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 { background: #FFFFFF url(/template-images/GSA/layout/body/bg.gif) repeat-y top center; color: #636466; font-family: Arial,Helvetica,sans-serif; font-size: 1em; line-height: normal; text-align: center; }
/* END body */






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





/* START #wrapper */
#pageWrap { background: transparent url(/template-images/GSA/layout/pageWrap/bg.gif) no-repeat top left; font-size: 0.6875em; margin: 0 auto; text-align: left; width: 928px; }
/* END #wrapper */





/* START #wrapper */
#repeaterWrap { background: transparent url(/template-images/GSA/layout/pageWrap/bgRepeat.gif) repeat-y;  margin: 0 auto; text-align: left; width: 928px; }
/* END #wrapper */





/* START #header */
#header { height: 145px; position: relative; }
    #header a img { border: none; }
    #GSAlogo { background: transparent url(/template-images/GSA/layout/header/gsaLogo.gif) no-repeat top left; height: 145px; position: absolute; right: 4px; top: 0; width: 730px; }
/* END #header */






/* START #primaryNav */
#primaryNav { list-style: none; margin: 2px 2px 2px 3px; padding: 0; }
    #primaryNav li { list-style: none; margin: 0; padding: 0; }
        #primaryNav a { background: transparent url(/template-images/GSA/layout/primaryNav/bg.jpg) repeat-x bottom left; border-bottom: 1px solid #E1E1E1; color: #9C7F4F; display: block; font-weight: bold; padding: 9px 10px; text-decoration: none; }
        #primaryNav a:hover,
        #primaryNav .selected a { background: #00427D url(/template-images/GSA/layout/primaryNav/hover.jpg) repeat-x top left; color: #FFFFFF; }
/* END #primaryNav */






/* START #contentArea layout */
#contentArea { padding: 0 14px; }
    #container { float: left; margin-right: -180px; width: 100%; }
        #wrapper { margin-right: 180px; }
            #primaryNavWrapper { float: left; width: 174px; }
            #mainContent { min-height: 450px; padding: 10px 20px 10px 194px; }
    #subContent { float: right; padding: 10px; width: 160px; }
/* END #contentArea layout */






/* START #footer */
#footer { background: #9D7F4E url(/template-images/GSA/layout/footer/bg.jpg) no-repeat top left; margin: 0 auto; text-align: center; width: 918px; }
	#footer ol { margin: 0 auto; padding: 0; width: 75%; }
		#footer li { display: block; float: left; margin: 0; padding: 0; }
			#footer a { background: transparent url(/template-images/GSA/layout/footer/divider.gif) no-repeat top right; color: #FFFFFF; display: block; padding: 7px 18px; text-decoration: none; }
			#footer .last a { background: none; }
			#footer a:hover { text-decoration: underline; }
/* END #footer */