/* structure of source
/* <div id="header">
/* </div> <!-- end id="header" -->
/*
/* <div id="twoColumns">
/*		<div id="container">
/* 		</div> <!-- end id="container" -->
/* 		<div id="sidebar">
/* 		</div> <!-- end id="sidebar" -->
/* </div> <!-- end  id="twoColumns" -->
/*
/* <div id="footer">
/* </div> <!-- end  id="footer" -->
*/

/* we use the 
/* HTML 4.01 Transitional - full doctype
/* so that ie goes into standards mode 
/* http://css.maxdesign.com.au/listamatic/about-boxmodel.htm
*/
/* we use the workaround for ie misinterpretation of the box model and be kind to opera
/* http://www.tantek.com/CSS/Examples/boxmodelhack.html
*/
/* we're aiming to have the header at the top, 
/* the two columns underneath
/* and at the bottom, the footer
*/


div.header {
	width: 827px;
}

div.spacer {
	clear: both;
}
  
div.twoColumns {
	width: 827px;
}

div.leftCollumn {
	padding: 5px;
	float:left;
}

/* this is the ie 5 and be nice to opera bug fix
/* we want the box to be 453px wide and and for there to be a 5 pix interior
/* margin so that the content of the box is 443 pix wide
/* for ie we subtract the margin, for proper browsers we add
*/
div.leftCollumn {
	width:443px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:433px; 
}
html>body .leftCollumn {
  	width:433px;
}
/* end bug fix
*/

div.rightCollumn {
	padding: 5px;
	float:right;
}

div.rightCollumn {
	width:374px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:364px;
}
html>body .rightCollumn {
  	width:364px;
}

div.aboveFooter {
	width: 827px;
	clear:none;
}

div.footer {
	width: 827px;
	clear:none;
/**/
}