body{
margin:0;
padding:0;
background-color:#2a0000;
}


a:active, a:visited, a:link{
text-decoration:none;
outline-style:none;
}

#wrapper{
margin:0 auto;
width:990px;
}

.wrapper{
margin:0 auto;
width:990px;
}

.bg{
background: #33FF99;
}

ul{
list-style-type:none;
}

.left{
float:left;
}
.right{
float:right;
}
.clear{
clear:both;
}



/*......menu.............*/
#menu li{
display:inline;
margin-left:-4px;
}




/*......banner.............*/
#banner{
margin-bottom:0px;
padding-bottom:0px;

}
/*......banner.............*/
#banner_inner{
margin-bottom:0px;
padding-bottom:0px;
margin-left:-24px;
}

/*......content.........*/
#content{
background:url(../images/main-bg.jpg) center top repeat-y;
width:982px;
height:100%;
margin-left:4px;
}

#left_col{
background:url(../images/left_homepage_bg.png) left bottom no-repeat;
width:945px;
margin-left:20px;
}

* html #content{
margin-top:-4px;
}
*:first-child+html #content{
margin-top:-4px;
}

.header_h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:28px;
color:#005747;
text-align:left;
padding-left:40px;
padding-top:5px;
font-weight:normal;
clear:both;
}

.header_h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#005747;
text-align:left;
padding-left:40px;
padding-top:5px;
font-weight:normal;
clear:both;
}

.header_recipes{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#005747;
text-align:left;
padding-left:190px
padding-top:130px;
font-weight:normal;
clear:both;
}

.sub_head_buttons{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:22px;
color:#005747;
text-align:center;
padding-left:10px;
padding-top:7px;
font-weight:normal;
clear:both;
}

.para{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#2a0000;
padding-left:40px;
margin-top:10px;
text-align:left;
line-height:18px;
clear:both;
width:890px;
padding-bottom:10px;
float:left;
}

.para_recipes{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#2a0000;
padding-left:40px;
margin-top:10px;
text-align:left;
line-height:18px;
clear:both;
width:890px;
padding-bottom:10px;
float:left;
}

.para_recipes a{color:#2a0000; text-decoration:none;}

ul.para_recipes{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#2a0000;
	text-align:left;
	width:410px;
	list-style-type:circle;
	padding-left:160px;
	}


.para_recipes_right{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#2a0000;
padding-left:140px;
margin-top:20px;
text-align:left;
line-height:18px;
clear:both;
width:410px;
padding-bottom:10px;
float:left;
}

.para_home{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#2a0000;
padding-left:40px;
margin-top:10px;
text-align:left;
line-height:18px;
clear:both;
width:490px;
padding-bottom:10px;
float:left;
}

.image-salad{
float:right;
margin-left:20px;
margin-top:-10px;
margin-bottom:10px;
}

#right_col{
margin-top:13px;
margin-left:-60px;
}

.right_menu_top{
margin-top:5px;
}

#right_menu{
background:url(../images/right_menu-4.jpg) left center no-repeat;
width:363px;
height:61px;
}
#right_menu_2{
background:url(../images/menu-blank-small-bg.jpg) right center no-repeat;
width:363px;
height:61px;
}

#blank{
background:#FFFFFF;
height:20px;
width:980px;
margin-left:5px;
}

/*......footer.........*/
#footer{
margin-top:20px;
}

#footer ul {
padding-bottom:20px;
}

#footer li{
font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;
color:#FFFFFF;
display:inline;
margin-right:15px;
}

#footer a:active, #footer a:visited, #footer a:link{
color:#FFFFFF;
}

#footer a:hover{
color: #996600;
}

#footer_sep{
font-size:12px;
margin-left:15px;
margin-right:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
/*......inner page...................................................................*/
#left_innerpage_bg{
background: url(../images/trans_innerpage_bg.png) left bottom no-repeat;
margin-left:20px;
}

#button_1{
background:url(../images/button-1.png) center top no-repeat;
width:296px;
height:38px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#005747;
text-align:center;

padding-top:3px;
font-weight:normal;

}

#button_1 a:link, visited, active{color:#005747;}


#button_2{
background:url(../images/button-2.png) center top no-repeat;
width:297px;
height:38px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#005747;
text-align:center;

padding-top:3px;
font-weight:normal;

}
#button_2 a:link, visited, active{color:#005747;}

#button_3{
background:url(../images/button-3.png) center top no-repeat;
width:296px;
height:38px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
color:#005747;
text-align:center;

padding-top:3px;
font-weight:normal;

}
#button_3 a:link, visited, active{color:#005747;}




/*.....Original separate stylesheet called RESET.............*/
/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/*.....END  Original separate stylesheet called RESET.............*/


/*.....Original separate stylesheet called IE.............*/
/* -------------------------------------------------------------- 
   
   ie.css
   
   Contains every hack for Internet Explorer,
   so that our core files stay sweet and nimble.
   
-------------------------------------------------------------- */

/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }

/* Fixes IE margin bugs */
* html .column, * html div.span-1, * html div.span-2, 
* html div.span-3, * html div.span-4, * html div.span-5, 
* html div.span-6, * html div.span-7, * html div.span-8, 
* html div.span-9, * html div.span-10, * html div.span-11, 
* html div.span-12, * html div.span-13, * html div.span-14, 
* html div.span-15, * html div.span-16, * html div.span-17, 
* html div.span-18, * html div.span-19, * html div.span-20, 
* html div.span-21, * html div.span-22, * html div.span-23, 
* html div.span-24 { overflow-x: hidden; }


/* Elements
-------------------------------------------------------------- */

/* Fixes incorrect styling of legend in IE6. */
* html legend { margin:0px -8px 16px 0; padding:0; }

/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }

/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* Fixes IE7 missing wrapping of code elements. */
html>body p code { *white-space: normal; } 

/* IE 6&7 has problems with setting proper <hr> margins. */
hr  { margin: -8px auto 11px; }

/* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
img { -ms-interpolation-mode: bicubic; }

/* Clearing 
-------------------------------------------------------------- */

/* Makes clearfix actually work in IE */ 
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}


/* Forms 
-------------------------------------------------------------- */

/* Fixes padding on fieldset */
fieldset {padding-top: 0;}

/* Fixes rule that IE 6 ignores */
input.text, input.title {background-color:#fff;border:1px solid #bbb;}
input.text:focus, input.title:focus {border-color:#666;}
input.text, input.title, textarea, select {margin:0.5em 0;}
input.checkbox, input.radio {position:relative; top:.25em;}

/* Fixes alignment of inline form elements */ 
form.inline div, form.inline p {vertical-align:middle;}
form.inline label {position:relative;top:-0.25em;}
form.inline input.checkbox, form.inline input.radio,
form.inline input.button, form.inline button { 
  margin:0.5em 0; 
}
button, input.button {position:relative;top:0.25em;}

/*.....END  Original separate stylesheet called IE.............*/


/*.....Original separate stylesheet called GRID.............*/
/* -------------------------------------------------------------- 
   
   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2010-04-02) [http://bgg.kematzy.com/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            990 px
    * Number of columns:     25
    * Column width:          30 px
    * Margin width:          10 px
   ======================================

   By default, the grid is 990px wide, with 25 columns 
   spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width: 

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 990px;
  margin: 0 auto;
}

/* Use this class on any div.span / container to see the grid. */
.showgrid { 
  background: url(src/grid.png); 
}

/* Body margin for a sensile default look. */
body {
  margin:1.5em 0;	
}


/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24, div.span-25 {float:left;margin-right: 10px;}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 30px;}
.span-2  { width: 70px;}
.span-3  { width: 110px;}
.span-4  { width: 150px;}
.span-5  { width: 190px;}
.span-6  { width: 230px;}
.span-7  { width: 270px;}
.span-8  { width: 310px;}
.span-9  { width: 350px;}
.span-10 { width: 390px;}
.span-11 { width: 430px;}
.span-12 { width: 470px;}
.span-13 { width: 510px;}
.span-14 { width: 550px;}
.span-15 { width: 590px;}
.span-16 { width: 630px;}
.span-17 { width: 670px;}
.span-18 { width: 710px;}
.span-19 { width: 750px;}
.span-20 { width: 790px;}
.span-21 { width: 830px;}
.span-22 { width: 870px;}
.span-23 { width: 910px;}
.span-24 { width: 950px;}
.span-25, div.span-25 { width: 990px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}
.append-22 { padding-right: 880px;}
.append-23 { padding-right: 920px;}
.append-24 { padding-right: 960px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}
.prepend-22 { padding-left: 880px;}
.prepend-23 { padding-left: 920px;}
.prepend-24 { padding-left: 960px;}



/* Border on right hand side of a column. */
div.border {
  padding-right:4px;
  margin-right:5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:28px;
  margin-right:25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-23 { margin-left: -920px;}
.pull-24 { margin-left: -960px;}
.pull-25 { margin-left: -1000px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25 {float:left;position:relative;}


.push-1 { margin: 0 -40px 1.5em 40px;}
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}
.push-23 { margin: 0 -920px 1.5em 920px;}
.push-24 { margin: 0 -960px 1.5em 960px;}
.push-25 { margin: 0 -1000px 1.5em 1000px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25 {float:right;position:relative;}



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #E5ECF9; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/*.....END  Original separate stylesheet called GRID.............*/