/**
	File:
		layout.css

	Validates:
		CSS Level 2.1

	Project:
		Kimberly-Clark Contaminomics

	Author:
		Kristina Floyd

	Date Created:
		2008 03 16

	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; color: #636466; font-family: Arial, Helvetica, sans-serif; font-size: 0.71875em; line-height: 1.5em; text-align: center; }
/* END body */






/* START ACCESSIBILITY */
.access { left: -1000px; position: absolute; top: 0; width: 100px; }
/* END ACCESSIBILITY */





/* START #wrapper */
#pageWrap { margin: 0 auto; text-align: left; width: 868px; }
/* END #wrapper */





/* START #header */
#header { background: transparent url(/template-images/contaminomics/layout/header/bg.jpg) no-repeat bottom right; min-height: 148px; position: relative; }
	#kimberlyclarkLogo { height: 79px; left: 0; position: absolute; top: 0; width: 167px; }
/* END #header */






/* START #primaryNav */
#primaryNav { background: transparent url(/template-images/contaminomics/layout/primaryNav/bg.gif) no-repeat top left; line-height: normal; list-style: none; margin: 0; min-height: 282px; padding: 6px 5px 0 5px; }
	#primaryNav ol { list-style: none; margin: 0; padding: 0; }
		#primaryNav li { list-style: none; margin: 0; padding: 0; }

			#primaryNav a { background: #F1F2F3 url(/template-images/contaminomics/layout/primaryNav/bgNoChildren.jpg) repeat-x top left; border-bottom: 1px solid #D4D5D5; color: #244691; display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; padding: 3px 18px 4px 6px; text-decoration: none; }
			#primaryNav a:hover, 
			#primaryNav .selected a { background: #244691 url(/template-images/contaminomics/layout/primaryNav/bgNoChildrenHover.jpg) no-repeat top left; color: #FFFFFF; }

			#primaryNav .selectedsection a.hasChildren { background: #244691 url(/template-images/contaminomics/layout/primaryNav/bg.jpg) repeat-x top left; color: #FFFFFF; }
			
			#primaryNav a.hasChildren { background: #F1F2F3 url(/template-images/contaminomics/layout/primaryNav/bgHasChildren.jpg) repeat-x top left; color: #244691; }

			#primaryNav a.hasChildren:hover, 
			#primaryNav .selected a.hasChildren, 
			#primaryNav .selectedsectionOn a.hasChildren, 
			#primaryNav .selectedsection a.hasChildren:hover { background: #244691 url(/template-images/contaminomics/layout/primaryNav/bgNoChildrenHover.jpg) no-repeat top left; color: #FFFFFF; }
			
				#primaryNav li li a { background: transparent; color: #636466; font-weight: normal; padding-left: 15px; }
				#primaryNav li li a:hover, 
				#primaryNav li li.selected a { background: #244691 url(/template-images/contaminomics/layout/primaryNav/bgNoChildrenHover.jpg) no-repeat top left; color: #FFFFFF; }
/* END #primaryNav */






/* START #contentArea layout */
#contentArea { padding: 19px 10px 0 8px; }
	#container { float: left; margin-right: -185px; width: 100%; }
		#wrapper { margin-right: 185px; }
			#primaryNavWrapper { float: left; width: 178px; }
			#mainContent { margin-left: 178px; padding: 20px 13px 39px 13px; }
	#subContent { float: right; font-size: 0.9565em; width: 185px; }
/* END #contentArea layout */






/* START #footer */
#footer { background: transparent url(/template-images/contaminomics/layout/footer/bg.jpg) repeat-x top left; color: #777779; font-size: 0.8670em; min-height: 68px; padding: 17px 56px 17px 206px; }
/* END #footer */
