/*--
  CSS Reset (Reloaded)
  by Eric Meyer
  www.meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }

body { line-height: 1; color: #000000; background: #FFFFFF; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* -- Clearfix -- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ---- Basic Elements ---- */
body { background: #FFFFFF; color: #1d1d1d; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 81.25%; height: 100%; width: 100%; } /* Global Font Size -> 13px */

h1 { font-size: 50px; font-weight: bold; }
h2 { font-size: 30px; font-weight: bold; padding: 0 0 12px; }
h3 { font-size: 14px; font-weight: normal; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
em { font-style: oblique; }
strong { font-weight: bold; }
img { display: block; }

/* ---- Generic Classes ---- */
.clear { clear: both; height: 0; line-height: 0; margin: 0; overflow: hidden; padding: 0; }
.leftAlign { float: left; width: auto; }
.rightAlign { float: right; width: auto; }
.error { color: #c20e00; font-style: oblique; line-height: 1.4; padding-bottom: 20px; }

/* ---- Basic Layout ---- */
#pg { background: #70706a url(images/bg_main_vegetableSugar.jpg) 50% 68px no-repeat; height: 100%; width: 100%; }
#hd { background-color: #ffffff; height: 68px; width: 100%; }
#bd { width: 100%; }
#ft { background: #ffffff url(images/bg_footerTop.gif) 50% 0 repeat-x; padding-top: 43px; width: 100%; }

/* ---- Header ---- */
#pageHead { margin: 0 auto; width: 847px; }
#pageHead h1 { float: right; margin: 17px 0 0; width: auto; }
#pageHead .pageTitle { float: left; margin: 29px 0 0 9px; width: auto; }

/* ---- Content ---- */
#content { background: #ffffff; margin: 43px auto 0; padding: 46px 51px; width: 746px; }

.pageTitle { color: #5e5e5e; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 19px; }
.surveyInstruct { font-size: 15px; line-height: 1.4; padding-bottom: 4px; }
.surveyInstruct a { color: #2d8a12; text-decoration: underline; }
.surveyInstruct a:hover { text-decoration: none; }

.formModules { background: #ebf0ea url(images/bg_formModBottom.gif) 0 100% no-repeat; margin: 28px 0 0; padding: 0; width: 746px; }
.formModules h3 { background: url(images/bg_moduleHeader.gif) 0 0 no-repeat; color: #ffffff; height: 24px; margin: 0; padding: 13px 0 0 15px; text-transform: uppercase; }
.formModules p { font-size: 14px; line-height: 1.2; margin-bottom: 18px; text-align: center; }
.formModules span { display: inline-block; font-weight: bold; padding: 5px 20px 0 0; text-align: right; width: 116px; }
.formModules input { background: none; background-color: #ffffff; border: 1px solid #7f9db9; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 13px; margin: 0; padding: 4px; vertical-align: middle; width: 200px; }
.formModules select { width: 211px; }

.formModules .topModule { padding: 28px 0 32px; }
.formModules .topModule .required { padding: 0 0 0 26px; }

.formModules .modules { border-bottom: 1px solid #9dad99; margin: 0 50px; padding: 39px 0 26px; }
.formModules .modules p { font-size: 13px; font-weight: bold; text-align: left; }
.formModules .modules span { line-height: 1.2; text-align: left; width: auto; }
.formModules .modules .checkBox { display: block; }
.formModules .modules .checkBox label { font-weight: normal; padding: 0 0 0 6px; vertical-align: middle; }
.formModules .modules .checkBox input { background: none; border: none; margin: 0; width: auto; }
.formModules .modules .singleLine input { width: 274px; }

.formModules .modules table { width: 100%; }
.formModules .modules .threeColCheckBox td { padding: 0 0 5px; width: 215px; }
.formModules .modules .twoCol td { padding: 0 0 12px; width: 323px; }
.formModules .last { border: none; }

.button { height: 35px; margin: 34px 0 0; text-align: right; width: 100%; }
.submitBtn { background: url(images/btn_submit.gif) 0 0 no-repeat; border: none; cursor: pointer; height: 45px !important; width: 130px !important; }

/* ---- Footer ---- */
#footerLinks { color: #4b4b4b; margin: 0 auto; padding: 25px 0 50px; overflow: hidden; width: 847px; }
#footerLinks a { color: #4b4b4b; }
#footerLinks .globalLinks { border-right: 1px solid #bebebe; float: left; padding: 4px 10px 0; width: 162px; }
#footerLinks .globalLinks h5 { color: #4b4b4b; font-weight: bold; text-transform: uppercase; }
#footerLinks .globalLinks ul { padding-top: 12px; }
#footerLinks .globalLinks li { background: url(images/arrow_green.gif) 1px 3px no-repeat; font-size: 12px; margin-bottom: 6px; padding-left: 12px; }
#footerLinks .siteLinks { float: left; padding: 4px 0 0 34px; width: 630px; }
#footerLinks .siteLinks p { font-size: 11px; padding-bottom: 6px; }
#footerLinks .siteLinks a { font-size: 12px; font-weight: bold; }
#footerLinks .siteLinks span { padding: 0 10px; }
#footerLinks .siteLinks .ftrLinks { font-size: 12px; color: #bebebe; }