//load either a gif (for ie 6 and below) or a png file cutout for all other browsers
		function loadCutOut() {
		 if(!document.getElementById ||
		    !document.createElement)
			 return;
			 
		 //this function will load the cutout image in the lower left hand corner of the page 
		 var browser = BrowserDetect.browser;
		 var version = BrowserDetect.version;
		 
		 var parentEl = document.getElementById("pictCutout");//get the container for the image
		 var theImg = document.createElement('img');//create the image element
		 var imgSrc = "assets/images/cutouts/boy.png";// this is the default image to load
		 
		 //alert(BrowserDetect.browser);
			 if( BrowserDetect.browser == "Explorer" && 
			     BrowserDetect.version <= 6) {
				//replace the png image with a transparent Gif since png files don't work in IE 6 
				imgSrc = "assets/images/cutouts/boy_1.gif";
				
			}// end if
			
			theImg.setAttribute('src',imgSrc);
			theImg.setAttribute('width',284);
			theImg.setAttribute('height',434);
			
			parentEl.appendChild(theImg);//display the image
		}//eof
		
		addEvent(window,'load',loadCutOut,false);