/* CSS Document NEW ONE*/


body {

 	text-align: center;
	margin: 0px;
    overflow:visible;
	background: #C2A097 url(../images/back.jpg) repeat;

}

* html body {
	background-color:#FFFFFF;
	overflow:visible;
}





/* =========================================== Positioning */

#siteWrapper {
	
  	text-align:center;
	background:#FFFFFF;
	width:768px;
	margin-top:22px;
	margin-left: auto;
  	margin-right: auto;
	border: 4px solid #844131;
	
}

#contentWrapper {
	
	width:755px;
	text-align:center;
	margin-left: auto;
  	margin-right: auto;
	margin-top:0px;
	
}


#content {
	margin:8px 0px 0px 0px;
	padding-bottom:10px;
	width: 730px;
	height:100%;
	position:relative;
	left:2px;



}


#header {
	text-align:left;
	}

#logo {
	background: url(../images/logo_inside.gif);
	background-repeat:no-repeat;
	height:211px;
	width:768px;
	text-indent:-9999px;
	text-align:center;
	display: block;	
}


#copyWrapper
{
	text-align:left;
	clear:both;
}

#left_content {
	width:730px;/* 515px */
	padding-right:10px;
	padding-left:8px;
	padding-top:5px;
	float:left;
	overflow:hidden;
}

#left {
	width:492px;/* 515px */
	padding-right:10px;
	padding-left:8px;
	padding-top:5px;
	float:left;
	overflow:hidden;
}

/* For IE6 So content doesn fall underneath sidebar */
* html #left {
	width:460px;
}

#right {
float:left; 
padding-left:0; 
padding-right:5px; 
width:150px;  /* or you can get rid of this just check the other pages */ 
margin-left:26px;
}

#footer {
	clear:both;
	height:20px;
}


        


/* =============================================== Navigation */
#recipe{
	
background-image: url(../images/recipe.gif);
background-repeat: no-repeat;
height:98px;
width:208px;
margin-top: 10px;
}
#recipetitle{

position: relative;   
padding-top:40px;
text-align: left; 

}

#recipesmall{
	
background-image: url(../images/recipe_sm.gif);
background-repeat: no-repeat;
height:68px;
width:150px;
margin-top: 10px;
}
#recipetitlesmall{

position: relative;   
padding-top:30px;
text-align: left; 

}


#recipes ol {font:  0.8em Arial;
    color: #333333;
}

#newsletter{
background-image: url(../images/signup3.gif);
background-repeat: no-repeat;
height:98px;
width:208px;
margin-top: 0px;
}

#newslettertitle{
position: relative;   
padding-top:50px;
text-align: center; 
}

#newslettersmall{
background-image: url(../images/signup3_sm.gif);
background-repeat: no-repeat;
height:73px;
width:150px;
margin-top: 0px;
}

#newslettersmalltitle{
position: relative;   
padding-top:30px;
text-align: center; 
}

#chef{
background-image: url(../images/featured_chef.gif);
background-repeat: no-repeat;
height:98px; 
width:208px;
margin-top: 10px;
}

#cheftitle{
position: relative;   
padding-top:50px;
text-align: center; 
}

#authorchef{
background-image: url(../images/featured_author_chef.gif);
background-repeat: no-repeat;
height:98px; 
width:208px;
margin-top: 20px;
}

#authorchefsmall{
background-image: url(../images/featured_author_chef_lg_sm.gif);
background-repeat: no-repeat;
height:106px; 
width:150px;
margin-top: 15px;
}

#authorchefwithphoto{
background-image: url(../images/featured_author_chef_lg.gif);
background-repeat: no-repeat;
height:200px; 
width:208px;
margin-top: 10px;
}

#authorcheftitle{
position: relative;   
padding-top:40px;
text-align: center; 
}

#authorcheftitlesmall{
position: relative;   
padding-top:15px;
text-align: center; 
}

#author{
background-image: url(../images/featured_author.gif);
background-repeat: no-repeat;
height:98px; 
width:208px;
margin-top: 10px;
}

#authortitle{
position: relative;   
padding-top:50px;
text-align: center; 
}

#celebrity{
background-image: url(../images/featured_celebrity.gif);
background-repeat: no-repeat;
height:98px; 
width:208px;
margin-top: 10px;
}

#celebritytitle{
position: relative;   
padding-top:50px;
text-align: center; 
}

#product{
background-image: url(../images/recommended_product.gif);
background-repeat: no-repeat;
height:98px; 
width:208px;
margin-top: 10px;
}

#producttitle{
position: relative;   
padding-top:50px;
text-align: center; 
}

#productsmall{
background-image: url(../images/recommended_product_sm.gif);
background-repeat: no-repeat;
height:108px; 
width:150px;
margin-top: 10px;
}

#producttitlesmall{
position: relative;   
padding-top:33px;
text-align: center; 
}

#glutenfactsrelated{
margin-top: 15px;
}




.membersonly {
	  background: url(../images/members3.gif);
	  background-repeat: no-repeat;
	height:21px;
	width:125px;
	}

#navigation {
	text-align: left;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	margin-left: 10px;
	}
#members {
	width:740px;
	padding-right:10px;
	padding-left:15px;
	padding-top:5px;
	float:left;
}
	.navigation:link {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}	
	
.navigation:visited {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}	

.navigation:hover {
	font-family:"Arial", Helvetica, sans-serif;
	color:#8F5A4C;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
	
	.navigation:active {
	font-family:"Arial", Helvetica, sans-serif;
	color:#8F5A4C;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
	
	
	
	/* =============================================== Links*/
a:link {
	font-family:"Arial", Helvetica, sans-serif;
	color:#374E6F;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	}	
	
a:visited {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	}	

a:hover {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	}
	
a:active {
	font-family:"Arial", Helvetica, sans-serif;
	color:#374E6F;
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	}
	
.rightcol:link {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	}
	
.rightcol:active {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	}
	
.rightcol:visited {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
	}
	
.rightcol:hover {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:10pt;
	font-weight:normal;
	text-decoration:underline;
	}
	
.navsmall:link {
	font-family:"Arial", Helvetica, sans-serif;
	color:#374E6F;
	font-size:11px;
	line-height: 15px;
	font-weight:normal;
	text-decoration:underline;
	}	
	
.navsmall:visited {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:11px;
	line-height: 15px;
	font-weight:normal;
	text-decoration:underline;
	}	

.navsmall:hover {
	font-family:"Arial", Helvetica, sans-serif;
	color:#675638;
	font-size:11px;
	line-height: 15px;
	font-weight:normal;
	text-decoration:none;
	}
	
.navsmall:active {
	font-family:"Arial", Helvetica, sans-serif;
	color:#374E6F;
	font-size:11px;
	line-height: 15px;
	font-weight:normal;
	text-decoration:underline;
	}
	
	
	
	.rtcontent {
	font-family:"Arial", Helvetica, sans-serif;
	color:#874233;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	
}	

/* =================================================== Type  */

.facts{
color: #003366;
font-size:14px;
	font-family:"Arial", Helvetica, sans-serif;
font-weight: bold;
}

.copy {
	font-size:12px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #333333;
		
}

.smallcopy {
	font-size:10px;
	font-family:"Arial", Helvetica, sans-serif;
	color: #333333;
		
}

.relatedcopy {
	font-size:1.5em;
	font-family:"Arial", Helvetica, sans-serif;
	color: #874233;
	font-weight: bold;	
}

.relatedcopytext {
	font-size:10px;
	line-height:12px;
	font-family:"Arial", Helvetica, sans-serif;
    color: #333333;
}
.highlight {
	font-family:"Arial", Helvetica, sans-serif;
	color:#874233;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	
}

.smallHighlight {
	font-family:"Arial", Helvetica, sans-serif;
	color:#003366;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	
}	


.highlight_small {
	font-family:"Arial", Helvetica, sans-serif;
	color:#874233;
	font-size: 8pt;
	text-decoration:none;
	font-weight:bold;
	
}

.subtitle {
	font-size:16px;
	color:#64402A;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight: bold;
}

.title {
	font-size:20px;
	color:#64402A;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight: bold;
}

.hide {
	text-indent:-9999px;
	display:none;
}

* html .hide {
	display:none;
}
.footer {
	font-size:10px;
}