body {
		background-image: url(../images/bg_strip.gif);
		background-repeat: repeat-x;
		}
	p {
		font-family: Arial, Helvetica, sans-serif;
		color: #666;
		}
	
	a:link, a:visited {color: #666666;}
	a img:hover {
		filter:alpha(opacity=85);
		opacity: 0.85;
		-moz-opacity: 0.85;
		cursor: pointer;
		}
	.content {
		width: 960px;
		margin: 0 auto;
		background-image: url(../images/bg_main.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		height: 800px; /* Temp */
		}	
	.dailyfarmercontent {
		width: 960px;
		margin: 0 auto;
		background-image: url(../images/bg_main_dairyFarmers.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
		height: 800px; /* Temp */
		}	
	#facebox .content {
		width: auto;
		height: auto;
		background-image: none;
		z-index: 9999;
	}
	#facebox .dailyfarmercontent {
		width: auto;
		height: auto;
		background-image: none;
		z-index: 9999;
	}
	
	/* header  */
	.heading,
	.branding {
		height: 320px;
		position: relative;
		}
	h1.logo {
		position: absolute;
		top: 109px; 
		left: 0;
		background: url(../images/elements/logo.jpg) 0 0 no-repeat;
		text-indent: -9999em;
		width: 432px;
		height: 130px;
		visibility: visible!important;
		cursor: pointer;
		}
		
	h1.logoDF {
		position: absolute;
		top: 109px; 
		left: 0;
		background: url(../images/elements/logoDiaryFarmers.jpg) 0 0 no-repeat;
		text-indent: -9999em;
		width: 432px;
		height: 130px;
		visibility: visible!important;
		cursor: pointer;
		}		
	h1.logo a,
	h1.logoDF a {
		display: block;
		cursor: pointer;
		width: 432px;
		height: 130px;		
		}
		
		
	#flashheader {
		
		}

	/* top naviagtion */
	.mainNav {
		position: absolute;
		top: 48px;
		left: 23px;
		}		
	.mainNav ul {
		margin: 0;
		padding: 0;
		}
	.mainNav ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		float: left;
		}
	.mainNav a {
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		}	
	.mainNav li a:hover {
		cursor: pointer;
		background-position: 0 -45px!Important;		
		}						
	.mainNav li.on a {
		background-position: 0 -45px!Important;
		}
	.mainNav li.on a:hover {
		cursor: pointer;
		background-position: 0 -45px!Important;
		}							
		
				
	/* nav backgrounds */
	.mainNav .home { background-image: url(../images/nav/home.gif); width: 83px; height: 45px;}	
	.mainNav .heartactive { background-image: url(../images/nav/heartactive.gif); width: 125px; height: 45px;}
	.mainNav .cholesterol { background-image: url(../images/nav/cholesterol.gif); width: 125px; height: 45px;}
	.mainNav .heart { background-image: url(../images/nav/hearthealth.gif); width: 122px; height: 45px;}
	.mainNav .faq { background-image: url(../images/nav/faqs.gif); width: 77px; height: 45px;}	
	.mainNav .hcp { background-image: url(../images/nav/hcp.gif); width: 75px; height: 45px;}	

	/*
	.mainNav {
		position: absolute;
		top: 48px;
		left: 23px;
		}
	.mainNav ul {
		margin: 0;
		padding: 0;
		}
	.mainNav ul li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		float: left;
		}
	.mainNav ul li a:link, 
	.mainNav ul li a:visited {
		text-indent: -9999em;
		background-image: url(../images/elements/main_nav.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		height: 45px;
		}
	.mainNav ul li a.home:link, 
	.mainNav ul li a.home:visited {
		width: 83px;
		background-position: -8px -4px;
		height: 32px;
		}
	.mainNav ul li a.heartactive:link, .mainNav ul li a.heartactive:visited {
		width: 105px;
		background-position: -89px -3px;
		height: 36px;
		}

	.mainNav ul li a.cholesterol:link, .mainNav ul li a.cholesterol:visited {
		width: 110px;
		background-position: -195px -2px;
		height: 40px;
		}

	.mainNav ul li a.heart:link, .mainNav ul li a.heart:visited {
		width: 126px;
		background-position: -308px -1px;
		height: 40px;
		}

	.mainNav ul li a.plant:link, .mainNav ul li a.plant:visited {
		width: 118px;
		background-position: -436px 0;
		height: 43px;
		}

	.mainNav ul li a.faq:link, .mainNav ul li a.faq:visited {
		width: 63px;
		background-position: -555px -1px;
		height: 38px;
		margin-top: 2px;
		}

	.mainNav ul li a.hcp:link, .mainNav ul li a.hcp:visited {
		width: 73px;
		background-position: -621px -1px;
		height: 31px;
		margin-top: 2px;
		}
	.mainNav ul li.on a.home:link, .mainNav ul li.on a.home:visited, .mainNav ul li a.home:hover {
		background-position: -8px -50px;
		}
	.mainNav ul li.on a.heartactive:link, .mainNav ul li.on a.heartactive:visited, .mainNav ul li a.heartactive:hover {
		background-position: -89px -48px;
		}

	.mainNav ul li.on a.cholesterol:link, .mainNav ul li.on a.cholesterol:visited, .mainNav ul li a.cholesterol:hover {
		background-position: -195px -47px;
		}

	.mainNav ul li.on a.heart:link, .mainNav ul li.on a.heart:visited, .mainNav ul li a.heart:hover {
		background-position: -308px -46px;
		}

	.mainNav ul li.on a.plant:link, .mainNav ul li.on a.plant:visited, .mainNav ul li a.plant:hover {
		background-position: -436px -45px;
		}

	.mainNav ul li.on a.faq:link, .mainNav ul li.on a.faq:visited, .mainNav ul li a.faq:hover {
		background-position: -555px -46px;
		}

	.mainNav ul li.on a.hcp:link, .mainNav ul li.on a.hcp:visited, .mainNav ul li a.hcp:hover {
		background-position: -621px -46px;
		}
		
	*/	
		
	.subNav {
		margin-bottom: 30px;
		}
	.subNav ul {
		margin: 0;
		padding: 0;
		}
	.subNav ul li {
		margin: 0 15px 0 0;
		padding: 0;
		padding-left: 18px;
		background-image: url(/images/elements/bg_arrow.gif);
		background-repeat: no-repeat;
		background-position: left 4px;
		float: left;
		list-style-type: none;
		display: inline;
		}
	.subNav ul li a:link, .subNav ul li a:visited {
		color: #00746a;
		font-size: 1.1em;
		}
	.subNav ul li a:hover {
		}
	.subNav ul li.on a:link, .subNav ul li.on a:visited {
		font-weight: bold;
		}
	.recipeNav ul li a:link, .recipeNav ul li a:visited {
		font-weight: bold;
	}
	.recipeNav {
		float: right;
		margin-right: 34px;
		display: inline;
	}
	.recipeNav ul li {
		list-style-type: none;
		float: left;
		margin-left: 10px;
	}
	.mainContent {
		width: 745px;
		overflow: hidden;
		margin-left: 20px;
		padding-left: 15px;
		}
		* html .mainContent {
			height:auto!important;
		}
	.col {
		float: left;
		width: 227px;
		margin: 0 28px 15px 0;
		}
	.col p {
		width: 200px;
		font-size: 1em;
		line-height: 1.6em;
		}
	.viewRecipesBox {
		position: relative; 
		background-image: url(/images/viewRecipeBox.jpg);
		background-repeat: no-repeat;
		height: 150px;
		width: 451px;
		clear: left;
		}
	.viewRecipesBox img.recipeImg {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		} 
	.recipeDetailsInfo {
		position: absolute;
		left: 250px;
		top: 10px;
		z-index: 2;
		}	
	.primaryContent {
		width: 510px;
		float: left;
		overflow: hidden;
		}
	.primaryContent p {
		line-height: 1.6em;
		}		
	.secondaryContent {
		float: left;
		width: 212px;
		margin-left: 10px;
		}
	.join {
		margin-bottom: 20px;
		}
	.join input.btn:hover, .join input.submitEmailAddress:hover {
		filter:alpha(opacity=85);
		opacity: 0.85;
		-moz-opacity: 0.85;
		cursor: pointer;	
		}		
	.healthCareBox {
		background: url(/images/bg_healthCareInfo.gif) left top no-repeat;
		position: relative;
		margin-bottom: 20px;
		z-index:1;
		}	
	.healthCareBoxBottom {
		background: url(/images/bg_healthCareInfoBottom.gif) left bottom no-repeat;
		height: 16px;
		}
	.healthCareBox h2, 
	.healthCareBox h3, 
	.healthCareBox p {
		position: relative;
		margin-left: 17px;
		width: 170px;
		z-index: 1000;
		}
	.healthCareBox h2 {
		padding-top: 20px;
		}
	.buttonContainer {
		margin-bottom: 0;
		}
	.buttonContainer img:hover {
		filter:alpha(opacity=85);
		opacity: 0.85;
		-moz-opacity: 0.85;
		cursor: pointer;	
		}			
	.healthCareBox img.stethoscope {
		position: absolute;
		top: 3px;
		left: 116px;
		}
	.healthCareBox img.heart {
		position: absolute;
		top: 0px;
		left: 86px;
		z-index: 20;
		}
	.healthCareBox img.plant {
		position: absolute;
		top: 0px;
		left: 116px;
		}
	p.subHeader {
		font-family: Arial, Helvetica, sans-serif;
		color: #007268;
		font-weight: bold;
		font-size: 1.1em;
		margin-bottom: 0.5em;
		}
		
	.hiddenLabel {
		position: absolute;
		left: -9999em;
		top: 0;
		}
	input#emailAddress {
		width: 140px;
		height: 18px;
		padding: 4px 0 0 6px;
		float: left;
		background-color: #e7f6f4;
		border: none;
		color: #61aba4;
		font-size: 0.9em;
		}
	input#em_wfs_formfield_326325 {
		width: 140px;
		height: 18px;
		padding: 4px 0 0 6px;
		float: left;
		background-color: #e7f6f4;
		border: none;
		color: #61aba4;
		font-size: 0.9em;
		}
	input.submitEmailAddress {
		width: auto;
		border: none;
		background-color: transparent;
		margin: 0;
		padding: 0;
		height: 22px;
		}
	* html input.submitEmailAddress {
		zoom: 1;
	}
	.footer {
		border-top: 1px solid #ccebe7;
		clear: both;
		margin-top: 20px;
		}
	ul.siteInfo {
		margin: 0;
		margin-top: 20px;
		margin-left: 35px;
		padding: 0;
		padding-bottom: 30px;
		}
	ul.siteInfo li {
		list-style-type: none;
		display: inline;
		color: #007268;
		font-size: 0.9em;
		font-family: Arial, Helvetica, sans-serif;
		}
	ul.siteInfo li a:link, ul.siteInfo li a:visited {
		color: #007268;
		}
	.sIFR-active h3.articleHighlightTitle {
		visibility: visible;
		font-size: 1em;
		color: #e60016;
		margin-bottom: 0;
		}
	p.articleDate {
		color: #e60016;
		margin-bottom: 0.25em;
		margin-top: 0.5em;
		}
	.pageNav, .paging {
		float: left;
		}
	.paging {
 		width: 300px;
		text-align: center;
		}
	.paging ul {
		margin: 0;
		padding: 0;
		padding-top: 2px;
		}
	.paging ul li {
		display: inline;
		list-style-type: none;
		background: none;
		padding: 0;
		margin: 0;
		}
	.paging ul li.current {
		font-weight: bold;
		}
	.paging ul li a, 
	.paging ul li a:visited {
		color: #007268!Important;
		font-size: 0.9em;
		}
	.articleSection {
		width: 450px;
		}
		
	.recipePanels {
		width: 705px;	
		}
	.panel {
		margin: 0;
		padding: 0;
		}
	.panel li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 235px;
		height: 180px;
		float: left;
		}
	.panel li p {margin-top: 0.5em;}
	.panel li p a:link, .panel li p a:visited {
		color: #666666;
		}
	p.instructionInfo {
		color: #007268;
		font-weight: bold;
		}
	.questions {
		padding-top: 10px;
		margin-right: 15px;
		clear: both;
		margin-bottom: 30px;
		}	
	.questions .item {
		margin-bottom: 20px;			
		}
	.questions dl.item dt {
		font-weight: normal;
		margin: 0 35px 0 0;
		padding: 0 0 10px 30px;		
		color: #666666;
		}	
	.faqs dl.item dt {
		background: url(../images/elements/bg_faq_question.gif) 0 0 no-repeat transparent;	
		}
	.atc dl.item dt {
		background: url(/images/elements/bg_atc_question.gif) 0 0 no-repeat transparent;	
		}							
	.questions dl.item dd {
		margin: 0 15px 0 0;
		padding: 0 0 0 30px;
		}
	.questions dl.item dt a:link, .questions dl.item dt a:visited {
		text-decoration: none;
		color: #e60016;
		font-weight: bold;
		padding: 5px 0 0 0;
		}
	.questions dl.item dt a:hover {
		text-decoration: none;
		color: #007268;
		}
	.questions dl.item dt .submittedBy {
		font-weight: normal;
		color: #867267;
		font-size: 0.9em;
		}
	.questions dl.item dd {
		padding-bottom: 10px;
		}
	.faqs dl.item dd {
		background: url(../images/elements/bg_faq_answer.gif) 0 0 no-repeat transparent;
		color: #666666;
		margin-top: 20px;
		}	
	
	/* nutritional info table */	
	.nutInfo table {
		clear: both;
		border-bottom: solid 1px #dcdcdc;
		*border-bottom: solid 1px #dcdcdc;
		width: 100%;
		margin: 10px 0 20px 0;
		}	
	.nutInfo tr.highlight td, .nutInfo tr.highlight th {
		background-color: #eeeeee;
		}	 		
	.nutInfo th {
		font-size: 0.9em;
		padding: 5px 5px 5px 10px;
		vertical-align: top;
		border-bottom: solid 1px #dcdcdc;
		color: #666666;
		font-weight: bold;
		text-align: left;
		}
	.nutInfo td {
		color: #666666;
		font-size: 0.9em;
		padding: 5px 5px 5px 10px;
		vertical-align: top;
		border-bottom: solid 1px #dcdcdc;
		text-align: left;
		}
	.nutInfo th.left,
	.nutInfo td.left {
		text-align: left;
		}		
	.nutInfo td.left {
		font-weight: normal;
		}
	.nutInfo th span.left {
		display: block;
		float: left;
		width: 100px;
		}
	.nutInfo th span.right {
		display: block;
		float: right;
		}				
	.ingredientsBox {
		background-image: url(../images/bg_recipeBox.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 715px;
		margin-bottom: 20px;
		}
	.ingredientsBoxBtm {
		background-image: url(../images/bg_recipeBoxBtm.gif);
		background-repeat: no-repeat;
		background-position: 0 0;
		width: 715px;
		height: 18px;
		clear: both;
		}
	.ingredientsBox h4 {
		margin: 0 0 10px 20px;
		padding-top: 20px;
		color: #007268;
		}
	.ingredientsBox img {
		float: right;
		margin-right: 10px;
		margin-top: 20px;
		}
	.ingredientsBox ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 300px;
		}
	.ingredientsBox ul li { 	
		margin: 0 0 0 20px;
		padding: 0;
		color: #666666;
		font-size: 0.9em;
		
		}
	ol.prepInstructions {
		margin: 0;
		padding: 0;
		width: 720px;
		}
	ol.prepInstructions li {
		margin: 0 0 10px 0;
		padding: 0 0 0 3px;
		color: #666666;
		list-style-position: inside;
		font-size: 0.9em;
		}
		
		
	.nutInfo h3 {
		margin-bottom: 0;
		padding-bottom: 0;
		}	
		
	.disclaimer {
		clear: both;
		font-size: .9em;
		width: 700px;
		margin: 15px 0 0 0;
		}	
		
		#dialog, div.ui-dialog .ui-dialog-titlebar {
        background: #000;
        padding: 5px 5px;
    }
    
    #dialog {
        border-top-width: 0px;
    }
    
    div.ui-dialog .ui-dialog-titlebar {
        border-bottom-width: 0px;
    }
    .ui-dialog-titlebar {
		text-align: right;
		}
    
    div.ui-dialog p {
        padding: 5px 0;
    }
    
    div.ui-dialog #address {
        width: 230px;        
    }
    
    #directionsPanel {
        overflow: auto;        
    }