/* Minified by Kelley on May 17, 2018 */
@import url(menu.css);
.skip, .skip a:focus, .skip:focus, .skip:hover {
	margin-top: 0
}
.center, .skip {
	margin-left: auto;
	margin-right: auto
}
body {
	font-family: Arial, Helvetica, sans-serif;

	background: -webkit-gradient(linear, 0 0, 0 100%, from(#09266a), to(#00573d)) fixed;
	background: -webkit-linear-gradient(#09266a, #00573d) fixed;
	background: -moz-linear-gradient(#09266a 10%, #00573d) fixed;
	background: -ms-linear-gradient(#09266a 10%, #00573d3) fixed;
	background: -o-linear-gradient(#09266a, #00573d) fixed;
	background: #09266a;
	height: 100%;
}
.photo_caption, .slide_number {
	font-family: Verdana, Helvetica, sans-serif
}
#skip {
	background-color: #09266a
}
.skip {
	position: relative;
	background: #00573d;
	padding: 1px 10px 4px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	z-index: 10;
	width: 165px;
	opacity: 1;
	transition: all .5s ease
}
.skip a {
	color: #fff;
	font-size: 14px;
}
#office_email, .office_email {
	display: none
}
.archived {
	padding: 5px;
	background-color: #FF9
}
.video-img {
	padding: 10px;
	margin: auto
}
p .text-center {
	text-align: center
}
.center-text {
	text-align: center!important;
	padding: 10px;
	border: 1px solid #ccc;
	border-collapse: collapse
}
.outreach, .outreach tr {
	border-spacing: 0;
	border-collapse: separate
}
.type-a {
	list-style: lower-alpha
}
.researchMain {
	padding: 5px
}
.researchMain h5 {
	font-weight: 700
}
.red {
	color: red
}
.greyBackground {
	background: #CCC;
	padding: 5px
}
.research {
	height: 65px;
	width: 100px;
	vertical-align: text-top;
	float: left;
	margin: 0 5px 5px 0
}
.mastheadLeft img, .todays_calendar img {
	vertical-align: middle
}
.dataVisualization {
	border: none;
	width: 1024px;
	height: 1450px;	
		
}


/*Countdown Timer styling*/

.timer {
	background-color: gold;
}

.timerLeft {
	
	margin-top: 9px;
	font-size: large;
	text-align: center;
	
}

.timerRight {
	margin-top: 9px;
	/*text-align: center;*/
	font-size: large;
	/*font-weight: bold;*/
	color: red;
	/*font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";*/
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    background-color: #09266a;
    color: white;

}

.nav-tabs>li>a:hover {
	background-color: #a7a7a7;
	color: #000000;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #ffffff;
    cursor: default;
    background-color: #00573d;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

hr.hrspace {
	margin-top: 10px;
	margin-bottom: 10px;
}


.careerSection {
	margin: auto;
	width: 98%;
	padding: 1%
}
.career img {
	width: 90px;
	height: 90px;
	padding: 3px;
	margin-left: auto;
	margin-right: auto
}
.bio-popup, .careerPopup {
	border: 2px solid #000;
	z-index: 50;
	padding: 10px;
	height: auto
}
.careerPopup {
	background-color: #fff8dc;
	position: absolute;
	width: 520px;
	visibility: hidden;
	margin: 20px 10px
}
h6 {
	font-size: 1.1em;
	font-weight: bold
}
.bio-popup {
	margin: -130px 0 0;
	background-color: #e6e6e6;
	color: #000;
	position: relative
}
.bio-pic {
	padding: 0 10px 10px 0;
	margin: 18px auto 0;
	max-width: 50%;
	height: auto
}
.masthead {
	background-color: #09266a
}
.mastheadLeft img {
	height: 73px;
	border: none;
	padding: 0
}
.mastheadLeft {
	background-color: transparent
}
.topNav ul {
	color: #fff;
	list-style: none
}
#Feed, #tweets {
	list-style: outside
}
.topNav ul a {
	color: #fff
}
.topNav ul li {
	display: inline;
	font-size: 13px
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #09266a;
	font-weight: 400
}
.commodityName, .socialMedia, .usda h1, .usda h2 {
	font-weight: 700
}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	text-decoration: underline
}
.navbar-default .navbar-nav>li>a {
	color: #fff;
	background-color: #09266a;
	text-align: center
}
.navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background-color: #00573d
}
.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center
}
.usda h1 {
	padding: 20px 0 0 25px;
	text-align: left;
	font-size: 1.8em;
	color: #fff
}
.usda h2 {
	padding: 5px 0 0 25px;
	text-align: justify;
	font-size: 1.55em;
	color: #fff;
	margin: -10px 0 0
}
.usda h1 a, .usda h2 a {
	color: #fff;
	text-decoration: none
}
.usda h1 a:hover, .usda h2 a:hover {
	color: #004b8d;
	text-decoration: none
}
.right {
	clear: none;
	display: block;
	float: right;
/*	padding-top: 10px*/
}
.searchBtn, .searchDropDown, .searchMagify {
	display: inline-block
}
.searchDropDown {
	clear: none;
	width: 140px;
	float: left;
	margin: 0 0 0 2px
}
.searchMagify {
	clear: none;
	float: right;
	width: 35px;
	margin: 1px 0 0
}
label .form-control .select-state select {
	padding-left: 20px
}
.searchHelp {
	width: 100%;
	height: 28px;
	color: #fff;
	font-size: 13px;
	line-height: 37px;
	text-decoration: none;
	margin-top: 0
}
.breadCrumb a:hover, .breadCrumb a:link, .breadCrumb a:visited, .contentRight a, .contentRight a:hover, .searchHelp a:hover, .sectio2 a:focus, .section2 a:hover, caption a:focus, caption a:hover {
	text-decoration: none !important;
}
.searchHelp li {
	float: left;
	list-style-type: none;
	padding: 0 0 0 3px
}
.searchHelp ul {
	margin: 0;
	padding: 0 0 0 5px;
	float: right
}
.searchHelp a:link, .searchHelp a:visited {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 35px;
	text-decoration: underline
}
.searchBtn {
	float: right;
	clear: right;
	margin-left: 5px
}
#brdcrmb_socMedia {
	background: #CCC;
	padding-top: 5px;
	
}
.breadCrumb {
	padding: 4px 0 0 10px;
	color: #000;
	overflow: hidden;
	
}
.breadCrumb a:link, .breadCrumb a:visited {
	color: #000;
}

.breadCrumb li {
	font-size: 12px;
	
}

.breadCrumb>li+li:before {
	padding-left: 0px
}

.socialMedia {
	float: right !important;
	color: navy;
	font-size: 16px;
	font-style: italic;
	text-align: right;
	/*padding-top: 15px*/
}
.social_title {
	float: right;
	line-height: 31px
}
.social_icons span {
	float: right;
	margin: 0;
	padding: 0 0 0 5px
}
.releaseMenu {
	width: 100%;
	text-align: center
}
.alphaHeading {
	border: 1px solid #eee;
	background-color: #eee;
	font-size: 12pt;
	padding: 0 5px
}
.commodityName {
	margin-left: 10px;
	font-size: 11pt;
	padding: 0 5px
}
.releaseExpand {
	font-size: 11pt;
	padding: 5px
}
.releaseDateDiv {
	margin: 3px 0 3px 10px;
	padding-left: 30px;
	width: 100%;
	font-size: 10pt;
	display: none;
	border: 0 solid #cee
}
.releaseDateEven, .releaseDateOdd {
	width: 98%;
	display: inline-block;
	padding-left: 5px
}
.releaseDateOdd {
	background-color: #fff
}
.releaseDateEven {
	background-color: #eee
}
.arrowUp {
	float: right
}
.newsFooter {
	font-size: 12px
}
.newsFeed {
	height: 150px;
	overflow-y: scroll;
	overflow-x: hidden
}


/*added 11/19/2019 to be able to add graphics to news release.  This one is to have a left align graphic and have the text wrap around it on the right.*/
.newImageLeft {
	float: left;
	margin-right: 15px;
}
h3.alignRight {
	text-align: right;
	right: 5px
}
caption a {
	color: #00f;
	font-weight: 600
}
.findRFO, .headlines h4 {
	text-align: center;
	font-weight: 700
}
caption a:focus, caption a:hover {
	color: #00f;
	background: #FF9
}
.contentMain, .mainContent {
	background-color: #fff
}
.contentRight {
	background: #fff;
	padding: 10px 10px 0
}
.contentRight a {
	color: #00f
}
.contentRight a:hover {
	background-color: #ff9
}
.contentRight h4, .researchMain h4 {
	background: #00573d;
	color: #fff;
	padding: 5px
}
.researchMain h4 {
	margin: 10px
}
.contentRight h4 {
	margin: 10px 0
}
a.survey-respond {
    background-color: transparent !important;
}

.contentRight h4.survey-title {
	
	margin-bottom: 0px;
   padding: 8px;
    color: white;
   
}
span.fas.fa-4x.fa-mobile-alt {
    margin: 15px 0 0 15px;
}
h4.stateContact {
	background: 0 0;
	color: #000;
	padding: 0
}
.headlines, .section2 {
	padding: 5px
}
.section2 {
	border: thin solid #CCC;
	margin: 5px;
	clear: both
}
.section2 a {
	color: #00f
}
.sectio2 a:focus, .section2 a:hover {
	background-color: #ff9
}
.emailNews, .printNews {
	text-align: center
}
.headlines h4 {
	font-size: 16px;
	color: #fff;
	background: #09266a;
	padding: 8px;
	margin-right: 5px;
	margin-top: -5px
}
.stateMapForm form, .stateMapSelect p {
	margin-left: auto;
	margin-right: auto
}
.headlines p {
	line-height: 1.2
}
.stateMapSelect {
	height: 280px;
	background: url(../images/homePage/us_blue_map.png) center bottom no-repeat;
	display: inline;
	float: left;
	border-left: #CCC solid thin;
	border-right: #CCC solid thin
}
#blog, #blog2, #latest_tweets, #news {
	background: #65c7e5
}
#blog_active, #latest_tweets_active, #news_active {
	background: #1e366c;
	color: #fff
}
.stateMapSelect h4, .stateMapSelect p {
	text-align: center
}
.stateMapForm select {
	margin-top: 75px;
	margin-left: 28%
}
.findRFO {
	margin-top: 100px
}
.stateLeft {
	padding-right: 5px;
	border-right: #ccc thin solid
}
.stateRight {
	padding-left: 5px
}
.img-Left {
	float: left;
	padding: 0 5px 5px 0;
	width: 80%;
	height: auto
}
.searchSubjectButton {
	margin-top: -9px
}
.feedPadding {
	padding: 0 5px;
	margin-left: 5px
}
#Feed, #news {
	padding: 10px
}
#blog, #blog2, #blog_active {
	width: 50%;
	float: left;
	height: auto;
	text-align: center;
	margin-left: 50%;
	font-size: 16px;
	padding: 5px;
	position: absolute;
	font-weight: 700
}
#news {
	width: 50%;
	float: left;
	height: auto;
	color: #fff;
	font-weight: 700;
	text-align: center;
	position: absolute
}
#news a:link, #news a:visited {
	color: #fff;
	text-decoration: none
}
#news_active {
	width: 50%;
	float: left;
	height: auto;
	font-weight: 700;
	text-align: center;
	position: absolute;
	padding: 5px
}
#blog_active a:link, #blog_active a:visited, #latest_tweets_active a:link, #latest_tweets_active a:visited, #news_active a:link, #news_active a:visited {
	background: #1e366c;
	color: #fff;
	text-decoration: none
}
#latest_tweets {
	width: 50%;
	float: left;
	height: auto;
	color: #000;
	text-align: center;
	position: absolute;
	font-weight: 700;
	padding: 5px;
	font-size: 16px
}
#blog a:link, #blog a:visited, #blog2 a:link, #blog2 a:visited, #latest_tweets a:link, #latest_tweets a:visited {
	color: #000;
	text-decoration: none
}
#latest_tweets_active {
	width: 50%;
	float: left;
	height: auto;
	font-weight: 700;
	text-align: center;
	position: absolute;
	padding: 5px;
	font-size: 16px
}
#blog, #blog2 {
	color: #000
}
#Feed {
	height: 275px;
	display: block;
	clear: none;
	color: #000;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: visible
}
#tweets {
	font-size: 12px
}
#tweets a:link, #tweets a:visited {
	text-decoration: none;
	color: #000
}
#tweets a {
	color: #00f
}
#tweets a:hover {
	text-decoration: underline;
	color: #000
}
#bloglist, #headlines, #tweets {
	background-color: #fff;
	clear: both;
	color: #000;
	height: 240px;
	padding: 5px;
	position: absolute;
	margin-top: 35px;
	overflow-x: hidden;
	overflow-y: visible
}
.reportContainer, .todays_reports {
	overflow-x: hidden;
	overflow-y: auto
}
.main_social {
	background: -moz-linear-gradient(center, #09266a, 10%, #09266a);
	padding: 15px 0 0;
	-moz-border-radius: 0 0 40px 40px;
	-webkit-border-radius: 0 0 40px 40px;
	border-radius: 0 0 40px 40px
}
.socialIcons {
	padding: 2px 0 0;
	text-align: right
}
.socialIcons a img {
	height: 37px;
	width: 37px
}
.email_signup {
	color: #fff;
	font-size: 11px;
	font-style: oblique;
	font-weight: 700;
	height: 20px;
	line-height: 22px;
	margin-top: 1px;
	text-align: right;
	padding: 0 15px 0 0
}
.partRFO, .statement, .todays {
	font-style: italic
}
.email_signup a {
	color: #fff;
	text-decoration: underline
}
.todays_reports {
	height: auto
}
.todays_reports a {
	color: #00f
}
.todays_reports a:focus, .todays_reports a:hover {
	background-color: #ff9;
	text-decoration: underline
}
.reportContainer {
	height: 260px
}
.todays_top {
	overflow: hidden;
	margin: 0 10px
}
.area_1_right {
	height: auto
}
.todays_reports h3 {
	font-size: 1.3em;
	font-weight: 700;
	padding: 0 0 0 5px
}
#todays_link:visited, .todays_link:link {
	color: #1e366c;
	text-decoration: none
}
.todays_link:hover {
	color: #1e366c;
	text-decoration: underline
}
.todays {
	margin: 0 10px;
	color: #000;
	font-size: 12px;
	line-height: 12px;
	padding-left: 35px
}
.todays_calendar {
	float: right;
	padding: 20px 0 0 10px;
	text-align: right
}
.countdown, .pendingReport, .previous {
	text-align: center
}
#todays_calendar a:visited, .todays_calendar a:link {
	padding: 0;
	color: #00f;
	font-size: 11px;
	font-style: italic;
	text-decoration: none
}
.todays_calendar a:hover {
	text-decoration: underline
}
.divider, .dividerend {
	height: 12px;
	margin-left: 6px
}
.divider img, .dividerend img {
	vertical-align: super
}
.noreport {
	margin: 25px 15px 5px -10px
}
.todays_reports p {
	color: #000;
	font-size: 11px
}
.report {
	font-size: 12px
}
.title {
	color: #000;
	font-size: 13px;
	overflow: hidden;
	padding-left: 10px
}
.links, .releasetime, .reportname, .title p {
	font-size: 11px
}
.title p {
	color: #000;
	margin-bottom: 2px;
	margin-top: 2px
}
.reportname {
	font-weight: 700;
	padding-bottom: 4px
}
.releasetime {
	float: left
}
.links {
	float: right;
	padding-right: 20px
}
.links a:link, .links a:visited {
	color: #00f;
	text-decoration: none
}
.email_signup a:hover, .links a:hover {
	text-decoration: underline
}
.previous {
	font-size: 12px;
	height: 30px
}
.reportsLeft {
	width: 60%;
	padding: 0 0 0 2px;
	display: block;
	float: left;
	clear: none
}
.pendingReport, .reportsRight {
	width: 40%;
	display: inline;
	float: left;
	clear: none
}
.reportsRight {
	padding: 0 0 0 5px
}
.pendingReport {
	padding-top: 5px
}
#today-container {
	display: block;
	overflow: scroll;
	overflow-y: visible;
	overflow-x: hidden;
	max-height: 215px
}
.todaysReportPadding {
	padding: 0 2px 0 15px
}
.countdown {
	padding: 0 15px;
	color: maroon;
	margin-top: 0;
	font-size: 10pt
}
.todaysReport h5 {
	margin: 5px 0
}
.todaysReport hr {
	margin-bottom: 5px;
	margin-top: 5px
}
#by_date_container {
	border: 1px solid #bbb;
	overflow: hidden
}
#by_date_entry, .by_date_entry {
	width: 25%;
	border-right-style: solid;
	border-right-color: #bbb;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-color: #bbb;
	border-top-width: 1px;
	padding: 10px;
	float: left;
	text-align: center
}
#by_date_title {
	color: #000;
	padding: 10px;
	text-align: center;
	background-color: #bbb;
	font-weight: 700;
	border-right-style: solid;
	border-right-color: #bbb;
	border-right-width: 1px
}
#by_date_entry {
	background-color: #fff
}
.by_date_container {
	overflow: hidden;
	line-height: 14px;
	padding: 10px
}
h5 .by_date_title {
	color: #000;
	text-align: center;
	background-color: #bbb;
	font-weight: 700
}
.by_date_entry {
	background-color: #fff
}
.highlights {
	clear: both
}
.highlights img {
	margin-left: auto;
	margin-right: auto;
	padding: 10px
}
.email_signup a:link, .email_signup a:visited {
	color: #fff;
	font-size: 11px;
	line-height: 28px;
	text-decoration: underline
}
.email_signup a:hover {
	background-color: #FF9;
	color: #004b8d
}
.main_photo {
	float: left;
	height: 331px;
	width: 520px
}
.slider_right {
	background-color: gray;
	float: left;
	height: 313px;
	width: 144px
}
.photo_caption {
	color: #fff;
	font-size: 10pt;
	font-weight: 700;
	height: 250px;
	padding: 21px 6px 6px 10px;
	width: 128px
}
.slide_number {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 10px;
	width: 50px
}
.photo_caption a:link, .rphoto_caption a:visited {
	color: #fff;
	text-decoration: none
}
.photo_caption a:hover {
	text-decoration: underline
}
.photo_description {
	color: #fff;
	font-size: 10pt;
	font-weight: 400
}
.statement {
	font-family: georgia;
	font-size: 16px;
	font-weight: 700;
	line-height: 11px;
	margin: 10px 0;
	text-align: center;
	color: #9cbdfb
}

.infoBar {
	margin-bottom: -6px; 
	font-size: small; 
	padding-top: 5px;
}

.infoBar p {
	margin-bottom: -5px;
}

.state {
	color: #060
}
.modified {
	text-align: right
}
.cropDescription, .outreach th, .outreach th h4, .outreach th h5, .stateQuestion {
	text-align: center
}
.biographies {
	list-style: none
}
.biographies ul {
	margin: 5px 0
}
.biographies li {
	padding: 10px 0 5px
}
.biographies hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border: 0;
	border-top: 1px solid #a9a9a9
}
.contentRight h3, .researchMain h3 {
	padding: 0 0 5px;
	border-bottom: 2px solid navy
}
.listStyleNone li {
	list-style-type: none;
	margin: 5px 0
}
.researchMain h3 {
	margin: 5px 10px
}
.contentRight h3 {
	margin: 5px 0
}
.contentRight h5 {
	font-weight: 700;
	font-size: 16px!important;
	padding: 15px 0 5px!important
}
.reminder {
	color: red;
	font-weight: 700
}
.stateLead {
	padding: 5px 0
}
.stateLead p {
	padding-top: 10px
}
.stateQuestion {
	margin: 0 auto;
	padding: 10px 0 5px;
	font-size: 1.1em;
	font-weight: 700
}
.stateQuestion a {
	color: #00f
}
.stateQuestion a:focus, .stateQuestion a:hover {
	background-color: #ff9;
	text-decoration: underline
}
img.stateImage {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.stateImage p {
	padding: 10px 0
}

.survey-figure {
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 15px;
	text-align: center
}

.outreach th {
	background: #09266a;
	color: #fff
}
.outreach tr {
	border: thin solid #666
}
.newTable, .newTable td, .newTable th {
	border-spacing: 0;
	border-collapse: collapse;
	text-align: center
}
.outreach td {
	padding: 5px;
	border-bottom: thin solid #ccc
}
.newTable {
	margin: 0 auto;
	width: 98%
}
.newTable td, .newTable th {
	border: thin solid #999
}
.table-month {
	width: 40%;
	text-align: center
}
.table-date {
	width: 15%;
	text-align: center
}
.table-olive td:first-child {
	text-align: center!important
}

.pubsDropDown {
	padding: 10px 0;
	margin-left: 40px
}
.selectState {
	margin: 10px 0 10px 30px
}
.hiddenLabel {
	display: none
}
.partRFO {
	color: #00573d
}
.ca-report td:nth-child(1) {
	text-align: left;
	width: 70%;
	padding: 3px
}
#crossWalk {
	margin-left: auto;
	margin-right: auto;
	width: 98%
}
table.TXreportReleases, table.calendarReleases, table.reportReleases {
	width: 98%;
	table-layout: auto;
	border-collapse: collapse;
	margin: 0 1% 20px;
	border-spacing: .5rem
}

table.json2 {
	width: 98%;
    overflow-x: auto;
    display: block;
	border-collapse: collapse;
	margin: 0 1% 20px;
	border-spacing: 0;
}

.landUseCol1 {
	width: 40%;
}

.landUseCol2 {
	width: 15%;
}


table .crossWalk {
	border: 1px solid #999;
	border-collapse: collapse
}
.crossWalk th {
	padding: 2px;
	text-align: center
}
table.reportReleases {
	border: thin solid #CCC
}
table.reportReleases th {
	border: thin solid #CCC;
	text-align: center
}
table.reportReleases tr {
	border: thin solid #ccc
}
table.reportReleases td {
	border-right: #ccc thin solid;
	padding: .5rem .2rem .5rem 0
}
table.TXreportReleases {
	border: thin solid #CCC
}
table.TXreportReleases th {
	border: thin solid #CCC;
	text-align: center;
	padding: .5rem
}
table.TXreportReleases tr {
	border: thin solid #ccc
}
table.TXreportReleases td {
	border-right: #ccc thin solid;
	padding: .5rem;
	text-align: right
}
table.calendarReleases td:first-child {
	text-align: left
}
table.calendarReleases, table.calendarReleases th {
	border: thin solid #CCC;
	text-align: center
}
table.calendarReleases tr {
	border: thin solid #ccc
}
table.calendarReleases td {
	border-right: #ccc thin solid;
	padding: 1px
}
table.calendarReleases colgroup:first-child {
	width: 20%
}
.col1-left td:nth-child(1), .col2-left td:nth-child(2), .col3-left td:nth-child(3) {
	text-align: left;
	vertical-align: middle
}
.col1-right td:nth-child(1), .col2-right td:nth-child(2), .col3-right td:nth-child(3) {
	text-align: right;
	vertical-align: middle
}
.col1-center td:nth-child(1), .col2-center td:nth-child(2), .col3-center td:nth-child(3) {
	text-align: center;
	vertical-align: middle
}
.leftnav {
	background-color: #e1e1e1;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 1em
}
#leftnav-menu-title {
	padding: 15px 0 0 10px
}
.navbar-toggle {
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	background-color: transparent;
	border: 1px solid black;
	border-radius: 4px
}
.stateLeft {
	border-right: none;
	border-bottom: #CCC thin solid
}

/*Code for spacing of Data viz thumbnails*/
.dataVizRow {
	margin-left: 17px;
}

.dataVizColumn {
	width: 200px;  
	margin: 20px
}

@media (min-width:176px) {
.area_1_right {
	display: none
}
.stateMapSelect {
	background: url(../images/homePage/us_blue_map-230x154.png) center center no-repeat;
	height: 280px;
	display: block;
	border-left: none;
	border-right: none;
	border-top: #CCC thin solid;
	border-bottom: #CCC thin solid
}
.section2 {
	border: thin solid #CCC;
	padding: 5px;
	margin: 5px;
	clear: both
}
.stateMapForm form {
	margin-top: 55px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 15px
}
.findRFO {
	text-align: center;
	margin-top: 60px;
	font-weight: 700;
	margin-bottom: 15px;
	clear: right
}
.twitterBlog {
	display: block;
	height: auto;
	padding: 0;
	clear: both
}
	
.spotlight {
	padding-top: 5px;	
}
	
}

@media (min-width:240px) {
.area_1_right {
	display: none
}
.stateMapSelect {
	background: url(../images/homePage/us_blue_map-230x154.png) center center no-repeat;
	height: 280px;
	display: block;
	border-left: none;
	border-right: none;
	border-top: #CCC thin solid;
	border-bottom: #CCC thin solid
}
.section2 {
	border: thin solid #CCC;
	padding: 5px;
	margin: 5px;
	clear: both
}
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 60px
}
.findRFO {
	text-align: center;
	margin-top: 60px;
	font-weight: 700;
	margin-bottom: 0;
	clear: right
}
.twitterBlog {
	display: block;
	height: auto;
	padding: 0;
	clear: both
}
}

@media (min-width:320px) {
.area_1_right {
	display: inline-block
}
.section2 {
	border: thin solid #CCC;
	padding: 5px;
	margin: 5px;
	clear: both;
	height: auto
}
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm {
	margin: 2px
}
.stateMapForm select {
	margin-left: 55px
}
.findRFO {
	text-align: center;
	margin-top: 100px;
	font-weight: 700;
	margin-bottom: 5px;
	clear: right
}
.twitterBlog {
	display: block;
	height: auto;
	padding: 0 0 5px;
	margin-bottom: 2px
}
}

@media (min-width:360px) {
.section2 {
	border: thin solid #CCC;
	padding: 5px;
	margin: 5px;
	clear: both
}
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 75px
}
.findRFO {
	text-align: center;
	margin-top: 80px;
	font-weight: 700;
	margin-bottom: 5px;
	clear: right
}
.twitterBlog {
	display: block;
	height: auto;
	padding: 0
}
}

@media (min-width:414px) {
.section2 {
	border: thin solid #CCC;
	padding: 5px 0;
	margin: 5px;
	clear: both
}
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 105px
}
.findRFO {
	text-align: center;
	margin-top: 80px;
	font-weight: 700;
	margin-bottom: 5px;
	clear: right
}
.twitterBlog {
	display: block;
	height: auto;
	padding: 0 0 5px
}
}

@media (min-width:533px) {
.section2 {
	border: thin solid #CCC;
	padding: 5px 0;
	margin: 5px;
	clear: both
}
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 170px
}
.findRFO {
	text-align: center;
	margin-top: 75px;
	font-weight: 700;
	margin-bottom: 5px;
	clear: right
}
/*.twitterBlog {
	margin-top: 15px;
	height: 260px
}*/
.stateLeft {
	border-right: none;
	border-bottom: #CCC thin solid
}
}

@media (min-width:568px) {
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 190px
}
.findRFO {
	text-align: center;
	margin-top: 110px;
	font-weight: 700;
	margin-bottom: 5px;
	clear: right
}
}

@media (min-width:600px) {
.stateMapForm form {
	margin-top: 115px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 205px
}
.findRFO {
	text-align: center;
	margin-top: 100px;
	font-weight: 700;
	margin-bottom: 5px;
	clear: right
}
}

@media (min-width:640px) {
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 220px
}
.findRFO {
	text-align: center;
	margin-top: 100px;
	font-weight: 700;
	margin-bottom: 5px;
	clear: right
}
}

@media (min-width:733px) {
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 270px
}
.findRFO {
	text-align: center;
	margin-top: 115px;
	font-weight: 700;
	margin-bottom: 5px;
	clear: right
}
.twitterBlog {
	height: 280px;	
	padding-bottom: 5px;
	}
}

@media (min-width:768px) {
.searchBtn {
	float: right;
	clear: right;
	display: inline-block;
	margin-left: 5px;
	margin-top: 0
}
.stateMapForm select {
	margin-left: 38%
}
.findRFO {
	text-align: center;
	margin-top: 110px;
	font-weight: 700;
	margin-bottom: 5px;
	clear: right
}
.twitterBlog {
	height: auto;
	margin-top: 10px
}
.stateLeft {
	border-right: #CCC thin solid;
	border-bottom: none
}
.bio-pic {
	padding: 0 10px 10px 0;
	margin: 18px auto 0;
	max-width: 90%;
	height: auto
}
#leftnav-menu-title {
	padding: 15px 0 0 10px
}
#mobileLeftNavButton button {
	border: thin solid #000
}
.logos {
	margin: 3px 0 0;
	height: 90px;
	padding: 25px 1px
}
.logosRight {
	margin: 10px 0 0 -30px;
	height: 90px;
	padding: 25px 15px 0 1px
}
.masthead.logos a img {
	height: 71px;
	vertical-align: middle;
	padding: 10px 2px
}
#searchForm {
	display: block;
	clear: left;
	float: right;
	text-align: right;
	font-size: 13px;
	padding: 5px;
	margin: 10px 5px
}
#footer, #footer1, .footer ul {
	text-align: center
}
#footer, #footer1 {
	background-color: #000
}
.footer li {
	display: inline;
	color: #fff;
	font-size: 68.8%;
	line-height: 10px
}
.footer a:link, .footer li a:visited {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	line-height: 10px
}
.footer li a:hover, .leftnav li a:hover {
	text-decoration: underline
}
.leftnav li, .leftnav li a {
	background-position: 3px -2px;
	background-repeat: no-repeat;
	line-height: 1em
}
.footer li a:hover {
	color: #000
}
.footerTop {
	padding: 0 0 5px
}
.footerBottom {
	width: 90%;
	margin: -20px auto 5px
}
.leftnav {
	background-color: #e1e1e1;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 1em
}
.leftnav p {
	clear: both;
	color: #000;
	font-weight: 700;
	margin: 2px 0;
	padding-left: 20px;
	padding-top: 5px
}
.leftnav ul {
	list-style-type: none;
	margin: 5px 0 5px -20px
}
.leftnav li {
	padding: 5px
}
.leftnav li a {
	color: #1e366c
}
.dataLabHeader tr th, .datalabs th, .leftnav h3 {
	background: #09266a;
	color: #fff
}
.leftnav h3 {
	font-size: 1.2em;
	margin: 0;
	padding: 10px 0 10px 10px
}
.dataLabHeader tr th {
	border: thin solid #ccc
}
table.datalabs {
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #ccc;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%
}
.datalabs th {
	padding: 0 5px;
	border: thin solid #ccc
}
.datalabs td {
	padding: 0 5px;
	border: thin solid #e1e1e1
}
.datalabs td:nth-child(1), .datalabs td:nth-child(5) {
	text-align: center
}
.datalabs>tbody>tr:nth-of-type(odd) {
	background-color: #e1e1e1
}
.datalabs>tbody a {
	font-weight: 700;
	color: navy
}
.datalabs tbody td a:hover {
	color: #00f
}
.datalabs tbody tr:hover {
	background-color: #00573d;
	color: #fff
}
.datalabs tbody tr:hover a {
	color: #ff0
}
.datalabs tbody tr td a:hover {
	color: navy
}
.datalabs caption p {
	margin-left: auto;
	margin-right: auto
}
}


@media (min-width:992px) {
.usda h1, .usda h2 {
	font-weight: 700;
	color: #fff
}
.stateLeft, .stateMapSelect {
	border-right: #CCC thin solid;
	border-bottom: none
}
.usda h1 {
	padding: 20px 0 0 35px;
	text-align: left;
	font-size: 1.4em
}
.usda h2 {
	padding: 5px 0 0 35px;
	text-align: justify;
	font-size: 1.2em;
	margin: -10px 0 0
}
.usda h1 a, .usda h1 a:hover, .usda h2 a, .usda h2 a:hover {
	color: #fff;
	text-decoration: none
}
.logos {
	margin: 20px 0 0;
	height: 80px;
	padding: 5px 1px
}
.logos a img {
	height: 71px;
	vertical-align: middle;
	padding: 4px 2px
}
.logosRight {
	margin: 10px 0 0 -20px;
	height: 60px;
	padding: 25px 15px 0 1px
}
.masthead.logos a img {
	height: 60px;
	vertical-align: middle;
	padding: 10px 2px
}
.social_title {
	font-size: .8em;
	float: right;
	line-height: 31px
}
.stateMapSelect {
	background: url(../images/homePage/us_blue_map-280x187.png) center center no-repeat;
	height: 280px;
	display: block;
	border-left: #CCC thin solid;
	border-top: none
}
.stateMapSelect h4 {
	margin-top: 15px;
	text-align: center
}
.stateMapSelect p {
	text-align: center;
	margin-left: auto;
	margin-right: auto
}
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 28%
}
.twitterBlog {
	margin-top: 0;
	display: block;
	height: 240px;
	padding: 0;
	clear: none
}
	
/*Countdown Timer styling for desktop*/
.timerLeft {
	text-align: right;
	padding-right: 8px;		
}
	
.timerRight {
	text-align: left;
}
	
/*Countdown for Today's Reports*/
.countdown {
	padding: 0 12px;
	color: maroon;
	margin-top: 0;
	font-size: 10pt
}
	
}




@media (min-width:1024px) {
.usda h1, .usda h2 {
	font-weight: 700;
	color: #fff
}
.stateLeft, .stateMapSelect {
	border-right: #CCC thin solid;
	border-bottom: none
}
.usda h1 {
	padding: 20px 0 0 35px;
	text-align: left;
	font-size: 1.4em
}
.usda h2 {
	padding: 5px 0 0 35px;
	text-align: justify;
	font-size: 1.2em;
	margin: -10px 0 0
}
.usda h1 a, .usda h1 a:hover, .usda h2 a, .usda h2 a:hover {
	color: #fff;
	text-decoration: none
}
.logos {
	margin: 20px 0 0;
	height: 80px;
	padding: 5px 1px
}
.logos a img {
	height: 71px;
	vertical-align: middle;
	padding: 4px 2px
}
.logosRight {
	margin: 10px 0 0 -20px;
	height: 60px;
	padding: 25px 15px 0 1px
}
.masthead.logos a img {
	height: 60px;
	vertical-align: middle;
	padding: 10px 2px
}
.social_title {
	font-size: .8em;
	float: right;
	line-height: 31px
}
.stateMapSelect {
	background: url(../images/homePage/us_blue_map-280x187.png) center center no-repeat;
	height: 280px;
	display: block;
	border-left: #CCC thin solid;
	border-top: none
}
.stateMapSelect h4 {
	margin-top: 15px;
	text-align: center
}
.stateMapSelect p {
	text-align: center;
	margin-left: auto;
	margin-right: auto
}
.stateMapForm form {
	margin-top: 75px;
	padding: 0 0 25px
}
.stateMapForm select {
	margin-left: 28%
}
.twitterBlog {
	margin-top: 0;
	display: block;
	height: 240px;
	padding: 0;
	clear: none
}
	
/*Countdown Timer styling for desktop*/
.timerLeft {
	text-align: right;
	padding-right: 8px;		
}
	
.timerRight {
	text-align: left;
}
}

.zoom80 img {
	height: auto;
	width: auto;
	margin: 3px 0 0;
	padding: 25px 1px
}

@media print {
#brdcrmb_socMedia, .breadcrumbs {
	display: none!important
}
#brdcrmb_socMedia {
	border-bottom: none
}
}
/*for 5 star rating on Grain Stocks feedback form*/
.rating {
/*display: flex;
flex-direction: row;*/
/*justify-content: center;*/

}

.rating > input{
 display:none;
}

.rating > label {
position: relative;
width: 1.1em;
font-size: 25px;
color: #FFD700;
cursor: pointer;
}

.rating > label::before{
content: "\2605";
position: absolute;
opacity: 0;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before {
opacity: 1 !important;
}

.rating > input:checked ~ label:before{
opacity:1;
}

.rating:hover > input:checked ~ label:before{ 
opacity: 0.4;
 }