html,body {
	height: 100%; /* FSA */
	margin: 0;
	padding: 0;		
}
* { margin:0; padding:0}
img{ border:0} 
#page { height:100%; width:100%}	
#wrapper{ height:89.2%;width:770px; margin: 0 auto; background-color:#BDC1C4;}

#stacker {  width: 100%;	min-height:100%; /* FSA */	position: relative; z-index:2;}	
#header {width: 100%;  background-color:#FFFFFF;}


.column,.companion {float: left; position: relative;}

#pedestal {	clear: both;float: left;  /* makes Opera 8.54 behave */	position: relative; z-index: 0;	width: 100%;}
/* do not use ".left.companion", as IE does not support multiple classes in one selector correctly do use "#pedestal .left" instead.*/
#pedestal .menu_left{background-image:url(v_line.gif)}
#pedestal .extent {background: #BDC1C4;}
#pedestal .companion { 	margin-top: -16000px; /* EHC, but reversed: from bottom to top */	padding-top: 16000px; 	height: 1em;}
/*The #left and #center columns are using the AOC technique, and #right is a float left variant to prevent the right edge from flickering by rounding error pixels */
/* .column,.companion {float: left; position: relative; width: 190px;} */


.menu_left{width:293px; float:left;}
.extent{ width:477px; float:left} 

#footer {
clear : both;
float : left;
position : relative;
left:0;
bottom:0;
z-index : 3;
height:20px;
width : 100%;
background-color:#BDC1C4;
}