<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>SIDE DISHES INDEX</TITLE><META NAME='description' CONTENT='Side Dishes Index'><META NAME='keywords' CONTENT='Side, Dishes, Index, html,  recipes, food, cooking, drinks, liquor '>

</HEAD>

<BODY BACKGROUND="./jpg/brownpattern.jpg">

<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>   

  <table align="left" 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">S<FONT SIZE="5" COLOR="000000" FACE="Arial Black">I<FONT SIZE="5" COLOR="990000" FACE="Arial Black">D<FONT SIZE="5" COLOR="000000" FACE="Arial Black">E<FONT SIZE="5" COLOR="990000" FACE="Arial Black"> D<FONT SIZE="5" COLOR="000000" FACE="Arial Black">I<FONT SIZE="5" COLOR="990000" FACE="Arial Black">S<FONT SIZE="5" COLOR="000000" FACE="Arial Black">H<FONT SIZE="5" COLOR="990000" FACE="Arial Black">E<FONT SIZE="5" COLOR="000000" FACE="Arial Black">S<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">D<FONT SIZE="5" COLOR="000000" FACE="Arial Black">E<FONT SIZE="5" COLOR="990000" FACE="Arial Black">X<br><br>

<img src=./gif/chair.gif> <br><br>

<p align="center" style="LINE-HEIGHT: 15px"><font size="3"><span style="LINE-HEIGHT: 15px">

<b><a href="Bacon Potato Bake.html"> BACON POTATO BAKE </a> <br><br>
   <a href="Baked Beans.html"> BAKED BEANS</a>  <br><br> 
   <a href="Baked Corn.html"> BAKED CORN</a> <br><br>
   <a href="Beer Cheese Cornbread.html"> BEER CHEESE CORNBREAD</a> <br><br>
   <a href="Broccoli & Cauliflower Bake.html"> BROCCOLI & CAULIFLOWER BAKE  </a> <br><br>
   <a href="Garlic Mashed Potatoes.html"> GARLIC MASHED POTATOES  </a> <br><br>
   <a href="Herbed Cherry Tomatoes.html"> HERBED CHERRY TOMATOES  </a> <br><br>
   <a href="Mushroom Rice.html"> MUSHROOM RICE  </a> <br><br>
   <a href="Squash Casserole.html"> SQUASH CASSEROLE  </a> <br><br>
   <a href="Stuffed Baked Potatoes.html"> STUFFED BAKED POTATOES  </a> <br><br>
   <a href="Sweet Potato Casserole.html"> SWEET POTATO CASSEROLE  </a> <br><br>
   <a href="3 Cheese Potato Casserole.html"> 3 CHEESE POTATO CASSEROLE </a> <br><br>
   <a href="Macaroni And Cheese Recipes.html"> MACARONI & CHEESE RECIPES </a> <br><br>
   <a href="Side Dish Recipes 1.html"> SIDE DISH RECIPES 1 </a> <br><br>
   <a href="Side Dish Recipes 2.html"> SIDE DISH RECIPES 2 </a> <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="Bacon Potato Bake.html"><IMG SRC="./gif/next.gif" WIDTH="140" HEIGHT="49" ALIGN="BOTTOM"
   BORDER="0"></A>
          
    </td>
  </tr>
 </table>

</td>
  </tr>
    </table>


</BODY>

</HTML>