body {
	margin:0px; padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:middle;
	height:100%;
}
html {height:100%;}
h1 {
	font-size:32px;		// This is done so that IE and FF start with the same base size
	font-weight:bold;
}
h2 {
	font-size:24px;		// This is done so that IE and FF start with the same base size
	font-weight:bold;
	margin-top:0px; padding-top:0px;
}
#Container {
	width:770px;
	height:560px;
	position:relative;
	background-color:white;
	margin:auto;
}
#ContentHeader {
	position:absolute;
	top:0px; left:0px;
	width:760px; height:130px;	/* The width is 10px less than the overall because we added a 10px padding to the left. */
	padding-left:10px; padding-top:5px;
}
#ContentHeader h1, #ContentHeader h2 {
	margin:0px;
}
#ContentMain {
	position:absolute;
	top:135px; left:0px;		/* The top position of this is 5 pixels less than the height of the Header since the header has a top padding of 5px. */
	_top:140px;					/* This is only seen by IE and we need to bump it down an additional 5px */
	width:100%; height:390px; 	/* The height is set to #Container height - #ContentFooter height - #ContentHeader height - #ContentHeader padding-top */
}
#ContentScreen {
	position:absolute;
	top:0px; left:10px;
	width:605px; 			/* The width is set to #Container width = #ContentCP width - (@ContentCP margin * 2) - 5px space on right (Once for each side) */
	height:380px; 			/* The height is set to #ContentMain height - #ContentScreen padding * 2 (Once for top and bottom) */
	overflow:auto;
	padding:5px;
}
#ContentCP {
	position:absolute;
	top:0px; right:10px;
	width:120px; 			/* Set the width to what you want but it may affect other sizes */
	height:380px;			/* The height is set to #ContentMain height - #ContentScreen margin * 2 (Once for top and bottom) - 5px for space below the box */
	margin:5px;
	border:1px solid silver;
	text-align:center;
}
#ContentFooter {
	position:absolute;
	padding-left:5px;
	top:530px; left:0px;	/* Set the top to #Container height - height of #ContentFooter  */
	width:765px; height:30px;
	vertical-align:middle;
}
#TabHeader {
	left:-10px;
	position:relative;
	padding-right:10px;
}
#SupplementalFrame {
	height:370px; 
	/* width:610px; */
	width:100%;
}
#ContentSupplement {
	text-align:center;
	position:absolute;
	top:5px; left:10px; bottom:10px;
	width:95%;
	/*width:590px;   			/* The width is set to #Container width = #ContentCP width - (@ContentCP margin * 2) - 5px space on right (Once for each side) */
	height:370px; 			/* The height is set to #ContentMain height - #ContentScreen padding * 2 (Once for top and bottom) */
	margin:5px;
	padding:5px;
	border:2px solid silver;
	background-color:white;
	z-index:100;
	display:none;
}
