@charset "utf-8";
/* CSS Document */
/* Peanut-Institue.org */

/*Browser Resets & Universals*/
* { margin: 0; padding: 0; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, pre, form, input, textarea, p, blockquote, th, td { padding:0; margin:0; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; }
a img, :link img, :visited img { border:none }
ol, ul { list-style: none; }
caption, th { text-align: left; }
blockquote { padding: 0 0 10px 20px; margin:0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float:left; }
.fr { float: right; }
.cb { clear:both; }
.ac { text-align: center; }
.al { text-align: left; }
.ar { text-align: right; }
.ma { margin: 0 auto; }
.bold {font-weight:bold; }

/*Site Universals*/
body { background-color:#ffe000; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000; }

/*Homepage Structure*/
#top-left { width:415px; float:left; padding: 10px 10px 10px 15px; height:250px; }
img.eatalittle { padding-top: 10px;}
#top-right { width:420px; float:right; padding: 10px; height:250px; }
#bottom-left { width:415px; float:left;  padding: 10px 10px 10px 15px; margin: 5px 0 0 0; height: 230px; clear:left; background-image: url(../images/callout-front.jpg); background-repeat: no-repeat; background-position: 16px top; }
#bottom-right { width:420px; float:right; padding: 0px 10px 10px 10px; clear:right; margin: 0; height: 240px; }
.slideshow { width:394px; height:211px; background-color:#000000; padding: 13px 13px 26px 13px; margin-top: 3px; margin-right: 0; margin-bottom: 0; margin-left: 0; }
.poll-container {
	width: 220px;
	height: 220px;
	float: left;
}
.poll { height: 42px; width: 220px;}
.inthenews { width: 200px; height: 210px; float:left;}
.inthenews .item { float:left; margin-bottom: 5px;}
.left-pane { width:180px; float:left; padding: 0 13px 0 10px;  border-right-width: 2px; border-right-style: solid; border-right-color: #FEE000; }
.right-pane { width:170px; float:left; padding: 0 17px 0 13px;}
.left-pane p, .right-pane p{margin:0; }

/*Subpage Structure*/
#header { width: 880px; height: 117px; padding: 0; margin: 0 auto;}
#header .left { width: 350px; height: 117px; float:left;}
#header .left img { width: 325px; height: 117px; padding:0; margin:0;}
#header .right { width: 525px; height: 117px; float:right;}
#header .right p.social { width: 524px; height: 31px; padding: 12px 0px 0 0; margin: 20px 0 0 0; text-align:right;}
#header .right div.search { width: 524px; height: 42px; padding: 5px 0px 0 0;}
#content-container { width: 880px; margin: 0px auto; padding: 0;}
#content { width: 880px; float:left; margin: 0 auto; padding: 0 0 10px 0; background-color:#FFFFFF;}
#content h1.page-title { width:100%; height: 20px;}
#content .left { width: 160px; float:left; padding: 10px 10px 0px 10px;}   /*180*/
#content .center { width: 450px; float:left; padding: 0 5px 10px 5px;} 	 /*460*/
#content .right {width: 210px; float:left; padding: 10px 0px 0 20px;}   /*230*/

/*Image Handling*/
#bottom-left img { margin: 5px auto; text-align:center;}
.inthenews img { margin-right: 5px; }


/*Font Styling*/
h1 { font-size:20px; color:#000000; line-height:20px; padding: 10px 0 10px 0; font-weight:bold;}
h2 { font-size:20px; color:#08b746; padding: 0 0 5px 3px;}
h3 { font-size:18px; color:#000000; font-weight: bold; padding: 0 0 5px 3px; margin: 0;}
#top-left h1 { font-size:20px; line-height:20px; padding: 10px 0 10px 0; font-weight:bold;}
#top-left p { margin-bottom: 8px; }
#bottom-left h2 {font-size: 16px; font-weight:bold; text-transform:uppercase; color:#000000; padding: 0;}
#content a { color:#231f20; font-weight: bold; font-style:italic;}
#bottom-left, #bottom-left p { font-size: 11px; }
#bottom-right a { text-decoration: none; padding-left: 10px; font-size: 11px; }
#bottom-right .inthenews p { font-size: 10px; line-height: 12px; padding: 0; margin: 0;}
#bottom-right .inthenews a {padding: 0; text-decoration: underline; font-size: 10px; line-height:12px;}
#bottom-right .inthenews .hr { clear: both; margin: 0px auto; width: 80%; height: 1px; padding:0 0 5px 0; line-height: 1px; font-size: 1px; border-top: 1px solid #00AE42; overflow:hidden;}
p {font-size:12px; color:#000000; line-height: 18px; margin-bottom: 18px; }
#content .center p { padding-left: 3px; } /*used to line up text with white space on h1 images*/
#content .right p { font-size:10px; margin: 10px 0;} /*caption on right column*/
.left-pane a, .right-pane a { color:#231f20; text-decoration:none;  font-weight:bold; font-style:italic; }
.callout {font-weight: bold; background-color:#fef9d1; border: solid 3px #08b746; margin-bottom: 10px; padding: 4px;}
.readmore { text-align:right; padding-right: 10px; }

/*H1 Image Replacement */
#content h1.health-title, #content h1.eating-title, #content h1.news-title, #content h1.resources-title, #content h1.pfacts-title, #content h1.pproducts-title, #content h1.recipes-title, #content h1.about-title, #content h1.news, #content h1.poll { text-indent: -9000px; height: 35px; background-repeat: no-repeat; background-position: left top; padding:10px 0 0 0; margin: 10px 0 0 0;}
h1.health-title 	{ background-image: url(../images/h1healthandnutrition.gif); width: 383px; }
h1.eating-title 	{ background-image: url(../images/h1eatingwell.gif); width: 154px; }
h1.news-title 		{ background-image: url(../images/h1newsandinfo.gif); width: 252px; }
h1.resources-title 	{ background-image: url(../images/h1resources.gif); width: 149px; }
h1.pfacts-title 	{ background-image: url(../images/h1peanutfacts.gif); width: 198px; }
h1.pproducts-title 	{ background-image: url(../images/h1peanutproducts.gif); width: 240px; }
h1.recipes-title 	{ background-image: url(../images/h1recipes.gif); width: 121px; }
h1.about-title 		{ background-image: url(../images/h1abouttpi.gif); width: 391px; }
#content h1.poll	{ background-image: url(../images/peanut-poll.jpg); width: 211px; height:42px; margin: 0; padding:0;}
#content h1.news	 	{ background-image: url(../images/InTheNewsTitle.jpg); width: 182px; height:42px; margin: 0 0 10px 0; padding:0;}

/*List Styling*/
#content .center ul {font-size: 12px; line-height: 16px; font-weight:bold; margin-bottom: 10px;}
#content .center ul li {list-style-type: disc; font-size: 12px; line-height: 16px; margin: 0 0 5px 20px; text-decoration:none; font-weight:normal;}
#content .center ol li { list-style-type: decimal; font-size: 12px; line-height: 16px; margin: 0 0 5px 20px;}
#content .center ol.alpha li { list-style-type: upper-alpha; }

/*Contact Form*/
.formfeild { display:none;}
input { padding: 5px; margin: 5px 0; font-size: 12px; font-weight: bold; background-color:#fef9d1; border: solid 1px #ffe000;}
label { font-size: 12px; font-weight:bold; padding: 0 5px;}
input.small-input {width: auto; background-color: transparent; border: none; padding: 0 5px; margin: 0;}
input.button { width: auto; background-color: #b6e1b8; border: solid 1px #a6cda7; }
textarea { width:100%; background-color:#fef9d1; border: solid 1px #ffe000; font-size: 14px; font-weight: normal; height: 100px; padding: 5px; margin: 5px 0;}

/*Search*/
#header .right div.search form{ float:right;}
.sp2_btn { background-image: url(../images/search.jpg); height: 32px; width: 28px; background-repeat: no-repeat; cursor: pointer; cursor: hand; margin: 0; padding: 0; border:none; background-color:transparent; text-indent: -1000em;}
.sp2_field {border: 1px solid #999999;background-color:#ffffff;font-family:Arial;font-style:normal;color: #000000;font-size:12px;font-weight:normal; width: 200px; padding: 5px; margin: 5px 0px;}
a.sp2_advanced:link,a.sp2_advanced:active,a.sp2_advanced:visited {font-family:Arial;font-style:normal;text-decoration:none;color: #7777cc;font-size:11px;font-weight:normal;
}a.sp2_advanced:hover {font-family:Arial;font-style:normal;text-decoration:underline;color: #7777cc;font-size:11px;font-weight:normal;
}.sp2_info {font-family:Arial;font-style:normal;text-decoration:none;color: #000000;font-size:13px;font-weight:bold;
}a.sp2_title:link,a.sp2_title:active,a.sp2_title:visited {font-family:Arial;font-style:normal;text-decoration:none;color: #7777cc;font-size:13px;font-weight:bold;
}a.sp2_title:hover {font-family:Arial;font-style:normal;text-decoration:underline;color: #7777cc;font-size:13px;font-weight:bold;
}.sp2_result {font-family:Arial;font-style:normal;text-decoration:none;color: #000000;font-size:12px;font-weight:normal;
}.sp2_select {font-family:Arial;font-style:normal;text-decoration:none;color: #990000;font-size:12px;font-weight:bold;
}.sp2_address {font-family:Arial;font-style:normal;text-decoration:none;color: #008000;font-size:12px;font-weight:normal;
}.sp2_page {font-family:Arial;font-style:normal;text-decoration:none;color: #000000;font-size:12px;font-weight:normal;
}a.sp2_page:link,a.sp2_page:active,a.sp2_page:visited {font-family:Arial;font-style:normal;text-decoration:underline;color: #000000;font-size:12px;font-weight:normal;
}a.sp2_page:hover {font-family:Arial;font-style:normal;text-decoration:underline;color: #000000;font-size:12px;font-weight:normal;
}.sp2_nowpage {font-family:Arial;font-style:normal;text-decoration:none;color: #a90a08;font-size:12px;font-weight:bold;
}