a:link, a:active, a:visited {color: #8A8476}
a:hover {color: #372c11}

body {margin: 0px; background-color: #5C4D30; background-image: url(../images/background.jpg); background-repeat: no-repeat; background-position: top center; font-family: arial, helvetica, sans-serif}
p, ul, ol, li, td {font-family: lucida grande, arial, helvetica, sans-serif; font-size: 11px}

#header td {padding-top: 20px}
#header td#logo {padding: 15px 0 0 10px}

#main {background-image: url(../images/content_background.gif); background-repeat: no-repeat; padding: 20px 30px 0 30px}


img.floated {float: left; margin: 0 35px 0 0}

#photo {width: 450px; float: left; padding: 20px 0 0 0}

#content {width: 325px; float: left; padding: 20px 20px 0 13px}
#content h1 {color: #372c11; font-family: times new roman, arial, helvetica, sans-serif; font-size: 18px; font-style: italic; font-weight: normal; padding: 0 0 0 0; margin: 0}
#content p {color: #372c11; font-family: lucida grande, arial, helvetica, sans-serif; font-size: 11px; line-height: 150%}
#content li {color: #372c11; font-family: lucida grande, arial, helvetica, sans-serif; font-size: 11px}

ul.products {margin: 15px; padding: 0}
ul.products li {list-style-type: none; background-image: url(../images/bullet_product.gif); background-repeat: no-repeat; background-position: 0 5px; padding: 2px 0 2px 14px}

ul.heritage {margin: 15px; padding: 0}
ul.heritage li {list-style-type: none; background-image: url(../images/bullet_heritage.gif); background-repeat: no-repeat; background-position: 0 9px; padding: 6px 0 6px 14px}

ul.entertaining {margin: 15px; padding: 0}
ul.entertaining li {list-style-type: none; background-image: url(../images/bullet_entertaining.gif); background-repeat: no-repeat; background-position: 0 5px; padding: 2px 0 2px 14px}

#cookbook {width: 808px; text-align: center; padding: 20px 0 0 0}
/*
#pairings {clear: both; border-top: 1px solid #D1C9BC; border-bottom: 1px solid #D1C9BC; margin-top: 20px}
#pairings td {padding: 5px 0}
#pairings td.odd {background-color: #E8DBC5}
*/
#benefits_photo {width: 274px; float: left; padding: 20px 0 0 0}

#benefits_content {width: 501px; float: left; padding: 20px 20px 0 13px}
#benefits_content h1 {color: #372c11; font-family: times new roman, arial, helvetica, sans-serif; font-size: 16px; font-style: italic; font-weight: normal; padding: 0 0 0 0; margin: 0}
#benefits_content p {color: #372c11; font-family: lucida grande, arial, helvetica, sans-serif; font-size: 11px; line-height: 150%}
#benefits_content li {color: #372c11; font-family: lucida grande, arial, helvetica, sans-serif; font-size: 11px}

#content h2 {color: #372c11; font-family: lucida bright, arial, helvetica, sans-serif; font-size: 16px; font-style: italic; font-weight: normal}
.nutrition {border: 1px solid #E0D4BF; border-collapse: collapse}
.nutrition td {font-size: 10px; padding: 2px 4px; border-bottom: 1px solid #E0D4BF}
.nutrition td.item {border-left: 1px solid #E0D4BF}
.nutrition td.grams {text-align: center}
.nutrition td.percent {text-align: center}
.nutrition tr.dv td {background-color: #E0D4BF; text-align: center}
.nutrition tr.odd td {background-color: #E7DBC7}

#bottomnav {clear: both; margin: 40px auto 0px auto}

.toasts p, .quotes p {padding: 5px; margin: 0 0 0 -5px}
.toasts p.odd, .quotes p.odd {background-color: #E6E2C9}

#reverse #photo {width: 450px; float: right; padding: 20px 0 0 0}

#reverse #content {width: 325px; float: left; padding: 20px 13px 0 20px}

#pairings #photo {width: 440px; float: left; padding: 20px 0 0 0}
#pairings #content {width: 370px; padding: 20px 0 0 0}



.pairings {margin-top: 15px}
.pairings td {border-bottom: 1px dotted #988F7D; padding: 2px 0}
.pairings .label {font-family: times, times new roman, serif; font-size: 10px; font-weight: bold; text-transform: uppercase}
.pairings .label a {color: #372C11; text-decoration: none}
.pairings .label a b {font-size: 16px; color: #EDE1CE}
.pairings .label a:hover {color: #661712}
.pairings .label a:hover b {color: #661712}
.pairings .data {font-family: lucida grande, arial, helvetica, sans-serif; font-size: 10px; text-align: right}

.pairings .label a#row1a:hover, .pairings .label a#row2a:hover, .pairings .label a#row3a:hover, .pairings .label a#row4a:hover, .pairings .label a#row5a:hover, .pairings .label a#row6a:hover, .pairings .label a#row7a:hover {color: #661712 !important}
.pairings .label a#row1a:hover #row1b, .pairings .label a#row2a:hover #row2b, .pairings .label a#row3a:hover #row3b, .pairings .label a#row4a:hover #row4b, .pairings .label a#row5a:hover #row5b, .pairings .label a#row6a:hover #row6b, .pairings .label a#row7a:hover #row7b, .pairings .label a#row1a:hover #row1c, .pairings .label a#row2a:hover #row2c, .pairings .label a#row3a:hover #row3c, .pairings .label a#row4a:hover #row4c, .pairings .label a#row5a:hover #row5c, .pairings .label a#row6a:hover #row6c, .pairings .label a#row7a:hover #row7c {color: #661712 !important}

#footer {text-align: right; padding: 0 30px 10px 0}

/*for contact page */

#contact #photo {width: 340px; float: left; padding: 20px 0 0 0}

#contact #content {width: 435px; float: left; padding: 20px 20px 0 13px}
#contact #photo h1 {color: #372c11; font-family: times new roman, arial, helvetica, sans-serif; font-size: 18px; font-style: italic; font-weight: normal; padding: 0 0 0 0; margin: 0}
#contact #photo p {color: #372c11; font-family: lucida grande, arial, helvetica, sans-serif; font-size: 11px; line-height: 150%}

.contactform td {padding-right: 20px}
input.text {width: 400px}
input.text2 {width: 185px}
textarea.text3 {width: 400px; height: 60px}

/*for farmers*/


a.asub {display: block; margin-top: 30px; text-align: center}

#letter #photo {width: 380px; float: right; padding: 20px 0 0 0}

#letter #content {width: 395px; float: left; padding: 20px 13px 0 20px}

#letter .letter {height: 350px; overflow-x: hidden; overflow-y: auto}

/*for contact page */

#locator #photo {width: 340px; float: left; padding: 20px 0 0 0}

#locator #content {width: 415px; float: left; padding: 20px 20px 0 33px}
#locator #photo h1 {color: #372c11; font-family: times new roman, arial, helvetica, sans-serif; font-size: 18px; font-style: italic; font-weight: normal; padding: 0 0 0 0; margin: 0}
#locator #photo p {color: #372c11; font-family: lucida grande, arial, helvetica, sans-serif; font-size: 11px; line-height: 150%}

/*new pairings page*/

.pairings2 {clear: both; margin: 15px 0 0 0}
.pairings2 td {padding: 6px 20px 6px 10px; font-family: lucida grande, arial, helvetica, sans-serif; font-size: 11px}
.pairings2 td.cheese {text-transform: uppercase; font-weight: bold; font-family: times new roman, arial, helvetica, sans-serif}
.pairings2 thead td {text-transform: uppercase; font-weight: bold; font-family: times new roman, arial, helvetica, sans-serif; border-bottom: 1px solid #D6CBB7}
.pairings2 tr.odd td {background-color: #E0D4BF}

/*privacy*/

#wide #content {width: 760px; padding: 20px 40px 0 13px}

/*printable recipes*/

body#printable {margin: 20px; background-color: #ffffff; background-image: none; font-family: arial, helvetica, sans-serif}
#printable p, #printable ul, #printable ol, #printable li, #printable td {font-family: times new roman, arial, helvetica, sans-serif; font-size: 13px; line-height: 130%}

#printable .head td {border-bottom: 1px solid #A9A9A9; padding-bottom: 10px}
#printable .head td.links {text-align: right; vertical-align: bottom; padding: 0 20px 10px 0; color: #A9A9A9}

#printable .main td {padding: 20px 0}
#printable .main h2 {font-size: 20px; font-weight: normal; margin: 0}
#printable .main h3 {font-size: 16px; font-weight: normal; font-style: italic; margin: 0}
#printable .main h4 {font-size: 14px; font-weight: normal; font-style: italic; margin: 0}
#printable .main td p {margin-bottom: 0}
#printable .main td ul {margin-top: 0}
#printable .main div {float: right; margin: 0 0 30px 30px}
#printable .main div img {border: 1px solid #B9A27F}

#printable .foot td {border-top: 1px solid #A9A9A9; padding-top: 10px}

#printable table {width: 600px}