body { color: #4a4220; background-color: #ffcc5b; text-align: center; font-size: x-small; /* for IE5/Win */
voice-family: "\"}\""; voice-family: "\"}\""; font-size : small; font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../images/header-background.jpg); background-repeat: repeat-x; background-position: left top; }
html>body { font-size : small; }

img { border : none; }
a:link, a:visited { color : #558000; font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
a:hover, a:active { color : #558000; font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: underline; }

p { font-size: 100%; font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1.4; text-decoration: none; text-align: left; margin-top: 0.5px; margin-right: 1em; margin-bottom: 1.2em; }
h1 { color: #965a0c; font-size: 130%; font-weight: bold; text-align: left; margin: 0.67em 0 0.5em; }
h2 { color: #b76f28; font-size: 100%; font-weight: bold; text-transform: uppercase; text-align: left; margin: 1.5em 0 0.25em; }
h3 { color: #fff; font-size: 120%; font-weight: bold; line-height: 20px !important; text-transform: uppercase; float: left; }
h4 { color: #965a0c; font-size: 100%; font-weight: bold; text-transform: uppercase; text-align: left; width: 235px; margin-top: 0.2em; margin-bottom: 0.5em; }
p.primal { color: #fff5e4; font-size: 80%; text-align: center; margin-top: 0.5px; margin-bottom: 0.5px; }
p.signature { color: #534800; font-size: 80% !important; font-weight: normal; }
p.breadcrumb { color: #d9d9d9; font-size: 90%; line-height: 50px; float: right; margin-top: 0; margin-right: 20px; margin-bottom: 0; }

/* CSS for Header */
.search { color: #d9d9d9; text-align: right; float: right; margin-top: 40px; margin-right: 25px; }
.search a { color: #d9d9d9; font-size: 95%; font-weight: normal; text-align: right; }
.search form { margin-top: 10px; margin-bottom: 0!important; padding-bottom: 0; }
.search form image { margin-bottom: 0; padding-bottom: 0; }

#wrap { width: 991px; margin: 0 auto 0; }
.header { background-image: url(../images/whole-grains_header-bg.gif); background-repeat: no-repeat; width: 991px; float: left; margin-top: 13px; padding-top: 0; }
.logo { float: left; margin-top: 18px; margin-bottom: 0; margin-left: 16px; }

/* CSS for Main Nav */
#nav { position: relative; width: 991px; float: left; margin: -5px 0 0 !important; padding: 0 !important; list-style-type: none; display: inline; }
#page { background-color: white; background-image: url(../images/home/page_mid.jpg); background-repeat: repeat-y; background-position: left top; width: 991px; float: left; margin-bottom: 0; border-top: 8px solid white; }
.lastBite { width: 991px; float: left; }

/* CSS for Big Box */
.bigBox { background-image: url(../images/home/big_box_bg.jpg); background-repeat: repeat-y; width: 701px; float: left; border-right: 8px solid white; border-bottom: 8px solid white; border-left: 8px solid white; }
.findOut { float: right; margin-right: 50px; }
.wgstalks { background-image: url(../images/home/big_box_logo.jpg); background-repeat: no-repeat; background-position: right bottom; height: 275px; float: right; }
.welcome { float: left; margin-top: 25px; margin-bottom: 20px; margin-left: -75px; }
.eat { float: left; margin: 0; padding: 0; }
.bigBox p { width: 365px; float: right; margin-right: 50px; }

/* CSS for Tall Box */
.tallBox { background-image: url(../images/home/tall_box_top.jpg); background-repeat: no-repeat; background-position: left top; width: 265px; float: right; margin-right: 9px; }
dl { width: 235px; float: left; margin-right: 15px; margin-bottom: 5px; margin-left: 15px; padding-top: 0.1em; padding-bottom: 1.3em; border-bottom: 1px dashed #c39b3c; }
.dash2 { margin-right: 15px; margin-bottom: 5px; margin-left: 15px; padding-top: 0.1em; padding-bottom: 1.3em; width: 235px; float: left; border-bottom: 1px dashed #c39b3c; }
dd { margin-bottom: 0; padding-bottom: 0; }
dt { float: left; margin: 0; padding: 0; }
.dash { margin-bottom: 0; padding-bottom: 0; border-bottom-style: none; }
.a.feature { text-align: left !important; }
.tallBox p { color: #534820; font-size: 95%; text-align: left; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.more { font-size: 80%; background-image: url(../images/home/green_arrow.gif); background-repeat: no-repeat; background-position: right 50%; margin: 0; padding: 0 8px 0 5px; }
.more2 { font-size: 80%; background-image: url(../images/home/green_arrow.gif); background-repeat: no-repeat; background-position: right 50%; margin: 0; padding: 0 8px 0 0; }

/* CSS for Chalk Board */
.chalkBoard { background-image: url(../images/home/chalk_top.jpg); background-repeat: no-repeat; background-position: left top; width: 350px; float: left; margin-left: 7px; padding-top: 13px; }
.know { float: left !important; padding-top: 1em; padding-bottom: 0.2em; padding-left: 2em; }
.chalk { background-image: url(../images/home/chalk.jpg); background-repeat: no-repeat; background-position: right bottom !important; float: right; margin-right: 20px; }
.chalkBoard p { color: white; font-family: "Lucida Grande", "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; line-height: 1.4; text-decoration: none; text-align: left; float: left; padding: 0 2em 2em 2.5em; }
.orange, .orange a { color: #febe10 !important; font-size: 80%; font-weight: normal !important; background-image: url(../images/home/orange_arrow.gif); background-repeat: no-repeat; background-position: right 50%; padding-right: 8px; padding-left: 3px; }

/* CSS for What's New Box */
.whatsNew { background-image: url(../images/home/whats_new_top.jpg); background-repeat: no-repeat; background-position: left top; width: 345px; float: left; margin-left: 8px; padding-top: 35px; }
.whatsNew p { color: #e08b14; font-size: 90%; float: left; margin-bottom: 0; margin-left: 15px; }
.moreNews { font-size: 80%; background-image: url(../images/home/green_arrow.gif); background-repeat: no-repeat; background-position: right 15px; float: left; clear: both; margin-left: 15px; padding-right: 8px; padding-top:10px;}
.news { font-size: 95%; float: left; clear: both; margin-bottom: 1.4em; }

/* CSS onion skin */
.wrap0, .wrap1, .wrap2, .wrap3 { display:inline-table;
  /* \*/display:block;/**/
  }
.wrap0 { background: url(../onion2/shadow.gif) no-repeat right bottom; float:left; clear: both; margin-right: 8px; }
.wrap1 { background: url(../onion2/shadow180.gif) no-repeat; }
.wrap2 {
  background:url(../onion2/corner_bl.gif) no-repeat -16px 100%;
  }
.wrap3 { background: url(../onion2/corner_tr.gif) no-repeat 100% -16px; padding:5px; }
.box { padding: 3px; background: #fffff5; border-color:#ccc #999 #999 #ccc; border-style: solid; border-width: 1px; }

/* CSS for Footer */
#footer { background-color: white; width: 991px; float: left; margin-top: 12px; padding-top: 7px; padding-bottom: 7px; }
.footnav { background-color: #fef5df; width: 977px; float: left; margin-right: 7px; margin-left: 7px; }
.none { border-style: none !important; }
.footnav img { float: left; padding: 10px; }
.footnav ul { margin-top: 10px; padding-bottom: 3px; }
.footnav li { float: left; list-style-type: none; }
.old { margin-bottom: 0; padding-top: 1em; padding-bottom: 0; }
.oldways { color: #eab010; font-size: 80%; padding-left: 5px; }
.footnav a:link, .footnav a:visited { color: #b38707; font-size: 80%; text-decoration: none; list-style-type: none; float: left; padding-right: 5px; padding-left: 5px; border-right: 1px solid #d9bc7c; }
.footnav a:hover, .footnav a:active { color: #b38707; font-size: 80%; text-decoration: underline; list-style-type: none; padding-right: 5px; padding-left: 5px; float: left; border-right: 1px solid #b38707; }
.end { width: 991px; float: left; padding-top: 15px; padding-bottom: 2em; }
.end a:link, .end a:visited { color: #fff5e4; text-decoration: none; }
.end a:hover, .end a:active { color: #fff5e4; text-decoration: underline; }