@charset "utf-8";

/***************************************screen, handheld styles**********************************************/

@media screen {

body {
	background: #0e0d0b url(/img_global/bk_tile_spotlight.jpg) no-repeat 50% 0px;
	font: .92em Arial, Helvetica, sans-serif;
	color: #b46b4b;
}
/**global**/
#wrap {
	margin: 20px auto;
	width: 1045px;
}
#nav1 {
	padding-left: 207px;
	padding-bottom: 20px;
}
#nav_drop {
	padding-top: 18px;
	font-size: .9em;
}
#logo_top {
	float:left;
	width: 235px;
	margin-bottom: -1px;
}
#nav3 a:link, #nav3 a:visited {
	color: #79665b;
	text-decoration: none;
}
#nav3 a:hover, #nav3 a:active {
	color: #79665b;
	text-decoration: underline;
}
#nav3 span.copyright {
	color: #79665b;
	padding-left: 30px;
}
#pg_top {
	padding-top: 50px;
	margin: 0px;
	position: relative;
	z-index: 800;
	background: url(/img_global/pg_bk/_page_bkv3_r1_c1.png) no-repeat left top;
}
#pg_stretch {
	background: url(/img_global/pg_bk/_page_bkv3_r3_c1.png) repeat-y left top;
}
#pg_btm {
	background: url(/img_global/pg_bk/_page_bkv3_r2_c1.png) no-repeat left bottom;
	padding-bottom: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 0.7em;
	padding-left: 40px;
	padding-top: 5px;
}

/**pages**/

#top_row {
	position: relative;
	z-index: 100;
}
#content_top {
	padding-top: 1px;
}
#content_top img.content_hdr {
	margin-left: -1px;
	margin-bottom: -1px;
}
#content_edge {
	background: url(/img_global/content_bk_allpgs/content_bk_edge.jpg) repeat-y left top;
	padding-top: 1px;
}
#content_milk {
	background: #f8f2e6 url(/pgs_milk/img_milk/content_bk/content_bkv3_03.jpg) no-repeat left bottom;
	margin-right: 53px;
	margin-left: 30px;
	padding: 1px 40px 1px 34px;
}
#content_farm {
	background: #f8f2e6 url(/pgs_farm/img_farm/content_bk/content_bkv3_03.jpg) no-repeat left bottom;
	margin-right: 53px;
	margin-left: 30px;
	padding: 1px 40px 1px 34px;
}
#content_beyond {
	background: #f8f2e6 url(/pgs_beyond/img_beyond/content_bk/content_bkv3_03.jpg) no-repeat left bottom;
	margin-right: 53px;
	margin-left: 30px;
	padding: 1px 40px 1px 34px;
}
#content_news {
	background: #f8f2e6 url(/pgs_news/img_news/content_bk/content_bkv3_03.jpg) no-repeat left bottom;
	margin-right: 53px;
	margin-left: 30px;
	padding: 1px 40px 1px 34px;
}
#content_btm {
	padding-bottom: 1px;
}
#left_col {
	width: 330px;
	float:left;
	padding-top: 1px;
	position: relative;
}
#intro {
	background: url(/img_global/logo_intro/logo_intro_r2_c1.png) no-repeat left top;
	padding: 75px 50px 20px 70px;
	height: 270px;
	margin-top:-1px;
	color: #7aa67a;
	line-height: 1.4em;
	font-size: 0.95em;
}
#right_col {
	margin-left: 333px;
	padding-bottom: 0px;
}
ul#slideshow_fade {
	list-style: none;
	margin: -1px 0px 0px;
	padding: 0px;
}
#bottom_row {
	position: relative;
	background: url(/img_global/pg_bk/_page_bkv3_r3_c1.png) repeat-y left top;
	padding-left: 30px;
}
#funfacts {
	width: 328px;
	float:left;
	padding: 0px;
	margin:0px;
	font-size: 0.9em;
}
.funfacts_txt_1 {
	background: url(/img_home/home_bottom_section_a_01.jpg) no-repeat left top;
	height: 200px;
}
.funfacts_txt_2 {
	background: url(/img_home/home_bottom_section_c_01.jpg) no-repeat left top;
	height: 200px;
}
.funfacts_txt_3 {
	background: url(/img_home/home_bottom_section_b_01.jpg) no-repeat left top;
	height: 200px;
}
.funfacts_txt_1, .funfacts_txt_2, .funfacts_txt_3 {
	color: #7aa67a;
	width: 328px;
	padding-left: 30px;
	padding-top: 3px;
}
.funfacts_txt_1 p, .funfacts_txt_2 p, .funfacts_txt_3 p {
	width: 170px;
}
#resources {
	width: 294px;
	height: 200px;
	float:left;
	background: url(/img_home/home_bottom_section_r1_c2.png) no-repeat left top;
	padding-left: 30px;
	font-size: 0.9em;
	padding-top: 3px;
}
#spotlight {
	width: 295px;
	height: 200px;
	float:left;
	background: url(/img_home/home_bottom_section_r1_c3.png) no-repeat left top;
	padding-left: 25px;
	font-size: 0.9em;
	padding-top: 5px;
}
#spotlight_subpg {
	width: 280px;
	height: 200px;
	background: url(/img_global/spotlight_subpg.png) no-repeat left top;
	padding-bottom: 15px;
	padding-left: 20px;
	margin-left: 35px;
	position: relative;
	font-size: 0.9em;
	margin-top: 0px;
	padding-top: 0px;
}
div#left_col div#spotlight {
	margin-left: 20px;
}

.clear {
	clear: both;
	height: 1px;
}
.bk_img_height {
	float: right;
	width: 1px;
}
.top_section_img {
	text-align: center;
}
#right_col ul {
	padding-top: 5px;
	padding-bottom: 10px;
}
#next_slider {
	margin-top: 0px;
	margin-bottom: 5px;
}
#next_btn {
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-top: 158px;
	margin-left: 140px;
	width: 55px;
	background: url(/img_home/next_btn.png) no-repeat 50% 50%;
	position: absolute;
	z-index: 10000;
	padding-top: 3px;
	padding-bottom: 2px;
}
#more_btn {
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-top: 115px;
	margin-left: 120px;
	width: 55px;
	background: url(/img_home/next_btn.png) no-repeat 50% 50%;
	position: absolute;
	z-index: 10000;
	padding-top: 3px;
	padding-bottom: 2px;
}
#next_btn a:link, #next_btn a:visited, #more_btn a:link, #more_btn a:visited  {
	text-decoration: none;
	padding: 3px 5px 2px 5px;
}
#next_btn a:hover, #next_btn a:active, #more_btn a:hover, #more_btn a:active {
	text-decoration: none;
	padding: 3px 5px 2px 5px;
}
.divider {
	border-bottom: 1px dotted #b46b4b;
	padding-bottom: 5px;
	margin-bottom: 35px;
}
table.table_data {
	margin: 20px auto;
	text-align: center;
}
table.table_data tr.tbl_hdr, table.table_data tr.tbl_hdr2 {
	text-transform: uppercase;
	font-weight: bold;
}
table.table_data tr.tbl_subhdr {
	font-size: .9em;
}
table.table_data td {
	border-bottom: 1px dotted #b46b4b;
	padding: 4px 2px;
}
table.table_data tr.tbl_hdr2 td {
	border:none;
}
div.sports {
	display: block;
	height: 95px;
	border-bottom: 1px dotted #b46b4b;
	margin-bottom: 15px;

}
div.sports img {
	float: left;
	width: 100px;
	margin-right: 15px;
}
div.sports p {
	padding-top: 25px;
}


/**media player & playlist**/

.player {
	margin-top: 30px;
}
.player a {
	display: block;
	width:325px;
	height:250px;
	float: left;
	cursor:pointer;
	padding: 1px;
	border: 1px solid #9ec4dd;
}
div.playlist {
	position:relative;
	overflow:hidden; 	
}
div.playlist div.clips {	
	position:absolute;
}
div.clips {
	width:220px;
	float: left;
	padding:1px;
	margin-top: 25px;
	border-top: 1px solid #9ec4dd;
	border-bottom: 1px solid #9ec4dd;
	border-left: 1px solid #9ec4dd;
}
div.clips a {
	display:block;
	background-color:#d2dee6;
	padding:8px 10px 8px 20px;	
	border-bottom:1px dotted #9ec4dd;	
	text-decoration:none;
	font-size: .8em;
	color: #0d5484;
}
span.media_type {
	font-size: .9em;
}
div.clips a.first {
	border-top-width:1px;
}
div.clips a.progress {
	opacity:0.6;		
}
div.clips a.playing, div.clips a.paused, div.clips a.progress {
	font-weight: bold;
	background-color:#9ec4dd;	
}
div.clips a.paused {
	opacity:0.8;	
}
div.clips a:hover {
	background-color:#9ec4dd;		
}
div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:#9ec4dd;		 
}


/**text and link styles**/
a:link {
	color: #b46b4b;
	text-decoration: underline;
}
a:visited {
	color: #7b4937;
	text-decoration: underline;
}
a:hover, a:active {
	color: #8c4931;
	text-decoration: underline;
}
h1.no_show {
	display: none;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
h2 {
	color: #7aa67a;
	padding-bottom: 0px;
	margin-bottom: -5px;
	font-size: 1.15em;

}
h3{
	font: bold 1.4em Arial, Helvetica, sans-serif;
	color: #7aa67a;
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h3.funfacts_hdr, h3.resources_hdr,
h3.funfacts_hdr a:link, h3.funfacts_hdr a:visited,
h3.resources_hdr a:link, h3.resources_hdr a:visited,
h3.funfacts_hdr a:hover, h3.funfacts_hdr a:active, 
h3.resources_hdr a:hover, h3.resources_hdr a:active {
	color: #fff;
	margin: 0px;
	padding: 20px 0px 0px;
	text-decoration: none;
}
h3.spotlight_hdr,
h3.spotlight_hdr a:link, h3.spotlight_hdr a:visited {
	color: #7aa67a;
	margin: 0px;
	padding: 20px 0px 0px;
	text-decoration: none;
}
h3.spotlight_hdr a:hover, h3.spotlight_hdr a:active {
	color: #3e603e;
	margin: 0px;
	padding: 20px 0px 0px;
	text-decoration: none;
}

h4.recipes, h4.recipes_first {
	border-bottom: 1px dotted #b46b4b;
	margin-top: 40px;
	margin-bottom: -12px;
	font-size: 1.1em;
}
h4.recipes_first {
	margin-top: 20px;
}
img.recipe_img {
	float: right;
	width: 315px;
	margin: 18px 0px 5px 15px;
}
p.callout {
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 12px;
	margin-top: 0px;
	padding-bottom: 4px;
	margin-bottom: 0px;
	padding-right: 100px;
}
p.callout a:link, p.callout a:visited {
	color: #b46b4b;
	text-decoration: none;
}
p.callout a:hover, p.callout a:active {
	color: #8c4931;
	text-decoration: none;
}
p.attribution {
	font-size: 0.85em;
	font-style: italic;
	
}
p.tbl_attribution {
	font-size: 0.85em;
	font-style: italic;
	text-align:center;
	margin-top:-10px;
	margin-bottom:25px;
}
.spotlight_txt {
	color: #7aa67a;
	padding-right: 150px;
	margin-top: 4px;
}
p.spotlight_txt a:link, p.spotlight_txt a:visited{
	color: #7aa67a;
	text-decoration: underline;
}
p.spotlight_txt a:hover, p.spotlight_txt a:active {
	color: #3e603e;
	text-decoration: underline;
}
ul.resources_link_list {
	list-style: none;
	margin: 12px 0px 0px;
	padding: 0px;
	line-height: 1.3em;
	font-weight: bold;
	font-size: 0.93em;
}
ul.resources_link_list a:link, ul.resources_link_list a:visited {
	text-decoration: none;
}
ul.resources_link_list a:hover, ul.resources_link_list a:active {
	text-decoration: underline;
}
p.first_p {
	font-weight: bold;
	font-size: 1.05em;
	padding-bottom: 25px;
}
.more_link {
	text-align: right;
}
.more_link a:link, .more_link a:visited {
	text-decoration: none;
}
.more_link a:hover, .more_link a:active {
	text-decoration: underline;
}
ul.ingredients {
	padding-top: 0px;
	margin-top: -12px
}
.li_space li {
	padding-bottom: 5px;
}
p.news_story a:link, 
p.news_story a:visited, 
p.news_story a:hover, 
p.news_story a:active {
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
}
}

/***************************************print styles**********************************************/

@media print {
body {
	font: 11pt Arial, Helvetica, sans-serif;
	color: #b46b4b;
}
#wrapper {
	width: auto;
	border: 0;
	margin: 0 5%;
}
a:link, a:visited {
	color: #b46b4b;
	text-decoration: none;
	}
/**print out urls**/
a:link:after, a:visited:after {
  content: " (" attr(href) ") ";
   }

#logo_top img, 
#nav_drop, 
#page_top, 
#left_col img, 
#intro,
ul#slideshow_fade, 
#funfacts, 
#next_btn, 
#more_btn,
#resources img, 
#spotlight,
#pg_btm,
img.content_hdr,
#content_btm img,
#spotlight_subpg,
.more_link,
.top_section_img img,
.player
.clips {
	display:none;
	visibility: hidden;
}

ul.resources_link_list {
	list-style: none;
}
#funfacts {
	display: block;
}
#resources {
	margin-top: 80px;
}
h1 {
	font-size: 16pt;
}
h2 {
	font-size: 14pt;
}
h4.recipes {
	page-break-before: always;
}
img.recipe_img {
	border: solid 1px #b46b4b;
}
table td {
	border-bottom: 1px dotted #b46b4b;
}
}
