<script type="text/javascript"><!--
google_ad_client = "pub-4639819212340139";
google_ad_width = 160;
google_ad_height = 600;
google_ad_format = "160x600_as";
google_ad_type = "text_image";
//2006-12-23: recipes
google_ad_channel = "0216824975";
google_color_border = "FF4500";
google_color_bg = "DCB482";
google_color_link = "DE7008";
google_color_text = "8B4513";
google_color_url = "E0AD12";
//--></script>

<!-- *********************************************************
     * You may use this code for free on any web page provided that 
     * these comment lines and the following credit remain in the code.
     * Floating Div from http://www.javascript-fx.com
     ********************************************************  -->

<div id="divTopLeft" style="position:absolute">
<!-- Start - put your content here --->
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<!-- End   - put your content here --->
</div>

<script type="text/javascript">
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function JSFX_FloatDiv(id, sx, sy)
{
	var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
	var px = document.layers ? "" : "px";
	window[id + "_obj"] = el;
	if(d.layers) el.style=el;
	el.cx = el.sx = sx;
	el.cy = el.sy = sy;
	el.sP=function(x,y){this.style.right=x+px;this.style.top=y+px;};

	el.floatIt=function()
	{
		var pX, pY;
		pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 
		document.documentElement && document.documentElement.clientWidth ? 
		document.documentElement.clientWidth : document.body.clientWidth;
		pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
		document.documentElement.scrollTop : document.body.scrollTop;
		if(this.sy<0) 
		pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
		document.documentElement.clientHeight : document.body.clientHeight;
		this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
		this.sP(this.cx, this.cy);
		setTimeout(this.id + "_obj.floatIt()", 40);
	}
	return el;
}

JSFX_FloatDiv("divTopLeft", 10,30).floatIt();

</script>
<HTML>

<HEAD>
<TITLE>CANNING INDEX</TITLE><META NAME='description' CONTENT='Canning Index'><META NAME='keywords' CONTENT='Canning, Index, html,  recipes, food, cooking, drinks, liquor '>

</HEAD>

<script>  
<!--  
if (window.Event)   
  document.captureEvents(Event.MOUSEUP);   
 function nocontextmenu()    
{  
 event.cancelBubble = true  
 event.returnValue = false;  
  return false;  

}  
 function norightclick(e)   
{  
 if (window.Event)   
 {  
  if (e.which == 2 || e.which == 3)  
   return false;  
 }  
 else  
  if (event.button == 2 || event.button == 3)  
  {  
   event.cancelBubble = true  
   event.returnValue = false;  
   return false;  
  }  
 }  
 document.oncontextmenu = nocontextmenu;   
 document.onmousedown = norightclick;   
//-->   
</script>   

<BODY BACKGROUND=".\jpg\brownpattern.jpg">

  <table align="center" width="80%" border="2"background=".\jpg\food3.jpg" bgcolor="#ffffff" cellspacing="0" cellpadding="40">
    <tr> 
      <td> 
        <table align="center" width="90%" border="2" background=".\jpg\brownpattern.jpg" bgcolor="#ffffff" cellspacing="0" cellpadding=50">
     <tr> 
  <td> 

<center><b><FONT SIZE="5" COLOR="990000" FACE="Arial Black">C<FONT SIZE="5" COLOR="000000" FACE="Arial Black">A<FONT SIZE="5" COLOR="990000" FACE="Arial Black">N<FONT SIZE="5" COLOR="000000" FACE="Arial Black">N<FONT SIZE="5" COLOR="990000" FACE="Arial Black">I<FONT SIZE="5" COLOR="000000" FACE="Arial Black">N<FONT SIZE="5" COLOR="990000" FACE="Arial Black">G<FONT SIZE="5" COLOR="000000" FACE="Arial Black"> I<FONT SIZE="5" COLOR="990000" FACE="Arial Black">N<FONT SIZE="5" COLOR="000000" FACE="Arial Black">D<FONT SIZE="5" COLOR="990000" FACE="Arial Black">E<FONT SIZE="5" COLOR="000000" FACE="Arial Black">X<br><br>

<center><img src=.\gif\foodshelf.gif></center><br>

<p align="center" style="LINE-HEIGHT: 15px"><font size="3"><span style="LINE-HEIGHT: 15px">

<b><a href="Canning Tips & Techniques.html"> CANNING TIPS & TECHNIQUES</a> <br><br>
   <a href="Canning Recipes.html">CANNING RECIPES  </a>  <br><br><br><br> 
  
<P ALIGN="CENTER">      <A HREF="Recipes.html"><IMG SRC=".\gif\back.gif" WIDTH="69" HEIGHT="80" ALIGN="BOTTOM"
			BORDER="0"></A>
		
			<A HREF="Recipes.html"><IMG SRC=".\gif\home.gif" WIDTH="93" HEIGHT="105"
			ALIGN="BOTTOM" BORDER="0"></A>
		
			<A HREF="Canning Tips & Techniques.html"><IMG SRC=".\gif\next.gif" WIDTH="140" HEIGHT="49" ALIGN="BOTTOM"
			BORDER="0"></A>
</td>

</tr>

</table>

</td>

</tr>

</table>

</BODY>

</HTML>