
body
{
	margin: 0px;
	background-color: #FFF;
}

#container
{
	margin: 0px auto 1px auto;
	z-index: 1;
	overflow: hidden;
	position: relative;
	width: 800px;
	/*border: 1px #333 solid;*/
	background-color: #FFC;	background-image: url(images/botom_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#container_inside
{
	margin: 0px auto 1px auto;
	z-index: 1;
	overflow: hidden;
	position: relative;
	width: 800px;
	/*border: 1px #333 solid;*/
	background-color: #FFC;
	background-image: url(images/bottom_band.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#page
{
	width: 800px;
	position: relative;

	/*border: 1px #6C0 solid;*/
	padding-bottom: 0px;
}

#header
{
	width: 800px;
	height: 163px;
	background-image: url(images/header_bg.gif);
	background-repeat: no-repeat;
}

#header img
{
	left: 655px;
	position: relative;
	z-index: 999;
}

#move
{
	left: 655px;
	position: relative;
	z-index: 999;
}

#flash
{
	text-align: center;
	position: relative;
	margin-top: 3.0em;
	/*border: 1px #F0F solid;*/
	height: 278px;
}


#leftColumn h1
{
	color: #000;
	font-size: 21px;
	font-family: helvetica, verdana, sans-serif;
	font-weight: normal;
	line-height: 26px;
}

#leftColumn h2
{
	color: #0e4377;
	font-size: 18px;
	font-family: helvetica, verdana, sans-serif;
	font-weight: normal;
}

#leftColumn h3
{
	color: #0E4377;
	font-size: 14px;
	font-family: helvetica, verdana, sans-serif;
	font-weight: normal;
}

#leftColumn h4
{
	color: #333;
	font-size: 12px;
	font-family: helvetica, verdana, sans-serif;
	line-height: 12px;
}

#nav
{
	position: relative;
	margin-left: 46px;
	/*border: 1px #690 solid;*/
	height: 22px;
	vertical-align: middle;
	line-height: 22px;
}


/*

#nav img
{
	position: relative;
	margin-left: 8px;
	margin-bottom: 6px;
}
*/

#nav a:link,  #nav a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	margin-left: 34px;

}

#nav a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #600;
}


#recipenav
{
	position: relative;
	/*border: 1px #690 solid;*/
	height: 28px;
	vertical-align: middle;
	line-height: 22px;
}


#recipenav a:link,  #recipenav a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	margin-left: 25px;

}

#recipenav a:hover
{
	color: #600;
}

#content
{
	width: 800px;
	clear: both;
	position: relative;
	color: #66662B;
}


#content_text
{
	width: 645px;
	clear: both;
	overflow: hidden;
	padding: 2.5em 75px 12px 77px;
	font-family: Verdana, Arial, sans-serif;
	font-size: .91em;
	line-height: 20px;
	text-align: justify;
}

#content_text p { padding-left: 7px; font-family: Verdana, Arial, sans-serif;}


#content_text h1
{
	padding-left: 7px;
	color: #487C2B;
	font-family: Arial, Verdana, sans-serif,;
	font-size: 18px;
	font-weight: bold;
}


#content_text h2
{
	color: #487C2B;
	font-family: Arial, Verdana, sans-serif,;
	font-size: 14px;
	font-weight: bold;
}

#content_text img { padding-right: 8px; }

#content_text a:link, #content_text a:visited
{
	font-family: Verdana, Arial, sans-serif,;
	color: #66662B;
}

#content_text a:hover
{
	color: #b40000;
}

div.spacer {
  clear: both;
  }

#leftColumn img { padding: 0px 2px 0px 2px; }


input:focus, textarea:focus { background-color: #cbd659; }

input, textarea, select
{
	border: 1px #333 solid;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 12px;
}

input[type="checkbox"]
{
	border: 0 !important;
	text-align: right;
}

/* ------------------------------------------------------------ */
/* 2 COLUMN CONTAINER                                           */
/* ------------------------------------------------------------ */

.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix:after {
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden;
    
}

.twoColumnContainer
{
	width: 645px;
	clear: both;
	overflow: hidden;
	padding-left: 77px;
	padding-right: 75px;
	padding-top: 1.5em;
	/*border: 1px #33F solid;*/
}

.twoColumnContainer #leftColumn
{
	float: left;
	background-image: url(images/recipes_flower_bg.jpg);
	width: 380px;
	height: 187px;
	position: relative;
	overflow: visible;
	visibility: visible;
	background-repeat: no-repeat;
	background-position: left bottom;
}


.twoColumnContainer #rightColumn
{
	float: right;
	width: 161px;
	height: 237px;
	position: relative;
	
}


/* ------------------------------------------------------------ */
/* End 2 COLUMN CONTAINER                                       */
/* ------------------------------------------------------------ */

/* ------------------------------------------------------------ */
/* 2 COLUMN CONTAINER  Middle                                   */
/* ------------------------------------------------------------ */

.MiddletwoColumnContainer
{
	width: 645px;
	clear: both;
	overflow: visible;
	padding-left: 77px;
	padding-right: 75px;
	visibility: visible;
	/*border: 1px #C60 solid;*/
	height: 207px;
}

.MiddletwoColumnContainer #leftColumn
{
	float: left;
	width: 228px;
	position: relative;
	overflow: visible;
	visibility: visible;
	background-repeat: no-repeat;
	background-position: left bottom;
	top: -23px;
}

.MiddletwoColumnContainer #rightColumn
{
	float: right;
	width: 383px;
	position: relative;
	background-image: url(images/qa_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/* ------------------------------------------------------------ */
/* End 2 COLUMN CONTAINER   Middle                              */
/* ------------------------------------------------------------ */


/* ------------------------------------------------------------ */
/* 2 COLUMN CONTAINER    Bottom                                 */
/* ------------------------------------------------------------ */

.BottomtwoColumnContainer
{
	width: 645px;
	clear: both;
	overflow: hidden;
	padding-left: 77px;
	padding-right: 75px;
	position: relative;
	/*border: 1px #693 solid;*/
}

.BottomtwoColumnContainer #leftColumn
{
	float: left;
	width: 250px;
	height: 143px;
	position: relative;
	overflow: visible;
	visibility: visible;
}

.BottomtwoColumnContainer #rightColumn
{
	float: right;
	width: 329px;
	height: 136px;
	position: relative;
	background-image: url(images/green_kitchen.png);
	background-repeat: no-repeat;
}


/* ------------------------------------------------------------ */
/* End 2 COLUMN CONTAINER   Bottom                              */
/* ------------------------------------------------------------ */

.BottomtwoColumnContainer #leftColumn a:link, .BottomtwoColumnContainer #leftColumn a:visited
{
	color: #66662B;
	position: relative;
	left: 145px;
	top: 82px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
}

.BottomtwoColumnContainer  #leftColumn a:hover { color: #b40000; }


#rightColumn #text3
{
	color: #66662b;
	position: relative;
	left: 12px;
	top: 66px;
	font-family: Verdana, Arial, sans-serif;
	font-size: .71em;
	line-height: 15px;
	width: 177px;
}

#rightColumn #text3 a:link, #rightColumn #text3 a:visited
{
	font-weight: bold;
	color: #66662b;
	padding-left: 97px;
}
#rightColumn #text3  a:hover { color: #b40000; }

#rightColumn #text1
{
	color: #66662b;
	position: relative;
	left: 135px;
	top: 66px;
	font-family: Verdana, Arial, sans-serif;
	font-size: .71em;
	line-height: 20px;
	width: 250px;
}


#rightColumn #text2
{
	color: #66662b;
	position: relative;
	left: 15px;
	top: 66px;
	font-family: Verdana, Arial, sans-serif;
	font-size: .71em;
	line-height: 20px;
	width: 379px;
}

#text2 a:link, #text2 a:visited
{
	font-weight: bold;
	color: #66662b;
	padding-left: 12px;
}

#text2 a:hover { color: #b40000; }

#leftColumn a:link, #leftColumn a:visited
{
	color: #66662b;
	position: relative;
	left: 190px;
	top: 96px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
}

#leftColumn a:hover { color: #b40000; }



#leftColumn hr
{
	background-color: #eee;
	height: 4px;
	border-width: 1px 0 1px 0;
	border-color: #ccc;
	border-style: solid;
}

/* ------------------------------------------------------------ */
/* Begin Right Content styles                                   */
/* ------------------------------------------------------------ */

#rightContent a:link { color: #FFF; font-family: Verdana, Arial, sans-serif;}

#rightContent a:visited { color: #e1c8de; }

#rightContent a:hover { color: #FC3; }

#rightContent h1
{
	color: #000;
	font-family: helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

#rightContent h1 a:link { color: #FC3; }

#rightContent h1 a:hover { color: #FF9; }

#rightContent h1 a:visited { color: #d2b252; }


#rightContent h2
{
	color: #000;
	font-family: helvetica, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#rightContent h2 a:link
{
	color: #2E2005;
	font-family: helvetica, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


#rightContent h2 a:visited
{
	color: #2E2005;
}

#rightContent h2 a:hover
{
	color: #600 !important;
}

#rightContent h3
{
	color: #FC0;
	font-family: helvetica, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#rightContent h4
{
	color: #FFF;
	font-family: helvetica, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

/* ------------------------------------------------------------ */
/* End Right Content styles                                   */
/* ------------------------------------------------------------ */

#navbottom
{
	position: relative;
	text-align: center;
	height: 24px;
	padding-bottom: 3px;
	padding-top: 6px;
	line-height: 24px;
}

#navbottom a:link,  #navbottom  a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	margin-left: 25px;
}

#navbottom a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	color: #600;
}

#copyright
{
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #2E2005;
	line-height: 22px;
	margin-bottom: 14px;
}

#copyright a:link, #copyright a:visited
{
	font-size: 10px;
	color: #2E2005;
	padding-left: 16px;
}

#copyright a:hover
{
	color: #600;
}
