/* undohtml turns off browser default settings and brings browsers back to a more common start point */


/* GLOBAL STYLES FOR BHF ANNUAL REPORT AND ACCOUNTS */


body { font-family: Arial, Helvetica, sans-serif; font-size: 76%; color: #323232; margin: 0 auto; padding: 0 1%; background: #D4E04C; }






/* START CSS for ACCESSIBILITY */
.access { position: absolute; text-indent: -2000em; font-size: 0.01em; }
/* END CSS for ACCESSIBILITY */






/* START CSS for PAGE */
#page { background: #FFFFFF; max-width: 987px; min-width: 700px; margin: 0 auto; }
/* END CSS for PAGE */





/* START CSS for Left hand div */
#l { background: transparent url(../../../../template-images/research/bodybg_left.gif) repeat-y scroll left; padding-left: 11px; }
/* END CSS for Left hand div */





/* START CSS for right hand div */
#r { background: transparent url(../../../../template-images/research/bodybg_right.gif) repeat-y scroll right; padding-right: 11px; }
/* END CSS for right hand div */





/* START CSS for TOP LEVEL NAVIGATION */
#mainMenu { padding-left: 27px; margin-bottom: 55px; }
	#mainMenu li { float: left; }
	#mainMenu a { font-weight: bold; color: #5D5D5D; font-size: 1.1em; padding: 26px 13px 0 5px; background: #FFFFFF url(../../../../template-images/mainmenu/dots.gif) repeat-y scroll left; display: block; }
	#mainMenu a.on,
	#mainMenu a:hover { color: #ED1A2E; }
/* END CSS for TOP LEVEL NAVIGATION */






/* START CSS for HEADER */
#header { padding-left: 27px; padding-bottom: 35px; clear: both;}
	#header h1 { color: #ED1A2E; font-size: 2em; }
	#header h2 { color: #8F8F8F; font-size: 1.5em; font-weight: normal; }
/* END CSS for HEADER */



/* START CSS EXTRAS for HEADER */

.headerInnerLeft 
{
	float: left;	
}

.headerInnerSpacer
{
	float: left; 
	width: 3px;
}

.headerInnerRight
{
	float: right;
}

.headerInnerSubContainer
{
	clear:both;
}

.headerContentBox
{
	float:left; 
	width: 180px; 
	padding-left: 8px; 
	padding-right: 5px;
	font-size: .9em;
}

.headerContentBoxOn
{
	float:left; 
	width: 180px; 
	padding-left: 8px; 
	padding-right: 5px;
	font-size: .9em;
}

.headerBottomSpacer
{
	clear:both; 
	height: 20px;
}

.headerImagery
{
	float: left; 
	padding-right: 8px;
}

.headerContentBox h3 { color: #ED1A2D; font-size: 1em; font-weight: bold; }
.headerContentBox a { color: #ED1A2D; }
.headerContentBox a:hover { color: #000000; }

.headerContentBoxOn h3 { color: #ED1A2D; font-size: 1em; font-weight: bold; }
.headerContentBoxOn a { color: #ED1A2D; }
.headerContentBoxOn a:hover { color: #000000; }

.headerContentBoxOn { background: transparent url(../../../../template-images/home/dotsvertical.gif) repeat-y scroll right; }

/* END CSS EXTRAS for HEADER */






/* %%%%%%%%%%%%%%%%%%%%% */
/* START CSS for CONTENT */
#content { background: #F3F5E0 url(../../../../template-images/dotsvertical.gif) repeat-y scroll left; min-height: 550px; }
	#content h3 { font-size: 1.5em; font-weight: bold; }
	#content h4 { font-size: 1.25em; }
	#content .firstParagraph { font-size: 1.2em; font-weight: bold; }
	#content .secondParagraph { font-size: 1.2em; }
	#content ul { list-style: disc; padding-left: 15px; margin-left: 2em; }
		#content ul ul { list-style: circle; }
	#content ol { list-style: decimal; padding-left: 15px; margin-left: 2em; }
		#content ol ol { list-style: lower-roman; }





	/* ################################# */
	/* START CSS for SUB CONTENT */
	#subContent { float: left; width: 183px; background: #F3F5E0; }

		/* START CSS for SECOND LEVEL NAVIGATION */
		#subMenu { width: 177px; margin-left: 3px; margin-top: 4px; }
			#subMenu ol { margin-left: 0; padding-left: 0; }
				#subMenu li { margin-bottom: 1px; list-style: none; }
				#subMenu a { color: #5D5D5B; background: #E7E9D4 url(../../../../template-images/research/menubg.gif) repeat-y scroll left; display: block; padding: 10px 7px 10px 23px; font-weight: bold; font-size: 1em; }
					#subMenu a:hover,
					#subMenu a.on { background: #E7E9D4 url(../../../../template-images/research/menubg_over.gif) repeat-y scroll top left; }
					/* Opera fails to show the little arrow.  previously I had the :hover with no-repeat, but opera only displayed one pixel of it, so changed it to repeat-y as per 'a' and opera now displays the colour but not the arrow so presume it doesn't display the image 'top left' but 'center left'. */
		/* END CSS for SECOND LEVEL NAVIGATION */

	/* END CSS for SUB CONTENT */
	/* ############################### */






	/* ################################# */
	/* START CSS for MAIN CONTENT */
	#mainContent { width: auto; padding: 48px 0 48px 27px; margin-left: 183px; }
		#mainContent a { color: #333333; text-decoration: underline; }
			#mainContent a:hover { text-decoration: none; }
		#mainContent p { line-height: 1.5em; padding: 1em 0; }
	/* END CSS for MAIN CONTENT */
	/* ############################### */






	/* ###################### */
	/* START CSS for FAST FACTS WRAPPER */
	#fastFactsWrapper { background: #FFFFFF; border: 1px solid #CCCCCC; border-bottom: none; width: 172px; margin: 17px 3px 0 3px; font-size: 0.9em; }
		#supporting #fastFactsWrapper { text-align: left; float: right; }

		/* START CSS for FAST FACTS */
		#fastFacts { padding: 0; margin: 5px 20px 5px 20px;}
			#fastFacts h2 { padding: 0; margin: 0; background: #FFFFFF url(../../../../template-images/fastfacts/fastfactssnapshot.gif) no-repeat top left; font-size: 0.01%; height: 14px; width: 83px; margin: 19px 0 19px 0; padding-left: -2px; text-indent: -2000em; }
			#fastFacts ol { padding: 0; margin: 0; margin-bottom: 10px; list-style: none; }
				#fastFacts li { padding: 0; margin: 0; padding-bottom: 15px; list-style: none; padding-left: 0; margin-left: 0; }
		/* END CSS for FAST FACTS */

		/* START CSS for FAST FACT LINK */
		#fastFactLink { background: #D4E050 url(../../../../template-images/fastfacts/fastfactlinkbg.gif) no-repeat scroll top left; font-weight: bold; padding: 12px 0 8px 46px; min-height: 35px; }
			#fastFactLink a { color: #333333; text-decoration: underline; }
				#fastFactLink a:hover { text-decoration: none; }
		/* START CSS for FAST FACT LINK */

	/* END CSS for FAST FACTS */
	/* ###################### */

/* END CSS for CONTENT */
/* %%%%%%%%%%%%%%%%%%% */






/* START CSS for FOOTER */
#footer { clear: both; }
/* END CSS for FOOTER */






/* START CLEARING */
	/* http://www.positioniseverything.net/easyclearing.html */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		.clearfix { display: inline-table; }
		/* Hides from IE-mac \*/
		* html .clearfix { height: 1%; }
		.clearfix { display: block; }
		/* End hide from IE-mac */
	
	.clearingDiv {  }
		.clearingDiv img { width: 99%; height: 1px; border: none; } /* width: 758px; */
/* END CLEARING */