/* The Simple Base CSS Framework - http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
	/* This is simple reset and base framework CSS file to start development */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		}
	body {
		line-height: 1.4em;
		}
	ol, ul {
		list-style: none;
		}
	blockquote, q {
		quotes: none;
		}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
		}
	
	/* remember to define focus styles! */
	:focus {
		outline: 0;
		}
	
	/* remember to highlight inserts somehow! */
	ins {
		text-decoration: none;
		}
	del {
		text-decoration: line-through;
		}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
	
	/* -------------------------------------------------------------- 
	   
	   Boilerplate typography.css
	   * Sets up some sensible default typography.
	  
	-------------------------------------------------------------- */
	
	/* This is where you set your desired font size. The line-heights 
	   and vertical margins are automatically calculated from this. 
	   The percentage is of 16px (0.75 * 16px = 12px). */
	body { font-size: 75%; }
	
	
	/* Default fonts and colors. */
	body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; }
	
	
	/* Headings
	-------------------------------------------------------------- */
	h1,h2,h3,h4,h5,h6 { font-weight: bold; }
	
	h1 { font-size: 3em; color: #666;}
	h2 { font-size: 1.6em; color: #e60016; line-height: 1em;} /* red */
	h3 { font-size: 1.6em; color: #00746a; line-height: 1em;} /* green */
	h4 { font-size: 1em; color: #666;}
	h5 { font-size: 1em; color: #666;}
	h6 { font-size: 1em; color: #666;}
	
	.primaryContent h2 {
		margin: 0 0 .5em 0;
		}
	.primaryContent h3 {
		margin: 1em 0 .4em 0;
		}
	.recipeDetailsInfo h3 {
		font-size: 1.3em;
		color: #00746a; /* green */
		margin: 0 0 10px 0;
		line-height: 1em;	
		}	
	h2.healthCareBoxTitle {
		color: #e60016;	/* red */
		font-size: 1.3em;
		line-height: 1.4em;	
		margin: 0 0 5px 0;	
		}
	h3.healthCareBoxTitle {
		color: #00746a;	/* green */
		font-size: 1em;
		line-height: 1em;
		margin-bottom: 10px;
		}		
	.join h2 {
		font-size: 1.3em;
		color: #00746a;	/* green */
		margin: 0 0 .6em 0;
		}			
	h2.recipeBoxTitle {
		font-size: 1.6em;
		}
	h3.red {
		font-size: 1.4em;
		}				
	
	
	
	/* Text elements
	-------------------------------------------------------------- */
	p { margin: 0 0 1em 0; }
	
	ul, ol { margin: 0 1.5em 1.5em 1.5em; color: #666; line-height: 1.6em;}
	ul { list-style-type: circle; }
	ol { list-style-type: decimal; }
	
	
	.primaryContent ul {
		list-style: none;
		margin: 20px 0 0 20px;
		}
	.primaryContent ul {
		margin: 5px 0 5px 0;
		}		
	.primaryContent li {
		background: url(/images/elements/bullet.gif) 8px 8px no-repeat;
		padding: 0 0 10px 20px;
		list-style: none;
		}	
	
	
	dl { margin: 0 0 1.5em 0; }
	dl dt { font-weight: bold; }
	dl dd { margin-left: 1.5em; }
	
	abbr, acronym { border-bottom: 1px dotted #666; }
	address { margin-top: 1.5em; font-style: italic; }
	del { color: #000; }
	
	a { color: #e80016; text-decoration: none; }
	a:hover { text-decoration: underline; }
	
	.primaryContent a {
		color: #e80016!Important; 
		text-decoration: none;
		}
	.primaryContent a:hover {
		color: #e80016!Important; 
		text-decoration: underline;
		}		
	
	blockquote { margin: 1.5em; }
	strong { font-weight: bold; }
	em, dfn { font-style: italic; }
	dfn { font-weight: bold; }
	pre, code { margin: 1.5em 0; white-space: pre; }
	pre, code, tt { font: 1em monospace; line-height: 1.5; } 
	tt { display: block; margin: 1.5em 0; line-height: 1.5; }
	
	
	/* Tables
	-------------------------------------------------------------- */
	table { margin-bottom: 1.4em; }
	th { border-bottom: 2px solid #ddd; font-weight: bold; }
	td { border-bottom: 1px solid #ddd; }
	th,td { padding: 4px 10px 4px 0; }
	tfoot { font-style: italic; }
	caption { background: #ffc; }
	
	
	/* Some default classes for bug hunting
	-------------------------------------------------------------- */
	.hide { display: none; }
	.highlight { background: #ffc; }
	
	/*  Clearfix - To clear floats without the use of empty clearing div
	
	http://www.positioniseverything.net/easyclearing.html 
	-------------------------------------------------------------- */
	.clearfix:after {
		clear: both;
		content: '.';
		display: block;
		visibility: hidden;
		height: 0;
		}
	.clearfix {
		display: inline-block;
		}
	* html .clearfix {
		height: 1%;
		}
	.clearfix {
		display: block;
		}