body {
	border: 0px; margin: 0px; padding: 0px 0px 20px 0px;
	background-color: #FFFFFF;
	/*  zero out spacing in body and and 20 px pad at bottom of page  */
}
/* 
body {
	border: 0px; margin: 0px; padding: 0px 0px 20px 0px;
	background: #fffffff;
	text-align:center;
                	  zero out spacing in body and and 20 px pad at bottom of page   
}
div#contentDiv {
	border: 0px; margin: 0px; padding: 0px;
	width: 962px;
	height: 75px;
	
	margin: 0px auto;
	text-align:left;
}
  */

/*  *****          css divs  for the header that has the metabolomics & agilent headers           ***** */
div#headerDiv {
	border: 0px; margin: 0px; padding: 0px;
	width: 962px;
	height: 75px;
	text-align: left;
	/*  header div for the metabolomics & agilent logos  */
}
div#rFloatDiv {
	border: 0px; margin: 0px; padding: 0px;
	width: 174px;
	height: 74px;
	float: right;
	display: inline;
	/*  float the agilent logo to top, right of page.  the display:inline is so IE doesn't have the image disappear at times.  */
}
div.clearDiv {
	border: 0px; margin: 0px; padding: 0px;
	width: 1px;
	height: 1px;
	clear:both;
	/*  clear the floats in the header so following content doesn't have rendering issues  */
}

div#flashDiv {
	border: 0px; margin: 0px; padding: 0px;
	display:block;
	width: 962px;
	height: 416px;
	overflow:hidden;
	background-color: #FFFFFF;
	/*  div for the flash content. jquery ends up resizing the div to create the expand/collase effect. the overflow:hidden makes sure the collapse crops the content in the div  */
}

div#moveableDiv {
	border: 0px; margin: 0px; padding: 0px;
	width: 962px;
	height: 305px;
	overflow:hidden;
	background: #ffffff;
	/*  div for the html content under the  flash content. when jquery resizes the flash div, this div will move up & down with the resizing of the preceding flash div  */
}
div#footerFormat {
	border: 0px; margin: 0px; padding: 0px 0px 0px 7px;
	text-align: left;
	background: #ffffff url(../images/shadow_tile_962x1.gif) repeat;
	position: relative;
	/*  formatting div for footer that offsets the iframe so the drop drop and white border on the left of the iframe is revealed  */
}

#contentFrame {
	border: 0px; margin: 0px; padding: 0px;
	width: 948px;
	height: 251px;
	/*  formatting div for iframe, making sure extra spacing is zeroed out  */
}