@import url(reset.css);
* { font-size: 100%; padding: 0; margin: 0; font-family:Arial, Helvetica, sans-serif; }
body { font: 62.5%/1.333 Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 10px; text-align:center; color: #666; background: #fff; width: 1200; margin: 0 auto; }
.print { display:none; }
/* links */
a, a:link, .wide #primary a, .wide #primary a:link { color:#59548c; text-decoration:underline; }
a:visited, .wide #primary a:visited { color:#867fd3; text-decoration:underline; }
a:hover, a:active, a:focus, .wide #primary a:hover, .wide #primary a:active, .wide #primary a:focus { text-decoration:underline; color:#8c5575; }
/* generic */li .accent1 { color:#e18f2b !important; }
.accent2 { color:#437FA4 !important; }
.divider { margin-top:10px; padding-top:10px; border-top:1px solid #ccc; }
a img { border: none; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; }
h1 { font-size: 2.2em; color:#e18f2b; text-transform:uppercase; margin-bottom:15px; }
h2 { font-size: 1.6em; margin-bottom:10px; line-height:1; padding-top:10px; color:#e18f2b; }
h3, label.h3 { font-size: 1.5em; font-weight:normal; color:#437FA4; }
h4 { font-size: 1.2em; font-weight:bold; }
h5 { font-size: 1.3em; font-weight:bold; }
h6 { font-size: 1.2em; font-weight:bold; }
p, li, td { font-size:1.2em; }
p, li { margin: 0 0 15px 0; }
li li, li p, td li, td p { font-size:1.0em; }
ul, ol { margin: 1em 0; padding-left: 2.5em; }
sup { font-size: smaller; vertical-align: 0.5em; line-height: 1px; }
.hidden { position:absolute; left:-99999px; }
/* links */
#header a, #header a:link, #header a:visited { text-decoration:none; color:#fff; }
#header a:hover, #header a:focus, #header a:active { text-decoration:none; color:#000; }
/* containers */
#wrapper { width:1200px; background: url(../_images/bkg_header.jpg) no-repeat left top; /*min-height:882px;_height:882px;*/ margin:0 auto 10px; text-align:left; }
#content-wrapper { /*margin:0 67px;padding:0 0 150px;background: url(../_images/bkg_footer.jpg) no-repeat left bottom;*/ margin:0; }
#access, .hidden { display:none !important; }
#header { position:relative; height:215px; width:1063px; z-index:800; }
#content { float:left; width:100%; z-index:300; }
#content-background { padding:0 0 40px; background:url(../_images/bkg_middle.jpg) repeat-y left top; position:relative; zoom:1; }
#main-content { min-height:346px; _height:1%; margin:31px 405px 0 350px; }
.side-content { float:left; overflow:hidden; width:14em; margin:20px 0 0 0; }
#primary { margin-left:-100%; padding:11px 0 0 72px; width:216px; position:relative; }
#secondary { /*margin:0 0 0 -307px;width:236px;*/ margin:0 0 0 -375px; padding:0; width:304px; text-align:right; }
/* nav */
.nav ul { list-style:none outside; padding:0; margin:0; }
.nav ul li { list-style:none outside; padding:0; margin:0; display:block; float:left; margin:0 10px; padding:2px 0; line-height: 1; }
/* header */
#logo { left:286px; position:absolute; top:148px; display:block; width:310px; height:24px; background:url(../_images/title_dairy_makes_sense.png) no-repeat left top; }
#logo strong { display:none; }
#header .nav { position:absolute; bottom:0; left:221px; text-transform:uppercase; background:url(../_images/bkg_header_li.gif) no-repeat left center; width:100%; }
#main-nav li { margin:0; padding:0; background:url(../_images/bkg_header_li.gif) no-repeat right center; float: left;/*width: 10em;  width needed or else Opera goes nuts */ }
#main-nav li a { display:block; margin:0 2px 0 0; padding:8px 25px 9px; }
#main-nav li li { border:1px solid #ccc; border-top:0; }
#main-nav li ul { border-top:1px solid #ccc; }
#main-nav li:hover a, #main-nav li.sfhover a, .about #nav-about a, .why #nav-why a, .recipes #nav-recipes a, .home #nav-home a, .tips #nav-resource a, .resource #nav-resource a, .media #nav-media a { background:url(../_images/bkg_main_nav.jpg) repeat-x left bottom; color:#076aa6; }
.home #nav-home a { display:none; }
#main-nav, #main-nav ul { /* all lists */ }
#main-nav a { text-decoration:none; display: block;/*	width: 10em;*/ }
#main-nav li li, #main-nav li li a { color:#e18f2b !important; padding:0; }
#main-nav li li, #main-nav li li a { background-image:none !important; }
#main-nav li li { padding:7px 10px; display:block; float:none; margin:0; text-align:left; }
#main-nav li ul { /* second-level lists */ position: absolute; background-image:none; background: #fff; width: 16em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
#main-nav li li a:hover { text-decoration:underline; }
#main-nav li ul ul { /* third-and-above-level lists */ margin: -1.6em 0 0 15em; }
#main-nav li:hover ul ul, #main-nav li.sfhover ul ul { left: -999em; }
#main-nav li:hover ul, #main-nav li li:hover ul, #main-nav li.sfhover ul, #main-nav li li.sfhover ul { /* lists nested under hovered list items */ left: auto; }
/* section nav */
.section-nav { background:url(/_images/bkg_section_nav.gif) no-repeat left top; padding:20px 0 12px; margin:0; height:283px; position:relative; zoom:1; }
.section-nav .inner { margin:0 20px; position:relative; zoom:1; }
.section-nav h3 { font-weight:bold; font-size:1.2em; }
.section-nav h3, .section-nav h3 a, #primary .section-nav h3 a { color:#437FA4; }
.section-nav ul { margin:0; padding:5px 0; border-bottom:1px solid #ccc; }
.section-nav ul ul { border-bottom:0; }
.section-nav li { background:url(/_images/bkg_section_nav_li.gif) no-repeat 1px 10px; margin:4px 0 0; display:block; zoom:1; padding:4px 0 0 10px; border-top:1px solid #ccc; }
.section-nav li li { border-top:0; }
/* side content */
/* primary */
#primary a { color:#e18f2b; text-decoration:none; }
/* secondary */
/* main content */
#main-content ul { list-style:disc outside; }
#main-content ul.ingredients, #main-content ul.ingredients li { list-style:none outside; padding:0; line-height:125%; margin:0 0 3px; }
#main-content ul.ingredients ul { margin:0 0 10px; padding:0; }
#main-content ul.ingredients { margin-bottom:12px; }
#main-content ul li { margin-bottom:6px; }
#main-content ul.menu { margin-bottom:20px; }
#main-content ul.menu li { margin-bottom:2px; }
/* comparison table */
table.compare { margin:0; padding:0; }
table.compare td { vertical-align:middle; padding-right:10px; }
/* data table */
#main-content table.data, table.toolkit { margin:10px 0; }
#main-content table.data { border:1px solid #ccc; border-bottom:0; }
table.toolkit td, table.toolkit th, #main-content table.data td, #main-content table.data th { padding:5px; text-align:left; font-size:1.1em; vertical-align:top; }
table.toolkit th, #main-content table.data td, #main-content table.data th { border-bottom:1px solid #ccc; }
table.toolkit th, #main-content table.data th { font-weight:bold; }
table.toolkit th { padding-top:20px; font-size:1.4em; color:#437FA4; }
/* nutrition table */
table.nutrition { /*background:#fff;border:1px solid #ccc;border-collapse:collapse;margin:10px 0 20px 1px;*/ width:100% }
table.nutrition td, table.nutrition th { padding:2px 5px; text-align:left; font-size:1.1em; border-bottom:1px solid #ccc; }
/* footer */
.addthis_toolbox { margin:20px 10px; }
#footer { background:transparent url(../_images/bkg_footer.jpg) no-repeat scroll left bottom; clear:both; color:#999999; zoom:1; /*height:118px;*/ padding:38px 0 30px; margin:0; text-align:center; }
#footer a, #footer a:link, #footer a:visited { text-decoration:none; color:#999; }
#footer a:hover, #footer a:focus, #footer a:active { text-decoration:underline; color:#999; }
#footer .inner { margin:0; padding:86px 0 0 0; }
#footer .nav { /*margin:20px auto 0;width:350px;*/ float:left; margin:10px 0 0 10px; text-align:left; padding:0; }
#footer .nav a { text-decoration:underline; }
#footer .nav ul { list-style:none outside; padding:0; margin:0; }
#footer .nav ul li { list-style:none outside; padding:0; margin:0; font-size:1.0em; border-right:1px solid #ccc; display:block; float:left; margin:0 0 0 5px; padding:2px 5px 2px 0; line-height: 1; }
#footer .nav ul li.last { border-right:none; margin-right:0; padding-right:0; }
#footer .mda { float:left; padding:5px 0; margin:0 10px 0 100px; }
#footer .copyright { font-size:1.1em; margin:0 0 0 5px; padding:2px 5px 2px 0; }
/* reusable */
.clear { clear:both; }
.right { float:right; }
.left { float:left; }
img.right { float:right; margin:0 0 10px 10px; }
img.left { float:left; margin:0 10px 10px 0; }
.col1of3, .col2of3, .col3of3 { float:left; width:30%; margin:5px; }
/* recipes */
#print-recipe { display:block; float:right; border:1px dotted #999; background:#f1f4f9; width:auto; text-align:right; margin:0; padding:5px 5px 0; }
#print-recipe p { margin:0 0 5px; }
#print-recipe ul { list-style:none outside; }
#print-recipe ul li img { vertical-align: bottom; }
#print-recipe ul li { list-style:none outside; float:left; margin-right:10px; }
.recipes #secondary { padding-top:0; text-align:left; }
.recipes .ingredientsdiv { /*float:left;*/ width:70%; margin:10px 10px 10px 0; }
.recipes .servings { /*float:right;*/ margin:10px 0; width:55% }
.recipes .nutritiondiv, #secondary .related { padding:20px 0 12px; margin:0; height:283px; position:relative; zoom:1; width:212px; float:right; }
.recipes .nutritiondiv { background:url(/_images/bkg_nutrition.gif) no-repeat left top; }
/* related links */
#secondary .related { background:url(/_images/bkg_related.gif) no-repeat left top; text-align:left; height:380px; margin-top:20px; }
#secondary .related h3, #secondary .related p, #secondary .related li { margin-left:20px; }
#secondary .related ul { margin-left:0; padding-left:0; }
#secondary .related h3 { margin-top:30px; }
#secondary .related h3.first { margin-top:0; }
/* recipe landing page */
.recipe-landing #content-wrapper { background: url(../_images/bkg_recipes.jpg) no-repeat left 215px; height:820px; padding-bottom:0; }
.recipe-landing #content-background { background:none !Important; padding-bottom:57px; }
.recipe-landing #main-content { margin-left:120px; min-height:1%; }
.recipe-landing #primary { background:none !Important; top:500px; }
.recipe-landing #secondary { margin-left:-404px; padding:21px 0 0; width:204px; text-align:left; }
.recipe-landing #cow { display:none !important; }
.recipe-landing #secondary .recipe-callout { height:64px; _height:80px; margin:0 0 35px; _margin-bottom:19px; }
.recipe-landing #current { width:500px; }
.recipe-landing #side-breakfast { }
.recipe-landing #side-lunch { }
.recipe-landing #side-snacks { }
.recipe-landing #side-dinner { }
.recipe-landing #side-dessert { }
.recipe-landing .recipe-callout h2 { font-size:1.2em; padding-top:0; margin:5px 0; font-weight:bold; line-height:110%; }
.recipe-landing .recipe-callout p { font-size:1.1em; margin:0; padding:0; }
.recipe-landing .recipe-callout p.link { margin:3px 0 0; padding:0; }
.recipe-landing #main-content .recipe-callout h2 { font-size:2.2em; color:#a20d23; }
.recipe-landing #main-content .recipe-callout p { font-size:1.4em; color:#000; font-weight:bold; }
.recipe-landing #footer { background:none; padding-top:20px; }
.recipe-landing #footer .inner { padding-top:0 !important; }
/* media landing page */
.media-landing #content-wrapper { background: url(../_images/bkg_media.jpg) no-repeat left 215px; height:820px; padding-bottom:0; }
.media-landing #content-background { background:none !Important; padding-bottom:57px; }
.media-landing #main-content { margin-left:120px; min-height:1%; }
.media-landing #primary { background:none !Important; top:500px; }
.media-landing #secondary { margin-left:-404px; padding:40px 0 0; width:250px; text-align:left; }
.media-landing #cow { display:none !important; }
.media-landing #secondary .media-callout { height:73px; margin:0 0 31px; }
.media-landing #current { width:500px; }
.media-landing #secondary #side-contact { height:138px; }
.media-landing #secondary #side-contact p { margin-top:20px; }
.media-landing #side-lunch { }
.media-landing #side-snacks { }
.media-landing #side-dinner { }
.media-landing .media-callout h2 { font-size:1.2em; padding-top:0; margin-bottom:0; font-weight:bold; line-height:110%; }
.media-landing #secondary .media-callout h2 { margin-bottom:10px; }
.media-landing .media-callout p { font-size:1.2em; margin:0; padding:0; }
.media-landing .media-callout p.link { margin:2px 0; font-size:1.0em !Important; }
.media-landing .media-callout p.link a { color:#a20d23 !important; text-decoration:none !important; }
.media-landing #main-content .media-callout h2 { font-size:2.2em; color:#a20d23; }
.media-landing #main-content .media-callout p { font-size:1.4em; color:#000; width:405px; font-weight:bold; }
.media-landing #footer { background:none; padding-top:25px; }
.media-landing #footer .inner { padding-top:0 !important; }
/* resource landing page */
img.pdf { width:12px; }
.resource-landing #content-wrapper { background: url(../_images/bkg_resource.jpg) no-repeat left 215px; height:820px; padding-bottom:0; }
.resource-landing #content-background { background:none !Important; padding-bottom:57px; }
.resource-landing #main-content { margin-left:120px; min-height:1%; }
.resource-landing #primary { background:none !Important; top:500px; }
.resource-landing #secondary { margin-left:-423px; padding:24px 0 0; text-align:left; width:349px; }
.resource-landing #cow { display:none !important; }
.resource-landing #secondary .resource-callout { height:73px; margin:0 0 26px; }
.resource-landing #secondary .resource-callout p { width:250px; font-size:1.1em; margin:0; padding:0; }
.resource-landing #secondary .resource-callout p.link { margin:5px 0 0; padding:0; }
.resource-landing #current { width:500px; }
.resource-landing #secondary #side-links { /*	height:138px;*/ _margin-bottom:15px; }
.resource-landing #secondary #side-links ul { margin-top:7px; }
.resource-landing #secondary #side-links h2 { margin-bottom:0; }
.resource-landing #secondary #side-links li { margin-bottom:3px; list-style:disc outside; }
.resource-landing #side-dietitians { }
.resource-landing #side-processors { }
.resource-landing #side-retailers { }
.resource-landing #side-educators { }
.resource-landing #side-educators p { width:305px !important; }
.resource-landing .resource-callout h2 { font-size:1.2em; padding-top:0; margin-bottom:0; font-weight:bold; line-height:110%; }
.resource-landing #secondary .resource-callout h2 { margin-bottom:5px; }
.resource-landing .resource-callout p { font-size:1.2em; margin:0; padding:0; }
.resource-landing .resource-callout p.link { margin:2px 0; font-size:1.0em !Important; }
.resource-landing .resource-callout p.link a { color:#a20d23 !important; text-decoration:none !important; }
.resource-landing #main-content .resource-callout h2 { font-size:2.2em; color:#a20d23; }
.resource-landing #main-content .resource-callout p { font-size:1.4em; color:#000; width:405px; font-weight:bold; }
.resource-landing #footer { background:none; padding-top:25px; }
.resource-landing #footer .inner { padding-top:0 !important; }
/* home page */
.homepage #wrapper { height:auto; }
.homepage #content-wrapper { background: url(/assets/images/june2009/bkg_home_june2009.jpg) no-repeat left 215px; height:820px; padding-bottom:0; }
.homepage #footer { background:none; padding-top:0; }
.homepage #footer .inner { padding-top:0 !important; }
.homepage #content-background { background:none !Important; padding-bottom:12px; }
.homepage #main-content { margin:0 450px 0 596px; min-height:500px; position:relative; }
.homepage #primary { background:none !Important; height:600px; margin-top:0; position:relative; padding:0 0 0 89px; width:430px; }
.homepage #secondary { height:450px; margin-left:-405px; margin-top:0; padding:99px 0 0; position:relative; text-align:left; width:300px; }
.homepage #cow { display:none !important; }
.homepage .home-callout { }
.homepage .home-callout h2 { font-size:1.2em; font-weight:bold; margin-bottom:10px; line-height:110%; }
.homepage .home-callout p { font-size:1.2em; margin:0; padding:0; }
.homepage .home-callout p.link { margin:0; padding:0; position:absolute; /*bottom:10px;*/ bottom:1px; right:0; }
.homepage #home-yogurt, .homepage #home-healthy, .homepage #home-cow { height:160px; position:absolute; top:388px; }
.homepage #home-yogurt { width:154px; left:auto; }
.homepage #home-healthy { left:289px; width:125px; }
.homepage #home-current { display:block; position:absolute; top:33px; left:91px; width:425px; }
.homepage #home-current p { font-weight:bold; }
.homepage #home-cow { /*left:120px;	width:165px;*/ left:145px; width:139px; }
.homepage #home-poll { width:300px; margin-left:90px; }
.homepage #home-poll h2 { margin:9px 0 5px; padding:0; }
.homepage #home-poll h4 { font-size:1.4em; font-weight:bold; /*margin-bottom:10px;*/ margin-bottom:0; }
.homepage #home-poll p { font-size:1.2em; margin-bottom:10px; width:140px; font-weight:normal; }
.homepage #home-poll label { font-size:1.2em; margin-bottom:10px; }
.homepage #home-poll td { padding:0 5px 8px 0; margin:0; *padding-bottom:3px;
}
.homepage #home-poll input { margin:0 5px 0 0; padding:0; }
.homepage #home-poll table { margin:0 0 20px; padding:0; }
/*site map*/
ul.sitemap li { list-style:none outside; font-weight:bold; margin-bottom:20px; }
ul.sitemap li ul { margin-top:5px; padding-top:0; }
ul.sitemap li li, ul.sitemap li li { list-style:disc outside; font-weight:normal; margin-bottom:5px; }
/* image gallery */
table.logos { margin:10px 0 30px; padding:0; width:100%; border-top:1px solid #ccc; }
table.logos td { padding:10px 20px 5px; font-size:1.0em; vertical-align:top; border-bottom:1px solid #ccc; }
table.logos td.col1 { width:180px; text-align:center; }
table.logos p { margin:0 0 10px; }
#main-content .data td.link, td.link { text-align:right !important; padding-right:10px; }
.tips #main-content .data th, .resource #main-content .data th { font-size:1.4em; background:#fff; }
ul.bullets { list-style:disc outside !important; }
ul.bullets li { margin-left:33px !important; }
body.wide { }
body.wide #cow { display:none !important; }
body.wide #main-content, body.two-col #main-content { min-height:100px; margin-left: 110px; margin-right:200px; }
body.wide #primary, body.two-col #primary { margin-left:110px; _margin-left:55px; display:block; width:470px; text-align:left; padding:10px 0; margin-top:0; }
body.wide #secondary, body.two-col #secondary { display:block; border-left:1px solid #ccc; text-align:left; padding:10px 0 10px 20px; width:470px; margin:0 0 0 10px; }
body.two-col { }
body.three-col { }
/* toolkits */
table.toolkit, #primary table.toolkit, #secondary table.toolkit { width:90%; }
table.toolkit .first th, table.toolkit .first td { padding-top:2px !important }
.odd td, td.odd, th.odd, .odd th { background:#fff; }
#secondary .related { background-image:url(../_images/bkg_related_500.gif); height:620px; }
/* intercept survey */
body#survey .SurveyOptions input { margin:0 3px 0 0; vertical-align:middle; float:left; padding:0; height:15px; }
body#survey h3 { margin-bottom:5px; }
body#survey .SurveyQuestion { margin: 0px 15px 15px 0px; font-size:1.3em; color:  #143161; }
body#survey .SurveyQuestionCont { padding: 0px 15px 15px; font-size:1.3em; }
body#survey label {
font-size:1.1.em !important; vertical-align:middle; margin:0; padding:3px 0 0; height:15px; }
body#survey .SurveyOptions { margin: 0px 0px 10px 30px; padding:0; }
body#survey .SurveyOptions td, body#survey table td { padding:2px 10px 5px 2px; margin:0; vertical-align:top !important; }
body#survey .SurveyButtons { padding: 10px 0px 0px; }
body#survey { margin: 10px 0px 0px 10px; text-align:left; }
/* home page updates */
.homepage #home-healthy p { margin-left:42px; }
.homepage #home-healthy p.link { margin-right:10px; }
.homepage #home-cow { left:32px; width:150px; }
.homepage #home-cow h2 { margin-bottom:10px; }
.homepage #home-cow p.link { float:right; }
.homepage #home-current { left:0; top:49px; width:500px; }
.homepage #primary { width:540px; }
.homepage #home-current p { margin:2px 43px 8px 0; width:323px; text-align:right; float:right; }
.homepage #home-current p.link { /*margin-left:0;*/ margin:35px 49px 0 0; }
.homepage #home-poll .answer { margin-top:10px; }
.homepage #home-poll .answer p { /*width:256px;*/ margin-top:10px; margin-bottom:0; width:235px; color:#000; }
.homepage #home-poll .answer .wrap { width:170px; margin-bottom:5px; }
.homepage #home-poll .answer span.wrap { display:block; }
.homepage #main-content { margin:0 349px 0 389px; }
.homepage #home-poll label { display:block; float:left; width:110px; font-size:1.0em !important; line-height:130%; margin:0 0 0 1px; }
.homepage #home-poll input { float:left; clear:both; }
.homepage #home-poll table { margin-bottom:5px; }
.homepage #secondary { margin-left:-331px; padding-top:43px; width:261px; height:550px; }
.homepage .addthis_toolbox { margin:0; position:absolute; left:auto; bottom:0; }
 @media print {
body { text-align:left; margin:10px; }
.hidden, #access { display: none !important; }
*, #content-background, #wrapper { background-image:none !important; color:#000 !important; }
.print { display:block; }
#wrapper { width:90%; margin:0; }
#header, #primary, #secondary img, .noprint, #footer li.mda { display:none !important; }
#content { float:none; }
#main-content, #secondary { width:auto; float:none; margin:0 0 10px; }
.recipes .nutritiondiv, .recipes .ingredientsdiv, .recipes .servings { float:none !important; margin:10px 0; width:auto !important; height:auto; padding:0; }
table.nutrition { width:auto; }
h1.print { text-transform:none; font-size:1.2em; }
#footer { background:none; clear:both; color:#999999; margin:10px 0; padding:0; text-align:left; }
#footer .nav, #footer .mda, #content-background { padding:0; margin:0; }
#footer .nav ul li { margin:0; padding:0; }
}
img.recipe-photo { float:right; }
.nutritiondiv { clear:right; }
caption { text-align:left; }