#page {
	margin-top: 21px;/* jon - correct firefox + ie7 spacing */
}

/* Target IE7 specifically - unfortunately doesn't validate */
#feature {
	margin-top: 0px;
}

/* Target IE7 specifically - unfortunately doesn't validate */
html>body #page {
	*margin-top: 38px;
} 

/* --------------------------------------------- */
/* 1. Feature Image		                         */

#feature {
	display: block;
	margin-bottom: 20px;
	width: 608px;
	height: 251px;
}

#feature a {
	height: 251px;
}

/* --------------------------------------------- */
/* 2. Misc Typography	                         */

h2 {
	height: 20px;
}

p {
	/*color: #1a1a1a;*/
	color: #666;/*jon*/
	
}

h3 {
	color: #666 !important;
	
}

ul li {
	color: #666;
	
}

/* --------------------------------------------- */
/* 3. Content Region One                         */
	
#contentRegionOne {
	float: left;
	width: 304px;
}

#contentRegionOne blockquote {
	margin-left: 10px;
}

/* added by jon */
#didYouKnowLeftPad {
	margin-left: 9px;
	margin-top:5px;
}


/* --------------------------------------------- */
/* 4. Content Region Two                         */
	
#contentRegionTwo {
	width: 304px;
	float: right;
}


	#contentRegionTwo #corner {
		background: #60AB01 url(/a/img/global/corners/darkGreenBL.gif) no-repeat 0 101%;
		display: block;
		height: 20px;
		margin-top: 30px;
	}


/* --------------------------------------------- */
/* 5. Forum				                         */
	
#inTheForum {
	padding: 10px 5px;
}

	#inTheForum h2 {
		margin-left: 5px;
		height: 21px;
		width: 152px;
	}
	
	#inTheForum strong {
		color: #ffffff;
	}
	


#contentRegionTwo h3#doing,
#contentRegionTwo h3#doing a {
	display: block;
	width: 89px;
	height: 25px;
}

#contentRegionTwo h3#exploring,
#contentRegionTwo h3#exploring a {
	display: block;
	width: 123px;
	height: 26px;
}

#contentRegionTwo h3#learning,
#contentRegionTwo h3#learning a {
	display: block;
	width: 119px;
	height: 26px;
}

#contentRegionTwo h3#saying,
#contentRegionTwo h3#saying a {
	display: block;
	width: 98px;
	height: 25px;
}




#contentRegionTwo h3#mealPlanner,
#contentRegionTwo h3#mealPlanner a {
	display: block;
	width: 174px;
	height: 24px;
}

#contentRegionTwo h3#feedingYourBaby,
#contentRegionTwo h3#feedingYourBaby a {
	display: block;
	width: 226px;
	height: 26px;
}

#contentRegionTwo h3#feedingNGW,
#contentRegionTwo h3#feedingNGW a {
	display: block;
	width: 281px;
	height: 26px;
}

#contentRegionTwo h3#ourProducts,
#contentRegionTwo h3#ourProducts a {
	display: block;
	width: 172px;
	height: 26px;
}








	
/* --------------------------------------------- */
/* 3. Article Prefs		                         */

#article {
	padding: 0 5px 10px 10px;
	width: 434px;
	float: left;
}

	#article h2 {
		margin-top: 15px;
	}

	#article h3 {
		margin-top: 10px;
		margin-left: 5px;
	}
	
	#article ul {
		padding: 0 0 0 15px ;
		margin: 0 0 0 15px ;
		color: #000;
	}

	
	#article img {
		margin: 15px 0px;/*jon*/
	}


	#article blockquote p{
		margin:0;
		padding:0;
		color:inherit;
	}
	
#articlePrefs {
	left: 455px;
	float: right;
	padding-top: 160px;
	width: 153px;
	font-size: 1em ;
	margin-bottom: 15px ;
}

	#articlePrefs a {
		color: #fff;
		text-decoration: none;
	}
	
	#articlePrefs a:hover {
		text-decoration: underline;
	}

	#articlePrefs h4 {
		margin-left: 10px;
		font-size: 1em ;
	}

	#articlePrefs h4#printMe {
		margin-top: 15px;
		padding: 5px 5px 0 25px;
		height: 1.6em;
		margin-bottom: 0 ;
		display:none;
	}

	#articlePrefs h4#bookmark {
		height: 2em;
		padding: 10px 5px 0 25px;
		margin-bottom: 0 ;
	}

	#articlePrefs #corner {
		display: block;
		height: 20px;
	}
	#articlePrefs ul a {
		text-decoration: underline ;
	}
	#articlePrefs ul a:hover {
		color: #4D8901 ;
	}
	#articlePrefs h4 {
		color: #fff ;
		margin-bottom: 10px ;
	}
	#articlePrefs ul {
		margin: 0 0 15px 10px ;
		padding: 0 ;
		list-style-type: none ;
	}
	

	#articleNav {
		margin-top: 20px;
	}
	
		#prevArticle {
			float: left;
			width: 125px;
			height: 18px;
		}
		
		#nextArticle {
			float: left;
			width: 95px;
			height: 18px;
			margin-left: 50px;
		}







/* Life Stories */
#feature { /* Default Feature BG - overwritten in lifestories section.css */
}

	#feature #tellUs {
		width: 153px;
		float: right;
		height: 251px;
	}

	#feature #tellUs h3 {
		width: 94px;
		height: 92px;
		margin: 25px 0 0 10px;
	}

	#feature #tellUs p {
		color: #fff;
		font-size: 1.1em;
		margin: 0 2px 0 7px;
	}

	#feature #tellUs a#go {
		width: 46px;
		height: 20px;
		float: right;
	}
		
ul#lifeStoriesNav {
	list-style-type: none;
	margin: 0 ;
	padding: 0 10px 0 0 ; /* Swapped to get round IE 6 double margin bug */
	float: right;
	width: 143px;
}

ul#lifeStoriesNav li { /* added b jon*/
	margin-bottom: 10px;
	height: 13px;
	_height: 12px;
}

	ul#lifeStoriesNav li a {
		display: block;
		height: 13px;
		_height: 12px;
		/*margin-bottom: 10px; JON*/
	}

	ul#lifeStoriesNav li#pregnancyNav,
	ul#lifeStoriesNav li#pregnancyNav a {
		background: url(/a/img/global/lifeStoriesNav/pregnancy.gif) no-repeat 100% 0;
		
		
	}
		ul#lifeStoriesNav li#pregnancyNav a:hover {
			_margin-top: 1px;/*jon*/
			_margin-bottom: -1px;/*jon*/
			background-position: 100% 100%;
		}


	ul#lifeStoriesNav li#zeroToThreeNav,
	ul#lifeStoriesNav li#zeroToThreeNav a {
		background: url(/a/img/global/lifeStoriesNav/zeroToThree.gif) no-repeat 100% 0;
	}
		ul#lifeStoriesNav li#zeroToThreeNav a:hover {
			_margin-top: 1px;/*jon*/
			_margin-bottom: -1px;/*jon*/
			background-position: 100% 100%;
		}

	ul#lifeStoriesNav li#fourToSixNav,
	ul#lifeStoriesNav li#fourToSixNav a {
		background: url(/a/img/global/lifeStoriesNav/fourToSix.gif) no-repeat 100% 0;
	}
		ul#lifeStoriesNav li#fourToSixNav a:hover {
			_margin-top: 1px;/*jon*/
			_margin-bottom: -1px;/*jon*/
			background-position: 100% 100%;
		}

	ul#lifeStoriesNav li#sevenToNineNav,
	ul#lifeStoriesNav li#sevenToNineNav a {
		background: url(/a/img/global/lifeStoriesNav/sevenToNine.gif) no-repeat 100% 0;
	}
		ul#lifeStoriesNav li#sevenToNineNav a:hover {
			_margin-top: 1px;/*jon*/
			_margin-bottom: -1px;/*jon*/
			background-position: 100% 100%;
		}

	ul#lifeStoriesNav li#tenToElevenNav,
	ul#lifeStoriesNav li#tenToElevenNav a {
		background: url(/a/img/global/lifeStoriesNav/tenToEleven.gif) no-repeat 100% 0;
	}
		ul#lifeStoriesNav li#tenToElevenNav a:hover {
			_margin-top: 1px;/*jon*/
			_margin-bottom: -1px;/*jon*/
			background-position: 100% 100%;
		}

	ul#lifeStoriesNav li#twelveToTwentyThreeNav,
	ul#lifeStoriesNav li#twelveToTwentyThreeNav a {
		background: url(/a/img/global/lifeStoriesNav/twelveToTwentyThree.gif) no-repeat 100% 0;
	}
		ul#lifeStoriesNav li#twelveToTwentyThreeNav a:hover {
			_margin-top: 1px;/*jon*/
			_margin-bottom: -1px;/*jon*/
			background-position: 100% 100%;
		}

	ul#lifeStoriesNav li#twentyFourToThirtySixNav,
	ul#lifeStoriesNav li#twentyFourToThirtySixNav a {
		background: url(/a/img/global/lifeStoriesNav/twentyFourToThirtySix.gif) no-repeat 100% 0;
	}
		ul#lifeStoriesNav li#twentyFourToThirtySixNav a:hover {
			_margin-top: 1px;/*jon*/
			_margin-bottom: -1px;/*jon*/
			background-position: 100% 100%;
		}


#lifeStoriesPage {
	padding: 0 10px;
	width: 424px;
}

#lifeStoriesPage .story {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

	#lifeStoriesPage .story h3 {
		margin-bottom: -5px;
		color: #666666;
	}

	#lifeStoriesPage p {
		margin-left: 0;
		padding-left: 0;
	}

	#lifeStoriesPage .story a {
		color: #FD1813;
		text-decoration: none;
	}

		#lifeStoriesPage .story a:hover {
			text-decoration: underline;
		}
		
		
		
/* --------------------------------------------- */
/* 3. OurProducts			                     */

		
/* --------------------------------------------- */
/* 3. BabyFoods			                         */
	
#babyFoods {
	float: left;
	width: 304px;
}


/* --------------------------------------------- */
/* 4. Infant Milk		                         */
	
#infantMilk {
	width: 304px;
	float: left;
}


/* --------------------------------------------- */
/* 4. FeatureBlocks	- Footer of articles         */


#featureBlocks { }

#featureBlocks img.left {
float: left;
}
#featureBlocks img.right {
float: right;
}

/*------------------------------ */
/* 5. Did you know image styling */

img.center {
	padding-top: 10px;
}

.quotes {
	padding: 5px 0 5px 10px;
}

/* Following fix is for all meal planner headings - wrapping in ie6 - quick fix sorry. */
#tabset ul li strong {
font-size: 1.5em;
}
/* Following fix is for all meal planner images - quick fix again sorry. */
#tabset ul li img {
	padding-top: 10px;
	padding-left: 10px;
}