@charset "utf-8";
/* CSS Document */

body {
	background-color: #49080c;
	padding:0 5px 0 5px;
	margin:0 0 40px 0;
	color: #49080c;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height:176%;
}

p {
	margin: 0 0 20px 0;
	padding: 0;	
}

h1 {
	font-size: 140%;
	letter-spacing: .02em;
	font-weight: bold;
	font-family: Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
}

h1.big {
	font-size: 180%;	
	margin-bottom: 20px;
}

h2 {
	font-size: 140%;
	letter-spacing: .02em;
	font-weight: bold;
	font-family: Helvetica, sans-serif;	
	margin: 0 0 12px 0;
	padding: 0;
}

img {
	padding: 0;
	margin: 0;
	border: none;
}

img.story {
	float: right;
	margin: 2px 17px 0 22px;
}

a:link {outline: none;} /* unvisited link */
a:visited {outline: none;} /* visited link */
a:hover {outline: none;} /* mouse over link */
a:active {outline: none;} /* selected link */

a.yellowLink:visited {text-decoration: none;}
a.yellowLink:hover {text-decoration: underline;}

a.small {font-size: 94%}
a.small:link {color: #8d5434; text-decoration: underline}
a.small:visited {color: #8d5434; text-decoration: underline}
a.small:hover {color: #49080c; text-decoration: underline}
a.small:active {color: #49080c; text-decoration: underline}

a.pdf:link {color: #8d5434; text-decoration: underline}
a.pdf:visited {color: #8d5434; text-decoration: underline}
a.pdf:hover {color: #49080c; text-decoration: underline}
a.pdf:active {color: #49080c; text-decoration: underline}

#mainContent {
	width: 1024px;
	margin: auto;
}

#content {
	background: #fdecd0 url('../images/gradeBG.jpg') repeat-x 0 0;
	padding: 25px 43px 55px 42px;
}

#contentFlour {
	background: #fde7c7 url('../images/gradientBG.gif') repeat-x 0 0;
	padding: 25px 0 55px;	
}


#leftContact {
	background: url('../images/vertLine.gif') no-repeat 529px 0; 
	float: left;
	width: 530px;
} 

#rightContact {
	float: left;
	margin-left: 62px;		
}

#left3Col {
	background: url('../images/vertLine.gif') no-repeat 277px 0; 
	float: left;
	width: 278px;
	margin-bottom: 40px;
}

#left3Col p {
	margin: 0;
}

#center3Col {
	float: left;
	width: 278px;
	margin-left: 70px;	
}

#center3Col p {
	margin-bottom: 38px;	
}

#right3Col {
	float: left;	
}

#leftFlours, #leftImg {
	float: left;
	width: 320px;
	margin: 0;	
}

#centerFlours, #centerImg {
	float: left;
	width: 345px;
	margin: 0;
	background: url('../images/flourVerts.png');		
}

#rightFlours, #rightImg {
	float: left;
	width: 339px;
	margin: 0;
}

#leftImg, #centerImg, #rightImg {
	text-align: center;	
}

#leftImg img, #centerImg img, #rightImg img {
	margin-bottom: 5px;	
}

#contentFlour h1 {
	margin-left: 42px;
}

#leftFlours h2, #leftFlours p {
	margin: 0 0 0 42px;
	width: 270px;	
}

#centerFlours h2, #centerFlours p {
	margin: 0 0 0 42px;
	width: 270px;	
}

#rightFlours h2, #rightFlours p {
	margin: 0 0 0 42px;
	width: 258px;	
}

#leftFlours p, #centerFlours p, #rightFlours p {
	margin-bottom: 30px;	
	height:70px;
	color:#000000;
}

#leftFlours h2 {
	color:#8D3511;
}

#centerFlours h2 {
	color:#124B9E;
}

#rightFlours h2 {
	color:#5C2608;
}

#left4Col {
	float: left;
	margin: 0;
	width: 246px;
}

#leftCenter4Col {
	float: left;
	width: 225px;
}

#rightCenter4Col {
	background: url('../images/findVerts.png'); 
	float: left;
	width: 288px;	
}

#rightCenter4Col h2, #rightCenter4Col p {
	margin-left: 52px;
	width: 236px;	
}


#right4Col {
	float: left;
	margin-left: 50px;	
}

p.lineGrainHalf {
	margin-top: 32px;
}

p.lineGrain {
	text-align: center;
	margin: 20px 0;
}

.italic {
	font-style: italic;	
}

.midLine {
	background-image: url(../images/midLine.gif);
	background-repeat: repeat-x;
	height:10px;
}

.linePages {
	background-image: url(../images/linePages.gif);
	background-repeat: repeat-x;
	height:9px;
}

p.signature {
	margin: 22px 0 6px 0;
}

p.sigLine {
	line-height:140%;
}

#divAlliance {
	margin-bottom: 35px;	
}

#imgAlliance {
	float: left;
	margin-right: 11px;	
}

#learnAlliance {
	float: left;
	margin: 20px 0 0;
}

.clear {
	clear: both;
}

#familyHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/familyHead.jpg');
}
#farmersHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/farmersHead.jpg');
}
#sustainableHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/sustainableHead.jpg');
}
#trackabilityHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/trackabilityHead.jpg');
}
#wholeWheatHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/wholeWheatHead.jpg');
}
#allPurposeHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/allPurposeHead.jpg');
}

#unbleachedHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/unbleachedHead.jpg');
}

#storyHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/storyHead.jpg');
}

#floursHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/floursHead.jpg');
}

#recipesHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/recipesHead.jpg');
}

#findHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/findHead.jpg');
}

#contactHead {
	position:relative;
	top: 0px;
	left: 0px;
	height: 310px;
	background: #fde7c7 url('../images/contactHead.jpg');
}

.label {
	clear:left;
	float:left;
	line-height:18px;
	width:70px;	
}

input, textarea {
	float:left;
	margin-bottom:18px;
	width:334px;
}

.msg {
	clear:left;
	line-height:120%;
	margin:0 0 20px 70px;
	width:400px;	
	font-size: 130%;
}

input.btn {
	clear:left;
	margin-left:70px;
	width:85px ;
	height: 29px	
}


/************************************************************************/
/***          styles added by Todd Davis                             ****/
/************************************************************************/


/*** family page css ***/

#mainTitleArea {
	position:absolute;
	margin-left:-3px;
	margin-top:22px;
}

#mainTitle {
	padding-left:250px;
	padding-top:5px;
	height:38px;
	background:url('../images/main_title.jpg') no-repeat;
}

#mainTitle span {
	position:absolute;
	font-size:16px;
	font-family:"Times New Roman";
	font-weight:bold;
	left:37px;
	top:5px;

}


#content .floatCol {
	float:left;	
	padding-right:14px;
	line-height:17px;
	font-size:12px;
}

a.learnLink {
	padding:0;
	text-decoration:none;
	color:#000000;
}

#content .floatCol h2 {
	margin-bottom:5px;
	cursor:hand;
}

#familySubPad1 {
	background:url('../images/sub_family_up_bg_farmers.jpg') no-repeat;
	width: 284px;	
	height:406px;
	padding:7px;
}

#familySubPad2 {
	background:url('../images/sub_family_up_bg_sustainable.jpg') no-repeat;
	width: 284px;	
	height:406px;
	padding:7px;
}

#familySubPad3 {
	background:url('../images/sub_family_up_bg_track.jpg') no-repeat;
	width: 284px;	
	height:406px;
	padding:7px;
}

/***  farmer sub navigation ***/

#farmerSubNav {
	margin-top:40px;
}


#farmerSubNav ul {
	padding:0;
	margin:0;	
}

#farmerSubNav li {
	list-style-type:none;
}

#farmerSubNav a {
	padding:0 120px 75px 120px;
}

#farmerSubNav #subNav1 {
	background:url('../images/sub_farmer_up_nav_farmers.jpg') no-repeat ;
	width:244px;
	height:102px;
}

#farmerSubNav #subNav2 {
	background:url('../images/sub_farmer_up_nav_sustainable.jpg') no-repeat ;
	width:244px;
	height:98px;
}

#farmerSubNav #subNav3 {
	background:url('../images/sub_farmer_up_nav_track.jpg') no-repeat ;
	width:244px;
	height:100px;
}

#leftFarmerCol {
	float:left;
}

#rightFarmerCol p {
	font-size:12px;
}

#rightFarmerCol p.italic {
	font-style:italic;	
}

#rightFarmerCol h1 {
	margin-bottom:15px;
	font-size:24px;
}

#rightFarmerColPad {
	padding-left:255px;
}

#subFarmerBody {
	margin-top:50px;
}

#subFarmerBody .subFloatLeft {
	float:left;
	height:790px;
	padding-right:25px;
}
#subFarmerBody .subFloatRight table {
	width:250px;
	padding-bottom:20px;
	margin-top:15px;
	cell-padding:0;
}

#subFarmerBody .subFloatRight th {
	font-weight:bold;
	text-align:left;
	font-family:"Times New Roman";
	font-size:14px;
}
#subFarmerBody .subFloatRight td {
	padding-left:3px;
}

#subFarmerBody .subFloatRight ul {
	padding:0 0 15px 0;
	margin:0;
	margin-left:20px;
}
#subFarmerBody .subFloatRight li {
	padding-bottom:9px;
}
#subFarmerBody .subFloatRight span {
	font-weight:bold;
	padding-top:15px;
	font-family:"Times New Roman";
	font-size:14px;
}

.padTenLeft {
	padding-left:390px;
}


/***   sustainable sub navigation   ***/


a.slideLink {
	padding:0 40px 15px 100px;
}

#sustainSubPad1 h2, #sustainSubPad2 h2, #sustainSubPad3 h2 {
	margin-top:4px;
	padding-bottom:10px;
	font-size:16px;
}

#sustainSubPad1 p, #sustainSubPad2 p, #sustainSubPad3 p {
	margin-top:120px;
	padding:0 4px 0 3px;
}

#sustainSubPad1 {
	background:url('../images/sustain-sub-bg_tiling.jpg') no-repeat;
	width: 219px;	
	height:290px;
	padding:7px;
}

#sustainSubPad2 {
	background:url('../images/sustain-sub-bg_rotations.jpg') no-repeat;
	width: 219px;	
	height:290px;
	padding:7px;
}

#sustainSubPad3 {
	background:url('../images/sustain-sub-bg_fac.jpg') no-repeat;
	width: 219px;	
	height:290px;
	padding:7px;
}



/****      sustainable slideshow css   ****/

#slideBgShade {
	display:none;
	position:absolute;
	top:0;
	left:0;
	background:#000000;
	opacity:0.8;
	filter:alpha(opacity=80) ;
	width:100%;
	height:2000px;
}

#slideContainer {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:1000px;
}
#slideWindow {
	width:865px;
	height:454px;
	margin:130px auto;
	background:#000000;
	padding:15px;
}
#slideLeftFloat {
	float:left;
	width:650px;
	height:420px;
}

#slideRight {
	color:#ffcc66;
}
#slideButtonControls .floatBtn .floatClose {
	display:inline;
}

#slideRight .floatBtn {
	padding-right:20px;
}

#slideRight .floatClose {
	padding-left:85px;
}

#slideRight .slideSig {
	margin-top:45px;
	padding-left:715px;
}

#slideMetaData h2 {
	margin:30px 0 5px 0;
	font-size:16px;
}

#slideFigCount {
	font-style:italic;
	font-size:10px;
	margin-bottom:15px;
}

#slideBody {
	font-size:12px;
	height:250px;
	padding:0 5px 0 630px ;
}
#slideBody ul {
	margin-top:0;
}

#slideBody li {
	padding:1px;
	line-height:15px;
}

/***   track-ability diagram   ***/

#tracking_diagram {
	width:714px;
}
#tracking_diagram div {
	width:100%;
}

#trackHeader {
	background:url('../images/tracking_diagram/track_header.jpg') no-repeat;
	height:85px;	
}

#track1 {
	background:url('../images/tracking_diagram/track_1.jpg') no-repeat ;	
	height:161px;
}

#track2 {
	background:url('../images/tracking_diagram/track_2.jpg') no-repeat ;	
	height:160px;
}

#track3 {
	background:url('../images/tracking_diagram/track_3.jpg') no-repeat -1px ;	
	height:160px;
}

#track4 {
	background:url('../images/tracking_diagram/track_4.jpg') no-repeat ;	
	height:160px;
}

#trackFooter {
	background:url('../images/tracking_diagram/track_footer.jpg') no-repeat;
	width:714px;
	height:41px;	
}


/************  flours.php   *******************/

#contentFlour {
	background: #fdecd0 url('../images/gradeBG.jpg') repeat-x 0 0;
}


#floursTop {
	margin-top:40px ;
}

#floursTop span {
	padding-left:20px;
}

#floursTop div.floursText {
	margin-top:25px;
}
#floursTop .seeDetails {
	position:absolute;
	margin-top:-20px;
	padding-left:40px
}

#floursBottom img {
	margin-top:20px;
}

#leftFlours h2 {
	color:#8d3511;
}

#centerFlours h2 {
	color:#124b9e;
}
#rightFlours h2 {
	color:#5c2608;
}

#flourSubNav {
	margin-top:40px;
}


#flourSubNav ul {
	padding:0;
	margin:0;	
}

#flourSubNav li {
	list-style-type:none;
}

#flourSubNav a {
	padding:0 120px 75px 120px;
}

#flourSubNav #subNav1 {
	background:url('../images/flours_sub_level_whole_wheat.jpg') no-repeat ;
	width:244px;
	height:102px;
}

#flourSubNav #subNav2 {
	background:url('../images/flours_sub_level_all_purpose.jpg') no-repeat ;
	width:244px;
	height:98px;
}

#flourSubNav #subNav3 {
	background:url('../images/flours_sub_level_white.jpg') no-repeat ;
	width:244px;
	height:100px;
}

/***   Whole WHeat Page    ****/

#flourDetailRight {
	float:right;	
}

#flourDetailLeft {
	float:left;	
	width:460px
}

#flourDetailRight img {
	
}

#flourDetailLeft span, h1 {
	color:#8d3511;
}
#flourDetailLeft span {
	font-size:12px;
	font-weight:bold;
}

#flourDetailLeft h2 {
	margin-bottom:7px;
}

#getRecipeDiv {
	margin-top:20px;
	margin-bottom:40px;
	width:210px;
}
#getRecipeDiv #pdfFormat {
	font-weight:normal;
	font-style:italic;
	padding-left:10px;
	float:right;
}