<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>YOGHURT DIP</TITLE><META NAME='description' CONTENT='Yoghurt Dip'><META NAME='keywords' CONTENT='Yoghurt, Dip, html,  recipes, food, cooking, drinks, liquor '>

</HEAD>

<BODY BACKGROUND="./jpg/brownpattern.jpg">

  <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> 
              
<div align="center"><font face="Comic Sans MS" size="+1" color="#333300"><b><u>YOGHURT DIP<br>(Tzatziki)</u></font> <br><br>

<img src=./jpg/yoghurtdip.jpg> <br><br>

(Makes:4 Servings) <br><br>

<u>Ingredients</u>: <br>
                                
1/2 kilo strained yoghurt <br>
1 cucumber <br>
4 garlic cloves (more makes it with stronger taste) <br>
salt <br>
oil <br>
vinegar <br><br>

<u>Preparation</u>: <br>
Grate the garlic and mix it with salt and vinegar. <br>
Peel the cucumber and squeeze it until all its water is removed. <br>
Put the yoghurt into a bowl and add the cucumber into it. <br>
Then mix the yoghurt with the mixture of grated garlic. <br>
Whiz the content until all the ingredients are well mixed. <br>
Add some oil. <br>
Yoghurt dip can be served in a normal <br>temparature but it is rather prefered cold.<br>

                               
<P ALIGN="CENTER">      <A HREF="Dip Recipe Index.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="Dip Recipes.html"><IMG SRC="./gif/next.gif" WIDTH="140" HEIGHT="49" ALIGN="BOTTOM"
			BORDER="0"></A>
</td>

</tr>

</table>

</td>

</tr>

</table>

</BODY>

</HTML>