/* ========================================
		Import Master Reset CSS
======================================== */

@import url(reset.css);

/* ========================================
		Basic tag definitions
======================================== */ 

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
	background-image: url(images/membersarea_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

h4{
font-size:12px;
}

#wrapper{
width:720px;
margin:auto;
}


a:link {
	color: #6EA247;
	text-decoration: none;
}
a:visited {
	color: #6EA247;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
a:active {
	color: #666666;
	text-decoration: none;
}
.style1 {font-size: 10px}
.style2 {
	color: #f0924c;
	font-weight: bold;
}
.style4 {color: #FFFFFF}
.style5 {color: #FFFFFF; font-size: 10px; }

	


#menu{
	padding-left:40px;
	padding-top:240px;
	
	font-weight:bold;
	list-style: none;
	height:270px;
	

}
#menu ul li{
	list-style: none;
}

#resizer{
width: 100%;
height:38px;
background-color: #6ea247;
float:right;

}
 
#resizer p{
color:#666666;
}

#r-holder{
width: 730px;
margin:auto;
padding-top:2px;
}

#signin{
width:450px;
float:left;
}

#signin p{
margin:0px;
padding:0px;
color:#FFFFFF;
padding-top:8px;
}


#signin p a:link{
color:#f0924c;
font-weight:bold;
text-decoration:none;
}


#signin p  a:visited { 
color: white;
text-decoration:none;
font-weight:bold; 
} 

#signin p  a:hover { 
color: white; 
text-decoration:none;
font-weight:bold;
}

#search-box{
float:right;
width:250px;

}




#searchboxform{
width:150px;
}



input.search {
	background-image: url(../images/but_search_off.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 24px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
	
	
	}
	
	#search {
	background-image: url(../images/but_search_off.gif);
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 24px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
	
	
	}
	
	#searchQuery{
float:left;
margin-top:1px;
margin-right:2px;
height:18px;
}

#searchboxform{
float:left;
margin-top:1px;
margin-right:2px;
height:18px;
}
 
 #mainarea{
  width:720px;

 }
 
 #content{
 width:470px;
float:right;
background-color:#fff;
padding-bottom:30px;
 
 }
 
#content h1{
 margin-left: 30px;
 margin-right: 30px;
 color:#FF6600;
 border-bottom:#FF6600 solid 1px;
 padding-bottom:8px;
 padding-top: 20px;
 font-size:18px;
 }
 
#homepage_flash{
padding-top:10px;
background-color:#fff;

}
 
.greentext{
font-weight:bold;
color:#6ea247;
margin-left: 30px;
margin-right: 30px;
line-height:16px;
}

.greentext_recipes{
font-weight:bold;
color:#6ea247;
margin-left: 30px;
margin-right: 30px;
line-height:18px;
font-size:12px
}

.graytext{
color:#666;
margin-left: 30px;
margin-right: 30px;
line-height:16px;
}

 
 #banners{
 	width:248px;
	float:left;
 }
 
.flash_holder{

 
	padding-left:32px;
	padding-right:32px;
	padding-bottom:32px;
	
	}
	
#footer-holder{
 clear:both;
 background-color:#FFFFFF
}
 
 #footer-quote{
 clear:both;
 width:720px;
 text-align:center;
 border-top:#6ea247 solid 4px;
 background-color:#f69640;
 height:30px;
 padding:0px;
 
 } 
 #footer-quote h2{
 padding:0px;
 margin: 5px;
 color: #fff;
 font-size:13px; 
 }
 
#address-footer{
color:#6ea247;
margin-top:20px;
text-align:center;
background-color:#FFF;
}
#address-footer h3{
font-size:10px;
font-weight:bold;
}

.quote{
	background-color:#6ea247;
	width: 430px;
	
}

.quote h4{
	color:#FFFFFF;
	font-size:14px;
	padding-left:20px;
	line-height: 18px;
	padding-right:30px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	text-align:centre;
}
.quote h5{
	color:#f69640;
	font-size:10px;
	padding-left:20px;
	padding-right:50px;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	text-align:centre;
	
}


.boxtop{
	height:20px;
	background-image: url(images/boxtop.gif);
	background-repeat: no-repeat;
	background-position:right;
	

}

.boxbottom{
height:20px;
background-image: url(images/boxbottom.gif);
	background-repeat: no-repeat;
	background-position:right;

}
.greentext_enquiry{
color:#6ea247;
line-height:16px;
}
.greytext_enquiry{
color:#666;
line-height:16px;

}
 #banners_contactus{
 	width:250px;
	height:1000px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 
.greentextbold{
font-weight:bold;
color:#6ea247;
line-height:16px;
 
 }
  #banners_recipe{
 	width:250px;
	height:460px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
  #banners_markspage{
 	width:250px;
	height:700px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 	#banners_meetthechef{
 	width:250px;
	height:820px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 	#banners_mains{
 	width:250px;
	height:700px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
	#banners_smoothies{
 	width:250px;
	height:750px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 	#banners_herbs{
 	width:250px;
	height:2200px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 	.orangetextbold{
	font-weight:bold;
	color:#FF6600;
	line-height:16px;
	margin-left: 30px;
	margin-right: 30px;
 
 }
 	#banners_lunches{
 	width:250px;
	height:650px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 	#banners_schols{
 	width:250px;
	height:1200px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
  	#banners_family{
 	width:250px;
	height:600px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 
 .bio-image{
 padding-right: 10px;
 padding-bottom: 10px;
 float:left;
 
 }
   #banners_sarahpage{
 	width:250px;
	height:800px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 	#banners_gallery{
 	width:250px;
	height:1000px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 	#banners_dave{
 	width:250px;
	height:900px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 	#banners_expo{
 	width:250px;
	height:1000px;
  	background-color:#6ea247;
	float:left;
	clear:right;
 }
 	.bigtext{
	font-weight: normal;
	color:#6ea247;
	font-size: 14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
}
 	.smalltext{
	font-weight: normal;
	color:#6ea247;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
}


#orangeformtop{
	height:20px;
	margin-left:30px;
	background-image: url(orange_top.gif);
	background-repeat: no-repeat;
	background-position:left;
	padding-bottom:0px;


}

#orangeformmid{
	margin-left:30px;
	background-image: url(orange_tile.gif);
	background-repeat: repeat-y;
	background-position:left;
	vertical-align: top;
	margin-top:-20px;
	}
	



#orangeformbot{
	height:20px;
	margin-left:30px;
	background-image: url(orange_bottom.gif);
	background-repeat: no-repeat;
	background-position:left;
	margin-top:-20px;
	
}


.whiteformtext{
	font-weight:bold;
	color:#fff;
	margin-left: 10px;
	margin-right: 30px;
}

.whiteformtext2{
font-weight:bold;
color:#fff;
margin-left: 0px;
margin-right: 0px;
line-height:16px;
}


#tellfirend{
	float:right;
	clear:right;
	width:100px;
	margin-top:20px;
	margin-right:20px;
	padding: 0px;

}
#tellfirend_top{
	height:8px;
	background-image: url(images/green_top.gif);
	background-repeat: no-repeat;
	background-position:left top;
	margin: 0px;
	padding: 0px;
}
#tellfirend_bottom{
	height:8px;
	background-image: url(images/green_bottom.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	margin: 0px;
	padding: 0px;
}

#tellfirend h1{
font-size:12px;
color:#f0924c;
margin:0px;
padding:0px;
text-align:center;

}

#tellfirend a:link {
font-size:12px;
color:#f0924c;
text-decoration: none;
}
#tellfirend a:visited {
font-size:12px;
color:#f0924c;
text-decoration: none;
}
#tellfirend a:hover {
font-size:12px;
color:#fff;
text-decoration: none;
}
#tellfirend a:active {
font-size:12px;
color:#f0924c;
text-decoration: none;
}
 .box_border{
 border-color: #6ea247; 
 border: 3px;
 border-style: solid;
 
 }
 #familystyle a:link {
font-size:12px;
color:#FF6600;
text-decoration: none;
}
#familystyle a:visited {
font-size:12px;
color:#FF6600;
text-decoration: none;
}
#familystyle a:hover {
font-size:12px;
color:#6EA247;
text-decoration: none;
}
#familystyle a:active {
font-size:12px;
color:#6EA247;
text-decoration: none;
}

.clearme{
clear:both;
}


	div#headerSearch {
	float: left;
	text-align: left;
	padding-bottom: 25px;
}

#casestudyItem {
	float: left;
	width: 415px;
	padding-left: 30px;
	padding-bottom: 20px;
}

div#personalGreet {
	float: left;
	width: 432px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#personalGreet_index {
	float: left;
	width: 600px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
div#personalUpdate {
	float: left;
	width: 342px;
	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
}



.personalgreeting {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
line-height: 16px;
color:#FFFFFF;

}

.personalgreeting a:link {
font-size:11px;
color:#FFFFFF;
text-decoration: underline;
}

.personalgreeting a:visited {
font-size:11px;
color:#FFFFFF;
text-decoration: underline;
}

.personalgreeting a:hover {
font-size:11px;
color:#FFFFFF;
text-decoration: none;
}

.personalgreeting a:active {
font-size:11px;
color:#FFFFFF;
text-decoration: none;
}


div#mainContentMainCol { float: left; margin-right: 30px; width: 420px; }

div.panelContainer { margin-bottom: 18px; width: 100%; }

div.panelHeader {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom: 12px;
	width: 100%;
}
div.panelHeaderMenu {
	float: right;
	line-height: 26px;
	width: 150px;
	text-align: right;
}

div.panelWhiteCol2 {
clear:both;
	background-color: #FFFFFF;
	background-image: url(images/panel_white_col2_tile.gif);
	background-repeat: repeat-y;
	
	padding:0px 0px 0px 0px;
	padding-left: 18px;
	padding-right: 18px;
	width: 384px;
	margin:0px 0px 0px 0px;
}

div.panelWhiteCol2-home {
clear:both;
	background-image: url(images/panel_white_col2_tile-home.jpg);
	background-repeat:no-repeat;
	height: 500px;
	
	padding:0px 0px 0px 0px;
	padding-left: 18px;
	padding-right: 18px;
	width: 384px;
	margin:0px 0px 0px 0px;
}
div.panelWhiteCol2Top {
	background-color: #FFFFFF;
	background-image: url(images/panel_white_col2_top.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 420px;
}
div.panelWhiteCol2Bottom {
clear:both;
	background-color: #FFFFFF;
	background-image: url(images/panel_white_col2_bottom.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 420px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

div#homeLatestNews { margin: 0px 18px 0px 0px; width: 386px; }
div#homeLatestNews li { clear: left; }
div#homeLatestNews img { float: left; margin-bottom: 18px; }
div.homeLatestNewsItem {
	display: inline;
	margin-bottom: 18px;
	margin-left: 18px;
	}
	
	
div#mainContentRightCol { float: left; width: 270px; }

div#mainContentRightCol-micro { float: left; width: 270px; margin-right: 18px;}
	
div#rightColList { width: 234px; }
div#rightColList ul li { clear: left; margin-top: 4px; margin-bottom: 4px; }
img.floatLeft { float: left; padding-top: 4px; padding-bottom: 18px; }
div.rightColListItem {
	display: inline;
	float: left;
	padding-bottom: 18px;
	margin-left: 18px;
	width: 180px;
}

div.panelWhiteCol1 {
	background-color: #FFFFFF;
	background-image:url(images/panel_white_col1_tile.gif);
	background-repeat: repeat-y;
	padding-left: 18px;
	padding-right: 18px;
	width: 234px;
}
div.panelWhiteCol1Top {
	background-color: #FFFFFF;
	background-image: url(images/panel_white_col1_top.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 270px;
}
div.panelWhiteCol1Bottom {
	background-color: #FFFFFF;
	background-image: url(images/panel_white_col1_bottom.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 270px;
}

.latestupdates {
padding-top: 20px;
	padding-right: 0px;
	margin-left:80px;
}
.latestupdates img {
	margin-top:2px;
	float:left;
}
.latestupdates-greenbox {
	background-color: #E9F2DF;
	padding: 5px;
	float: right;
	width: 240px;
	margin-left: 10px;
}
.latestupdates-greenbox p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.latestupdates a:link{
color:#f0924c;;
}
.latestupdates a:visited{
color:#f0924c;;
}
.latestupdates a:hover{
color: white;
}
.latestupdates a:active{
color:#f0924c;;
}
.updatescontent{
width:180px;
float:right;
}
.updatescontent p{
color:white;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-bottom:5px;
}
.updatescontent h4{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-bottom:5px;
font-size:12px;
}


.updatescontent-side{
width:234px;
float:left;
padding-bottom:10px;
}
.updatescontent-side p{
color:#999;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-bottom:5px;
}
.updatescontent-side h4{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
padding-bottom:5px;
font-size:12px;
}

input.submit {
background-image: url(images/but_submit_off.png);
	background-repeat: no-repeat;
	float: right;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 27px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
}

input.reply {
background-image: url(images/but_reply.png);
	background-repeat: no-repeat;
	float: right;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 27px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
}

input.login {
background-image: url(images/but_login.gif);
	background-repeat: no-repeat;
	float: right;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 27px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
}

input.comment {
background-image: url(images/but_comment.png);
background-repeat: no-repeat;
	float: right;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 27px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 104px;
}

input.register {
background-image: url(images/but_register.png);
background-repeat: no-repeat;
	float: right;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 27px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
}
input.update {
background-image: url(images/but_update.png);
background-repeat: no-repeat;
	float: right;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 27px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
}

input.choose {
background-image: url(images/but_choose.png);
background-repeat: no-repeat;
		border: 0;
	cursor: pointer;
	display: inline-block;
	font-size: 0px;
	height: 27px;
	line-height: 0px;
	text-indent: -9000px;	
	width: 72px;
}


input.contactbox {
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 150px; /* Width plus 3 (html space) */
}
textarea.contactbox {
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
  width: 150px; /* Width plus 3 (html space) */
}

form{
border: none;
}


.resourcetitle{
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
margin-right: 30px;
margin-bottom: 30px;
line-height:16px;
}

.resourcetitle a:link{
color:#f0924c;
}
.resourcetitle a:visited{
color:#f0924c;
}
.resourcetitle a:hover{
color: white;
}
.resourcetitle a:active{
color:#f0924c;
}

div.panelHeaderresource {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding-bottom: 8px;
	margin-bottom: 12px;
	width: 100%;
}

.resourceitem {
	padding-right: 0px;
	padding-bottom: 20px;
	margin-left:0px;
	
}

.downloadtext{
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-bottom: 10px;
line-height:16px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #cccccc;
}

.downloadtext a:link{
color:#f0924c;
}
.downloadtext a:visited{
color:#f0924c;
}
.downloadtext a:hover{
color: white;
}
.downloadtext a:active{
color:#f0924c;
}

div.commentsarea {
	padding-bottom: 8px;
	margin-bottom: 12px;
	width: 100%;
}

.commentsbodytext{
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-bottom: 10px;
line-height:16px;
padding-bottom: 8px;
}

.commentsbodytext a:link{
color:#f0924c;
}
.commentsbodytext a:visited{
color:#f0924c;
}
.commentsbodytext a:hover{
color: white;
}
.commentsbodytext a:active{
color:#f0924c;
}

.commentstitletext{
color:#f0924c;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin-bottom: 10px;
line-height:16px;
padding-bottom: 8px;
}

.postbutton {
	clear: both;
	float: right;
	margin-right: 20px;
}
.pg-resource-textarea-comment {
	border:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	width: 365px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: 70px;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom:20px;
	background-image: url(../imagebank/resource_textarea_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.forummaintext{
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-bottom: 0px;
line-height:16px;
padding-bottom: 8px;
}

div.forumarea {
	padding-bottom: 8px;
	margin-bottom: 0px;
	width: 100%;
	padding-top:0px;
}

hr {
padding:0px;
margin:0px;
border:none;
border-top: 1px solid white;
width:100%;
color:#6ea247;
height:1px;
}

div.forumarea h3 {
padding:0px;
margin:0px;
padding-top:10px;
padding-bottom:10px;
color: white;
font-size:14px;

}

div.forumarea p {
padding:0px;
margin:0px;
color:white;
font-size:11px;
padding-bottom:20px;

}

div.forumarea a:link {
color: #f69640;

}
div.forumarea a:hover {
color: #f69640;

}
div.forumarea a:visited {
color: #f69640;

}
div.forumarea a:active {
color: #f69640;

}

.pagination{
float:right;
color:#f0924c;
}
.pagination a:link{
color:#f0924c;
text-decoration:none;
}

.pagination a:hover{
color:#f0924c;
text-decoration:none;
}
.pagination a:visited{
color:#f0924c;
text-decoration:none;
}
.pagination a:active{
color:#f0924c;
text-decoration:none;
}

#signupCol{
clear:both;
padding-top: 30px;  
width: 600px;
}

#signupCol form fieldset { margin-bottom: 0px; }
#signupCol form legend { color: #fff; padding: 0 2px; }
#signupCol form label { display: inline-block; line-height: 18px; vertical-align: top; }
#signupCol form fieldset ol { margin: 0; padding: 0; }
#signupCol form fieldset li { padding: 5px; margin: 0; }
#signupCol form fieldset fieldset { border: none; margin: 3px 0 0; }
#signupCol form fieldset fieldset legend { padding: 0 0 5px; }
#signupCol form fieldset fieldset label { display: block; width: auto; }
#signupCol form em { font-weight: bold; font-style: normal; color: #ec008c; }
#signupCol form label { color: #fff; width: 100px; /* Width of labels */ }
#signupCol form fieldset fieldset label { margin-left: 201px; /* Width plus 3 (html space) */ }
#signupCol form img { margin-left: 3px; /* Width plus 3 (html space) */ }


.signup form fieldset { margin-bottom: 0px; }
.signup form legend { color: #fff; padding: 0 2px; }
.signup form label { display: inline-block; line-height: 18px; vertical-align: top; }
.signup form fieldset ol { margin: 0; padding: 0; }
.signup form fieldset li { padding: 5px; margin: 0; }
.signup form fieldset fieldset { border: none; margin: 3px 0 0; }
.signup form fieldset fieldset legend { padding: 0 0 5px; }
.signup form fieldset fieldset label { display: block; width: auto; }
.signup form em { font-weight: bold; font-style: normal; color: #f0924c; }
.signup form label { color: white; width: 100px; /* Width of labels */ }
.signup form fieldset fieldset label { margin-left: 200px; /* Width plus 3 (html space) */ }
.signup form img { margin-left: 3px; /* Width plus 3 (html space) */ }


/*positioning of man on home page*/

#chef-man{
position:relative;
left:-90px;
top:-200px;
width:135px;
height:320px;
background-color:#000000;
}

.home-style{


	background-image: url(images/membersarea_bg-home.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.signintext{
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin-bottom: 10px;
line-height:16px;
padding-bottom: 8px;
}

.signintext a:link{
color:#f0924c;
}
.signintext a:visited{
color:#f0924c;
}
.signintext a:hover{
color: white;
}
.signintext a:active{
color:#f0924c;
}

