/* 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: 720px;
/*	background: #d7dabd;
*/
}

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

div.content {
	padding: 10px;
	background: #f1f2ea;
	float:right;
}

/* this is the ie 5 and be nice to opera bug fix
/* we want the box to be 500px wide and and for there to be a 10 pix interior
/* margin so that the content of the box is 480 pix wide
*/
div.content {
	width:500px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:; 
}
html>body .content {
  	width:480px;
}
/* end bug fix
*/

div.sidebar {
	padding: 10px;
	float:left;
/*	background: #aaaa99;
*/
}

div.sidebar {
	width:220px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:200px;
}
html>body .sidebar {
  	width:200px;
}

div.footer {
	width: 720px;
	clear:none;
/*	background: #9999aa;
*/
}