html {
	/* this is to force vertical scrollbar throughout site
	has to be 100.01% as if 100.1 there is slight vertical movement. */
	min-height: 100.01%;
	margin-bottom: 0.01%;
}
body {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 0;
	margin: 0;
	background: White;
	/* removed as doesn't validate - using styles in html instead.
	overflow:-moz-scrollbars-vertical;*/
}
p {
	font-size: 0.95em;
}
#mainPage {
	background-color: White;
	z-index: 0;
}
#mainContent {
	position: relative;
	clear: both; /* this clear: both - stops the lower div from overlapping the tabbed sub-menu */
}
img {
	border: none;
}
.clear {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
h1 {
	color: #FFFFFF; /*#ED1A2E;*/
}
h2, .subTitleText {
	font-size: 1.1em;
	color: #ED1A2E;
}
h2, h3 {
	padding: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
}
#headerBlock{
	position: relative;
	height: 133px;
	background: White;
}

/* Styles which reside inside the button bar */
#buttonBar{
	height: 44px;
	position: relative;
	/*margin-top:10px;*/
}
#leftButtons {
	float: left;
}
* html body #leftButtons {
	padding-top:10px;
}
#leftButtons ul {
	list-style: none;
	/*height: 17px;*/
	padding-left: 10px;
}
#leftButtons li {
	float: left;
	position: relative;
	margin-right: 5px;
}
#leftButtons li a {
	display: block;
	height: 20px;
}
#leftButtons li a *{
	display: none;
}
.homeButton{
	background-image: url(../img/nav/top/homeBTN.png);
	background-repeat: no-repeat;
	width: 47px;
}
.homeButton:hover{
	background-image: url(../img/nav/top/homeBTN-over.png);
	background-repeat: no-repeat;
	width: 47px;
}
.backButton{
	background-image: url(../img/nav/top/back.png);
	background-repeat: no-repeat;
	width: 47px;
}

.backButton:hover{
	background-image: url(../img/nav/top/back_over.png);
	background-repeat: no-repeat;
	width: 47px;
}

.forwardButton{
	background-image: url(../img/nav/top/forwardBTN.png);
	background-repeat: no-repeat;
	width: 65px;
}

.forwardButton:hover{
	background-image: url(../img/nav/top/forwardBTN-over.png);
	background-repeat: no-repeat;
	width: 65px;
}

#rightButtons {
	float: right;
}
* html body #rightButtons {
	padding-top:10px;
	margin-bottom:-15px;
}

#rightButtons ul {
	list-style: none;
	height: 18px;
	padding-left: 10px ;
}

#rightButtons li{
	float: left;
	position: relative;
	margin-right: 5px;
}
* html body #rightButtons li{
	float: right;
}

#rightButtons li a{
	display: block;
	height: 18px;
}

#rightButtons li a *{
	display: none;
}

.assetsButton {
	background-image: url(../img/nav/top/assetBTN.png);
	background-repeat: no-repeat;
	width: 47px;
}

.assetsButton:hover {
	background-image: url(../img/nav/top/assetBTN-over.png);
	background-repeat: no-repeat;
	width: 47px;
}

.printButton {
	background-image: url(../img/nav/top/printBTN.png);
	background-repeat: no-repeat;
	width: 47px;
}

.printButton:hover {
	background-image: url(../img/nav/top/printBTN-over.png);
	background-repeat: no-repeat;
	width: 47px;
}

.powerPointButton {
	background-image: url(../img/nav/top/powerpointBTN.png);
	background-repeat: no-repeat;
	width: 46px;
	color: #666666;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	font-size: 8pt;
	padding-top: 2px;
}
.powerPointButton:hover {
	/*background-image: url(../img/nav/top/powerpointBTNover.png);
	background-repeat: no-repeat;*/
	width: 46px;
	font-weight: bold;
	color: Black; /* #ED1A2E*/
	padding-top: 2px;
	text-align: center;
	text-decoration: none;
	font-size: 8pt;
}
/* Styles which reside inside the section Menu */
#sectionMenu {
	position: relative;
	height: 60px;
	border-top: solid 1px #D6D6D6;
	margin: 0;
	padding: 0;
}

#sectionMenu ul {
	margin: 0;
	padding: 0;
	padding-left: 32px ;
	list-style: none ;
	height: 34px;
}

#sectionMenu li{
	float: left;
	position: relative;
}

#sectionMenu li a{
	display: block ;
	height: 34px;
}

#sectionMenu li a *{
	display: none;
}

#introText {
	font-size: 1.3em ;
}


/* change text size buttons CSS */
#changeTextSizeButtons {
	width: 41px;
	height: 20px;
	position: relative;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background: url(../img/nav/top/textSize.png);
	border: none;
}
#changeTextSizeButtons li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	display: block;
	/*height: 18px;*/
}
#changeTextSizeButtons a {
	/*height: 18px;*/
	text-decoration: none;
	text-indent: -10000px;
	display: block;
}
#smallTextButton {
	width: 17px;
	/*height: 18px;*/
	left: 0;
}
#medTextButton {
	left: 17px;
	width: 16px;
	/*height: 18px;*/
}
#largeTextButton {
	left: 33px;
	width: 17px;
	/*height: 18px;*/
}
#smallTextButton a:hover, #smallTextButtonOn {
	background: transparent url(../img/nav/top/textSize.png) no-repeat -51px 0;
}
#medTextButton a:hover, #medTextButtonOn {
	background: transparent url(../img/nav/top/textSize.png) no-repeat -68px 0;
}
#largeTextButton a:hover, #largeTextButtonOn {
	background: transparent url(../img/nav/top/textSize.png) no-repeat -84px 0;
}

#bhfLogo {
	float: right;
}

.dottedLine {
	height: 3px;
	width: 100%;
	background: transparent url(../img/general/dottedLine.gif) repeat-x scroll left;
}


caption {
	text-align: left;
}

.BHFvideo {
	margin-left: 50px;
	margin-top: 15px;
}
.noDisplay {
	display : none;
	visibility : hidden;
}