html { height: 100%;  }
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align:left; }
body { height:100%; background-color:#FFFFFF; }


.wrapper { 
	margin: 0 auto 0 auto;
	min-width: 797px;
	max-width: 970px; }
	
.leftColumn { 
	width:18%;
	float:left;
	margin: -16px 0 0 0;
	position:relative;
	z-index:301;
}
	
.rightColumn { 
	width:22%;
	float:right;
	margin-top:1em;  }

.middleColumn { 
	float:left;
	min-width:444px;
	width:57.98%;   /* ----IE7 fix ---- */
	margin: 0 1% 1em 1%;
	background: url(../graphics/navigation/bg_site.gif) bottom;
	height:100%;} /* ---- IE7 fix ---- */	
	
.middleColumnFull { 
	float:left;
	min-width: 597px; 
	width:80.7%; /* ---- This is an IE7 fix ---- */	
	margin-left:0.5em;
	background-color:#FFF;} 
.eFormsFull { 
	background-color:#FFF;}

#footer {
	clear: left;
	width: 100%;
	text-align: left;
	padding: 0; }
	
/* --------- Split front page into two sections ----- */

.moduleLeft {
	float: left;
	width:48%;
	padding-right: 2%;
	border-right: 1px dotted #999; }
.moduleRight {
	float: left;
	width:47%;
	padding: 0 0 0 2%;
	margin:0; }

	
/* --------- Page padding and margins ----- */
	
.module { margin: 0.8em 0.5em 0 0.8em; font-size:0.92em; }
.promo { margin: 0 0 0 0.5em;}