.container-body {
	background-color: #333;
	color: #fff;
	background-image: url(../Images/head-gradient.jpg);
	background-repeat: repeat-x;
	width: 1140px;
	height: auto;
	margin: 60px auto;
	border: outset 4px #222;
	padding-bottom: 20px;
}

/* Note: need static div so IE z-index works; 
then nest the static div in a relative div so position of layer has a reference.
Make layer position left 10px to center because image is 1120 in a 1140 container */

.container-ephem {position: relative; /* to nest container-static for postion */ }

.container-static {
	position: static; }

/* Left layer syles in html for better speed on the wipes. */

.container-text { margin: 0px auto; width: 800px; height: auto; }

/* for dropdown highlights */
.button-postion { position: absolute; left: 450px; top: 0px; z-index: 2;}
.highlight-text { font-family: Arial, Helvetica, Geneva, sans-serif; background-color: transparent; color: #00c0f3; font-size: 10px; text-align: left; line-height: 12px; margin-right: 4px; margin-left: 4px; }

.arrow-float-left { float: left; width: 34px; height: 12px; padding-left: 4px; padding-top: 4px; }
.arrow-float-right { float: right; width: 34px; height: 12px; padding-right: 4px; padding-top: 4px; }
.arrow-float-left-up { float: left; width: 12px; height: 34px; padding-left: 4px; padding-right: 4px; padding-top: 6px;}
.arrow-float-right-up { float: right; width: 12px; height: 34px; padding-left: 4px; padding-right: 4px; padding-top: 6px;}
.arrow-float-right-down { float: right; width: 12px; height: 34px; padding-left: 4px; padding-right: 4px; padding-bottom: 6px;}

/* for arrow floats in the middle of text (use with clearfix) */
.container-100 { width: 100%; }