div#menu {
	clear: both;
	overflow: hidden;
	border-top: 1px solid black;
}






















div.menu_cell {
	float: left;
	width: 228px;
	padding: 0;
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #FFFFFF;
}






/* IE hack (to avoid IE moving the width a few pixels out and knocking the layout off. The only change between these two divs is the WIDTH  */
div.main_cell {
	float: left;
	width: 782px;
	padding: 0;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
}



/* IE hack (the code below starting html>body   is not understood by IE so it ignores it - any other browser sees the div.main_cell above but as there is another command below to use div.main_cell - they will use the one beneath.  (IE will only use the one above 'cos it doesn't understand the 'html>body' command */
html>body div.main_cell {
	float: left;
	width: 784px;
	padding: 0;
	border-left-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
}