// by Paul@YellowPencil.com and Scott@YellowPencil.com
	// feel free to delete all comments except for the above credit
	
	function setTall() {
		if (document.getElementById) {
			// the divs array contains references to each column's div element.  
			// Replace 'center' 'right' and 'left' with your own.  
			// Or remove the last one entirely if you've got 2 columns.  Or add another if you've got 4!
			var divs = new Array( document.getElementById('maincol'), document.getElementById('leftcol'), document.getElementById('rightcol'));
			//making the columns the same height
		
			// Let's determine the maximum height out of all columns specified
			var maxHeight = 0;
			for (var i = 0; i < divs.length; i++) {
				if (divs[i].offsetHeight > maxHeight) maxHeight = divs[i].offsetHeight;
			}
			
			// sets main container box to height of tallest column so background will fill the box
		
				divs[0].style.height = (maxHeight)  + 'px';
			
	
				// Now, if the browser's in standards-compliant mode, the height property
				// sets the height excluding padding, so we figure the padding out by subtracting the
				// old maxHeight from the new offsetHeight, and compensate!  So it works in Safari AND in IE 5.x
		
				
				if (divs[0].offsetHeight > maxHeight) {
				divs[0].style.height = (maxHeight - (divs[i].offsetHeight - maxHeight)) + 'px';
			
				}
		
			
			
			
		}
		
	
	}