/**
	File:
		layout.css

	Validates:
		CSS Level 2.1

	Project:
		SPAA

	Author:
		Kristina Floyd

	Date Created:
		2009 08 03

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

	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 { overflow-y: scroll; }
/* END html */






/* START body */
body { background: #FFFFFF url(/template-images/spaa/layout/body/bg.jpg) no-repeat top center; color: #797979; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.25em; text-align: center; }
/* END body */






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






/* START #page-wrap */
#page-wrap { font-size: 0.75em; margin: 0 auto; text-align: left; width: 980px; }
/* END #page-wrap */






/* START #header */
#header { font-size: 0.9167em; min-height: 114px; overflow: hidden; }
	#header #logo { clear: left; float: left; }
		#header #logo img { margin: 24px 0 0 35px; }
	#header #login { clear: right; color: #1D4F5A; float: right; line-height: normal; margin: 30px 35px 0 0; }
		#header #login h3 { float: left; font-size: 1em; margin: 0 22px 0 0; }
		#header #login form { float: left; }
			#header #login fieldset { float: left; }
				#header #login ol { border: none; margin: 0; }
					#header #login li { background: transparent; border: none; clear: none; float: left; padding: 0; }
						#header #login label { margin-right: 8px; padding: 0; text-align: left; width: auto; }
						#header #login input { margin: 0 8px 0 0; width: 156px; }
						#header #login #login-submit { background: transparent url(/template-images/spaa/layout/login/right.gif) no-repeat top right; display: block; margin-left: 7px; min-height: 22px; padding: 0; }
							#header #login #login-submit input { background: transparent url(/template-images/spaa/layout/login/left.gif) no-repeat top left; border: none; color: #FFFFFF; display: block; float: left; font-weight: bold; padding: 2px 18px 6px 3px; text-decoration: none; width: auto; }
					
		#header #login a { background: transparent url(/template-images/spaa/layout/header/arrow.gif) no-repeat center left; color: #1D4F5A; font-weight: normal; padding-left: 20px; text-decoration: underline; }
		#header #login a:hover { text-decoration: none; }
		#header #login p { clear: left; margin: 10px 0 0 0; }
		#header #login #become-user { margin-right: 184px; }
		#header #login #forgotten-password {  }
			#header #login #login-timestamp { font-weight: bold; margin-bottom: 14px; }
			#login-controls { list-style: none; margin: 0; padding: 0; }
				#login-controls li { list-style: none; margin: 0 28px 0 0; padding: 0; }
/* END #header */	






/* START #content-area.default-template layout */
#content-area.default-template { background: transparent url(/template-images/spaa/layout/content-area/primary-nav-bg.gif) repeat-y 0px 0px; min-height: 575px; overflow: hidden; }
	#content-area.default-template #primary-nav { background: transparent url(/template-images/spaa/layout/primary-nav/bg.gif) no-repeat top left; float: left; width: 250px; }
	#content-area.default-template #container { background: transparent url(/template-images/spaa/layout/content-area/bg.gif) no-repeat top right; float: right; margin-left: -250px; width: 100%; }
		#content-area.default-template #wrapper { background: transparent url(/template-images/spaa/layout/content-area/bg-bottom.gif) no-repeat bottom right; margin-left: 250px; min-height: 275px; overflow: hidden; padding: 27px 20px 27px 30px; }
			#content-area.default-template #main-content { float: left; min-height: 300px; width: 466px; }
			#content-area.default-template #sub-content { float: left; width: 214px; }
/* END #content-area.calculator-template layout */






/* START #content-area.default-template.spaa-homepage layout */
#content-area.default-template.spaa-homepage #main-content { float: left; min-height: 300px; width: 312px; }
#content-area.default-template.spaa-homepage #sub-content { float: left; padding-left: 27px; width: 341px; }
/* END #content-area.calculator-template.spaa-homepage layout */





/* START #primary-nav */
#primary-nav #logged-in-as { color: #F37013; padding: 18px 10px 0 19px; }
	#primary-nav #logged-in-as p { margin: 0; }
#primary-nav ol { background: transparent url(/template-images/spaa/layout/primary-nav/bg-bottom.gif) no-repeat bottom left; line-height: normal; list-style: none; margin: 0; padding: 10px 10px 200px 11px; width: 229px; }
	#primary-nav li { list-style: none; margin: 0; padding: 0; }
		#primary-nav a { background: #FFFFFF url(/template-images/spaa/layout/primary-nav/bg-off.gif) repeat-x bottom left; border-bottom: 1px solid #CDCDCD; color: #F37013; display: block; font-weight: normal; padding: 4px 8px; text-decoration: none; }
		#primary-nav a:hover,
		#primary-nav .selected a { background: #FFFFFF url(/template-images/spaa/layout/primary-nav/bg-on.gif) no-repeat bottom left; color: #FFFFFF; }
/* END #primary-nav */






/* START #wrapper-header */
#wrapper-header { font-size: 0.9167em; overflow: hidden; margin-bottom: 23px; }
	/* START #breadcrumb */
	#breadcrumb { clear: left; float: left; list-style: none; margin: 0; padding: 0; }
		#breadcrumb li { float: left; list-style: none; margin: 0; padding: 0; }
			#breadcrumb li a { color: #797979; display: inline-block; float: left; font-weight: normal; margin: 0; padding: 0 7px; text-decoration: none; }
			#breadcrumb strong { padding: 0 7px; }
	/* END #breadcrumb */
	/* START #search */
	#search { clear: right; float: right; }
		#search ol { margin: 0; }
			#search li { background: transparent; border: none; clear: none; float: left; }
				#search label { font-weight: bold; padding-right: 9px; width: auto; }
				#search input { margin: 0; width: 136px; }
				#search #search-submit { background: transparent url(/template-images/spaa/layout/search/right.gif) no-repeat top right; display: block; margin-left: 7px; min-height: 22px; padding: 0; }
					#search-submit input { background: transparent url(/template-images/spaa/layout/search/left.gif) no-repeat top left; border: none; color: #FFFFFF; display: block; float: left; font-weight: bold; padding: 2px 18px 6px 3px; text-decoration: none; width: auto; }
	/* END #search */
/* END #wrapper-header */






/* START #footer */
#footer { border-top: 1px solid #6CD4EB; font-size: 0.9167em; line-height: normal; overflow: hidden; padding: 10px; }
	#footer-content { clear: left; float: left; }
		#footer-content p { margin: 0; }
		#footer-content a { color: #29ACC8; font-weight: normal; margin: 0 10px; }
	#footer ol { clear: right; float: right; list-style: none; margin: 0; padding: 0; }
		#footer li { border-bottom: 1px solid #0E9DBA; border-right: 1px solid #0E9DBA; float: left; list-style: none; margin: 0; padding: 0; }
		#footer li:hover { border-bottom: 1px solid #FFFFFF; }
		#footer .last { border-right: none; }
			#footer li a { color: #29ACC8; display: block; float: left; font-weight: normal; margin: 0; padding: 0 7px; text-decoration: none; }
			#footer .first a { padding-left: 0; }
			#footer .last a { padding-right: 0; }
/* END #footer */