/* LAYOUT STYLES FOR Capita - what works well */
html { margin-bottom: 0.1em; height: 100%; }
body { background: #FFFFFF; color: #4A6D83; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.75em; text-align: center; }






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






/* START #pageWrap */
#pageWrap { font-size: 100%; margin: 0 auto; text-align: left; width: 977px; }
	/*hide domain - need this for form javascript */
	#pageWrap #reportDomain { display: none; }
/* END #pageWrap */






/* START #header */
#header { display: block; height: 125px; position: relative; width: 977px; }
	#header #whatWorksWellLogo { font-size: 1em; position: absolute; top: 64px; }
	#header #headerTop { border-bottom: 1px solid #ECECEC; height: 63px; left: 0; position: absolute; top: 0; width: 977px; }
		#headerTop a { font-size: 1em; }
		#dCSF { float: left; }
		#sofaKids { position: absolute; right: 158px; top: 0; }
		#standardsSite { position: absolute; right: 0; top: 0; }
/* END #header */






/* START popup pagewrap */
#pageWrap.popup { margin: 0 15px; width: 510px; }
#pageWrap.popupWide { background: #58585A; color: #FFFFFF; padding-top: 12px; width: 950px; }
/* END popup pagewrap */






/* START #primaryNav */
#primaryNav { background: transparent url(/template-images/layout/primaryNav/repeater.gif) repeat-x right bottom; margin-bottom: 7px; padding: 0 0 11px 8px; }
	#primaryNav ol { display: block; }
		#primaryNav li { display: block; float: left; }
			#primaryNav a { background: transparent url(/template-images/layout/primaryNav/a_repeater.gif) repeat-x right bottom; border-left: 1px solid #FFFFFF; color: #FFFFFF; display: block; font-size: 0.9167em; padding: 10px 8px 7px 8px; text-decoration: none; }
			#primaryNav a:hover { background: transparent url(/template-images/layout/primaryNav/selected_repeater.gif) repeat-x right bottom; text-decoration: underline; }
			#primaryNav li.selected a { background: transparent url(/template-images/layout/primaryNav/selected_repeater.gif) repeat-x right bottom; font-size: 1.001em; font-weight: bold; }
			#primaryNav #homeLink a { border: none; }
/* END #primaryNav */






/* START #subNav.form */
#subNavWrapper { background: transparent url(/template-images/layout/primaryNav/repeater.gif) repeat-x right bottom; margin-bottom: 7px; padding: 0 8px 11px 8px; }
	#subNav.form { display: block; }
		#subNav.form li { background: transparent url(/template-images/layout/primaryNav/a_repeater.gif) repeat-x right bottom; display: block; float: left; }
		#subNav.form li:hover { background: transparent url(/template-images/layout/primaryNav/selected_repeater.gif) repeat-x right bottom; }
		#subNav.form li.subNavHelp { float: right; }
			#subNav.form li a { border-left: 1px solid #FFFFFF; color: #FFFFFF; display: block; font-size: 0.9167em; padding: 10px 50px 7px 8px; text-decoration: none; }
			#subNav.form li input { border: none; border-left: 1px solid #FFFFFF; color: #FFFFFF; cursor: pointer; display: block; font-size: 0.9167em; padding: 10px 40px 7px 8px; text-decoration: none; }

			#subNav.form li a.notComplete { background: transparent url(/template-images/layout/icons/notComplete.gif) no-repeat right top; }
			#subNav.form li input.notComplete { background: transparent url(/template-images/layout/icons/notComplete.gif) no-repeat right top; }

			#subNav.form li a.complete { background: transparent url(/template-images/layout/icons/complete.gif) no-repeat right bottom; }
			#subNav.form li input.complete { background: transparent url(/template-images/layout/icons/complete.gif) no-repeat right bottom; }

				#subNav.form li a:hover { text-decoration: underline; }
				#subNav.form li input:hover { text-decoration: underline; }

		#subNav.form li.selected { background: transparent url(/template-images/layout/primaryNav/selected_repeater.gif) repeat-x right bottom; }
			#subNav.form li.selected a { font-size: 1.001em; font-weight: bold; }
			#subNav.form li.selected input { font-size: 1.001em; font-weight: bold; }
/* END #subNav.form */






/* START #subNav.view */
#subNav.view { display: block; }
	#subNav.view li { background: transparent url(/template-images/layout/primaryNav/a_repeater.gif) repeat-x right bottom; display: block; float: left; }
	#subNav.view li:hover { background: transparent url(/template-images/layout/primaryNav/selected_repeater.gif) repeat-x right bottom; }
	#subNav.view li.subNavHelp { float: right; }
		#subNav.view li a { border-left: 1px solid #FFFFFF; color: #FFFFFF; display: block; font-size: 0.9167em; padding: 10px 50px 7px 8px; text-decoration: none; }

		#subNav.view li a.notComplete { background: transparent url(/template-images/layout/icons/notComplete.gif) no-repeat right top; }
		#subNav.view li a.complete { background: transparent url(/template-images/layout/icons/complete.gif) no-repeat right bottom; }
			#subNav.view li a:hover { text-decoration: underline; }
	#subNav.view li.selected { background: transparent url(/template-images/layout/primaryNav/selected_repeater.gif) repeat-x right bottom; }
		#subNav.view li.selected a { font-size: 1.001em; font-weight: bold; }
/* END #subNav.view */






/* START top layout */
#cwTop.contentWrapper { clear: both; margin-bottom: 6px; }
	#cwTop.contentWrapper .container { float: left; margin-right: -325px; width: 100%; }
	#cwTop.contentWrapper .mainContent { margin-right: 325px; padding: 0; position: relative; width: 634px; }
	#pageWrap.front #cwTop.contentWrapper .mainContent { padding: 12px 0 12px 11px; }
	#cwTop.contentWrapper .subContent { float: right; margin-left: 12px; width: 313px; }
/* END layout */

/* START lower layout */
#cwLower.contentWrapper { clear: both; }
	#cwLower.contentWrapper .container { float: left; margin-right: -325px; width: 100%; }
		#cwLower.contentWrapper .mainContent { margin-right: 325px; width: 634px; }
	#cwLower.contentWrapper .subContent { float: right; margin-left: 12px; width: 313px; }
/* END layout */


#pageWrap.loggedin #cwTop.contentWrapper .container { margin-right: -325px; }
#pageWrap.loggedin #cwTop.contentWrapper .mainContent { padding: 0; width: 645px; }






/* START content */
#content {  }
/* END content */






/* START #footer */
#footer { background: #CDCDCD url(/template-images/layout/footer/repeater.jpg) repeat-x left top; font-size: 0.9167em; margin-top: 50px; padding-left: 8px; position: relative; }
	#footer ol {  }
		#footer li { display: block; float: left; }
			#footer li a { color: #4A6D83; display: block; padding: 10px 8px; text-decoration: none; }
			#footer li a:hover {  }
	#footer p { color: #090909; float: right; font-weight: bold; margin: 0 50px 0 0; padding: 10px; }
	#footergirl { background: transparent url(/template-images/logo/footergirl.gif) no-repeat left top; height: 77px; position: absolute; right: -1px; top: -36px; width: 44px; }
/* END #footer */






/* START #footerLogos */
#footerLogos { margin-bottom: 20px; padding-top: 4px; }
	#footerLogos ol {  }
		#footerLogos li { display: inline; }
			#footerLogos a { font-size: 0.9167em; padding: 4px; text-decoration: none; }
			#footerLogos a:hover { text-decoration: underline; }
				#footerLogos img { display: inline; }
/* END #footerLogos */

.viewGroup{ padding-top:10px;}