/* CSS Document */

/*-------------------------------------------

      Media Queries
-------------------------------------------*/
@media screen and (min-width: 850px) and (max-width: 1016px) {
  .header .logo {margin-left: 10px; }
	form#search { display:block; }
}
@media screen and (min-width: 851px) {
  html {min-width: 978px; } 
  #filter-drop { width: 978px !important; }
  .header-mobile { display: none; } 
  .header-mobile a.search-trigger, header-mobile a.utility-trigger {
    display: none; } 
}
@media screen and (min-width: 651px) and (max-width: 850px) {
  html { min-width: 768px; }

  .wrap { width: 768px; } /*.wrap_index { width: 500px;} */
  
  #filter-drop { width: 768px !important; }
  .primary, .president .primary { width: 100%; min-width: 768px; }
  .home .primary .wrap { margin: 0 auto; }
}
@media screen and (min-width: 401px) and (max-width: 650px) {
  html {min-width: 460px; }
  
  body { background: #00193b url('images/background_sub.png') repeat-x top left; }
  
  .wrap { width: 460px; }  /*.wrap_index { width: 420px;} */
  #filter-drop { width: 460px !important; }  
  .utility-trigger { display: none; }
  .primary, .president .primary { width: 100%; min-width: 460px; }
}
@media screen and (max-width: 400px) {
  html {min-width: 320px; }
  
  body { background: #00193b url('images/background_sub400px.png') no-repeat; }

  .wrap { width: 320px; }   /*.wrap_index { width: 300px;}*/
  #filter-drop { width: 320px !important; }
  .primary, .president .primary { width: 100%; min-width: 320px; }
    }
@media screen and (min-width: 651px) {
  .mobile-nav {display: none; } }
@media screen and (max-width: 850px) {
  /*header */
    .logo a {
    display: block;
    height: 120px;
    width: 409px;
    background-image: url(images/logo-mobile850px.png);
	}
  
  #utility{width:100%;}
  #utility_logo{float:left; width:409px; }
  #utility_topnav{float:right; margin-top:-90px;}
  
  .header .logo, .intro h1  { margin-left: 10px; }
  .footer .logo, .footer address, .copy-footer .wrap ul { margin-left: 10px; }

  div#view_more { display: none; }




#main-nav { float:left; margin: 0; width:100%;}
	#main-nav li { position: relative; }
		#main-nav a { position: relative; z-index: 0; height: 40px; background: url(images/main-nav850.gif) no-repeat 0 0; }
		#main-nav a:hover, #main-nav a:focus, #main-nav li:hover a, #main-nav li:focus a { z-index: 102; }
		
		#main-nav .home {width:118px; }
		#main-nav li:hover .home, #main-nav li:focus .home { background-position: 0 -80px; }
		#main-nav li .home:hover, #main-nav li .home:focus { background-position: 0 -40px; }
		
		#main-nav .teacher-center { width: 170px; background-position: -118px 0;}
		#main-nav li:hover .teacher-center, #main-nav li:focus .teacher-center { background-position: -118px -80px; }
		#main-nav li .teacher-center:hover, #main-nav li .teacher-center:focus { background-position: -118px -40px; }
		
		#main-nav .student-center { width: 170px; background-position: -288px 0; }
		#main-nav li:hover .student-center, #main-nav li:hover .student-center { background-position: -288px -80px; }
		#main-nav li .student-center:hover, #main-nav li .student-center:focus { background-position: -288px -40px; }
		
		#main-nav .get-involved { width: 155px; background-position: -448px 0; }
		#main-nav li:hover .get-involved, #main-nav li:focus .get-involved { background-position: -448px -80px; }
		#main-nav li .get-involved:hover, #main-nav li .get-involved:focus { background-position: -448px -40px; }
		
		#main-nav .affiliates { width: 155px; background-position: -603px 0; }
		#main-nav li:hover .affiliates, #main-nav li:focus .affiliates { background-position: -603px -80px; }
		#main-nav li .affiliates:hover, #main-nav li .affiliates:focus { background-position: -603px -40px; }
		
		
		#main-nav ul { position: absolute; display: none; z-index:1; width: 170px; background: #fff; padding-bottom: 3px; background: rgba(255,255,255,.9);}
		#main-nav ul.teacher { width: 170px; }
		#main-nav ul.student { width: 170px; }
		#main-nav ul.get { width: 155px; }
		#main-nav ul a { font: .88em/1.0 Verdana, Arial, sans-serif; padding: 5px 3px 5px 5px; }
			#main-nav ul li.first {padding-top:2px;}
			#main-nav ul li.last {padding-bottom:2px;}

 .content #award_bullets {margin:20px 20px 0 0;}
 .content #agro_slide {float:none; margin:-10px 50px 20px 0;}

 .content table{ width:750px;}
 .content img.leftfloat_shadow {width:350px; margin:10px 15px 20px 0px;}
 .content img.rightfloat_shadow {width:350px; margin:10px 0 20px 5px;}

 .content img.agrobanner {width:767px; margin-left:-8px;}
 .content #subtopNav_AgroIndex {margin:-10px 10px 10px 0;}
 .content #subtopNav_AgroSub {margin:-10px 0 10px 0; float:none; font-size:14px;}
 
 .content img.conference_logo {width:330px; margin:50px 10px 0 0;}

/*************Left & Right Box*************/ 
 .expandable_left {width:780px;}
.expandable_right { float:none; width:100%; padding-top:25px; margin-bottom:-20px;}
	.expandable_right ul.subnav { margin:3px 10px 2px 15px;}
 	.expandable_right ul.subnav li { display:inline; padding-right:25px; line-height:30px;}

	.expandable_right ul.small { margin-left:37px; margin:0 0 10px 30px;}
 	.expandable_right ul.small li { display:inline; padding:0px 5px 3px 5px; font-size:1.4em;}
	.expandable_right #box {margin:0; width:100%; padding:5px 0 4px 0;}
/*************Left & Right Box*************/ 
	

.expandable .listing { padding-left: 2px; background: url(images/bg-expandable-515.gif) 0 bottom no-repeat; }
	.expandable .listing .topper { left: -13px; margin: -26px 0 18px; border: 0; }



.layout-a .expandable .listing { position: relative; background: url(images/bg-expandable-sub.png) 0 bottom no-repeat; }
.layout-a .expandable li { width: 226px; margin-left: 13px; padding: 8px 10px 20px; }
.layout-a .expandable .lead-video { padding:0px 0px 20px; width:246px; }


/**********************************For index page boxes****************************************/
 .expandable .listing { padding-left: 0px; background: none; }

.expandable .listing { padding-left: 2px; background: url(images/bg-expandable-515.gif) 0 bottom no-repeat; }
	.expandable .listing .topper { left: -13px; margin: -26px 0 18px; border: 0; }
  .expandable .from_gazette { display: none; }
  .expandable .inputField {width:223px; font-size:12px;}
  .expandable p.featuredRes {margin-top:-39px; margin-left:10px; font-size:15px;}

.layout-a .expandable .listing { position: relative; background: url(images/bg-expandable-home-768.png) 0 bottom no-repeat; }
.layout-a .expandable li { width: 226px; margin-left: 13px; padding: 8px 10px 20px; }


/**********************************For index page boxes****************************************/


.footer address { width: 500px; font-size: 2.8em;}
.footer .logo a  {margin-left:20px;}
.copy-footer ul { margin-left:10px !important;}
.copy-footer li { margin-right:9px; padding-left:9px;}
.copy-footer li a { font-size: 0.9em; letter-spacing: .01em;}

.copy-footer p{margin:5px 10px 0 10px;}



}
@media screen and (max-width: 650px) {

  .logo a {margin-left:-20px;}
	
  #utility{width:460px;}
  #utility_logo{}
  #utility_topnav{float:none; width:460px; margin:-5px 30px 0 0;}
  #utility_icons { float:none; width:460px; margin:-2px 0 0 -80px;}
  /*#cse-search-form {margin:12px -8px 0 0;}
  #cse-search-form .gsc-input input.gsc-input {background:#FFF !important;}*/
  #utility li { margin: 8px 0 0 22px; }
  
  /*header*/
  #main-nav { margin: -30px 0 10px; text-align: center; background: #00193b; width:100%; }
  #main-nav li { width: 49%; background: #00193b;  }
  #main-nav li a { background: none; text-indent: 0; display: inline-block; color: #FFF; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width: auto !important; line-height: 34px; font-size: 18px; height: 34px; }
  #main-nav li a:hover { color:#b71d21;}
  #main-nav li ul { display: none !important; }


 .expandable .listing { padding-left: 0px; background: none; }
	.expandable .listing .topper { left: -13px; margin: -26px 0 18px; border: 0; }
    .expandable .inputField {width:350px;}


.layout-a .expandable .listing { position: relative; background: none; }
.layout-a .expandable li { width:440px; margin-bottom:15px; margin-left:-10px; padding:8px 20px 10px; background:#FEFEFE; 
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}

.layout-a .expandable .first { margin-left:-10px; }		

.layout-a .expandable img { width: 440px !important; height: 269px !important; margin: 0; background: #fff; } 

.action-footer .streamer .heading { display: block; padding: 10px; }
.action-footer .streamer-social { display: none; }
.layout-a .main, .layout-c .main { width: 440px; }

.footer { padding-top: 0px;}
.footer address { clear: left; width:350px; font-size:1.98em;}
.footer .logo a  {margin:0 0 -10px 2px;}
.copy-footer ul { margin-left:35px !important;}
.copy-footer li a { font-size: 1.18em; letter-spacing: .01em;}
.copy-footer p{ margin:0;}

.utility ul { width: 434px !important; }

.breadcrumb li, .copy-footer li { font-size: 10px !important; }    

 .expandable ul.ss {margin:10px 5px 5px 20px;}
 .expandable ul.ss li { width:100%;
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow: none;
 } /*Screensavers*/

 .content { width:460px;}
 .content table {width:460px;}
  
  .content #agro_slide {margin:0 90px 30px 0;}
  .content #award_bullets {margin:0 200px 0 0;}
  .content #affiliates_slide {margin:0 90px 0 0;}
  .content #leader {float:none;}
 
 .content img.leftfloat_shadow {float:none; width:auto;}
 .content img.rightfloat_shadow {float:none; width:auto;}
 
 .content img.agrobanner { width:595px;}
 .content #subtopNav_AgroSub {margin:-10px 0 10px 3px;}

 .content img.conference_logo {width:460px; margin:0 0 20px 0;}
 
 .content table.stateprograms {display:none;}
 .content table.state2cols {width:95%; border-collapse:collapse; display:block; margin-left:10px;}
 .content table.state2cols td {border:1px solid #aeb8a2;font-size:1.4em;}
 
 .grid-container {margin-left:10px;}

/*************Left & Right Box*************/ 
 .expandable_left { width:600px;}
.expandable_right { width:600px;}
	.expandable_right ul.subnav {margin:5px 14px 5px 15px;}
 	.expandable_right ul.subnav li { padding-right:8px; line-height:22px; font-size:1.3em;}
	.expandable_right ul.small { margin-left:20px;}
 	.expandable_right ul.small li { padding:2px 5px 3px 0; font-size:1.2em;}
/*************Left & Right Box*************/ 


}
@media screen and (max-width: 400px) {
  h1 { font-size: 2.8em; }
  
  .logo a {display:none;}
  #utility{}
  #utility_logo {display:none;}
	
  #utility_topnav{float:left; margin:114px 0 20px 0px; height:50px; width:auto;}
  #utility_icons {margin:-2px 0 0 0px;}
  #utility li { margin: 14px 0 0 26px;}
  /*#cse-search-form {margin:0;}*/
  
  .header .header-nav li { font-size: 1.0em; }
  .header .header-nav li a { padding: 8px; }
  #main-nav { margin-top: 8px; text-align: center; background: #00193b; width:100%; }
  #main-nav li a { width: auto !important; padding: 0; font-size: 15px; height: 29px; line-height: 29px; }

.header-nav { border-left: 0; }
.header-nav li.last a { border-right: 0; }


 .expandable .listing { padding-left: 0px; background: none; }
	.expandable .listing .topper { left: -13px; margin: -26px 0 18px; border: 0; }
	.expandable .inputField {width:293px;}

 .content {width:310px;}
 .content p {margin:0 5px 20px 7px;}
 .content ul {margin:0 3px 20px 25px;}
 .content h1 { margin: 0 0 20px 3px;}
 .content h2 { margin:5px 0 15px 3px;}
 .content h3 { margin:5px 0 8px 3px;}
 .content table {width:320px;}
 .content td {font-size:1.3em;}
 
 .content table.state {display:none;}
 .content table.state3cols {width:95%; border-collapse:collapse; display:block; margin-left:10px;}
 .content table.state3cols td {border:1px solid #aeb8a2;font-size:1.3em;}
 .content img.statemap {display:none;}
 
 .content table.state2cols {display:none;}
 .content table.state1col {width:100%; border-collapse:collapse; display:block; margin-left:10px;}
 .content table.state1col td {border:1px solid #aeb8a2;font-size:1.4em;}
 .content table.state1col th {width:300px;}

 .content img.leftfloat {width:320px; float:none; margin:10px 0 20px 0;}
 .content img.rightfloat {width:320px; float:none; margin:10px 0 20px 0;}

 .content img.leftfloat_shadow {width:320px; float:none; margin:10px 0 20px 0;}
 .content img.rightfloat_shadow {width:320px; float:none; margin:10px 0 20px 0;}

  .content #agro_slide {margin-left:5px; width:315px;}
  #wowslider-container1 .ws_thumbs {display:none;}
  .content #award_slide {margin-left:5px; width:315px;}
  .content #award_bullets {margin:-30px 50px 10px 0;}
  .content #affiliates_slide {margin:0 5px 0 5px;}

  .content #leftdiv2 {float:none;}
 
 .content #subtopNav_conf {margin:10px 0 10px 10px;}
 .content #subtopNav_AgroIndex {float:none; margin:-10px 0 15px 5px; font-size:13px;}
 .content #subtopNav_AgroSub {margin:-10px 0 15px 5px; font-size:12px;}
 .content img.agrobanner {width:320px;}
 
 div#box320 {margin:40px 0 20px 10px; width:300px;}
 div#box450 {width:300px; margin-left:10px;}
 
 .content #box_conferences_right {display:none;}
 
/*************Left & Right Box*************/ 
 .expandable_left { width:320px;}
 .expandable_right { width:97%;}
	.expandable_right ul.subnav {}
 	.expandable_right ul.subnav li {display:block; padding:0 0 3px 5px; line-height:22px; font-size:1.4em;}
	.expandable_right ul.small { margin-left:20px; margin-top:18px;}
 	.expandable_right ul.small li { padding:0 5px 3px 0; font-size:1.2em;}
/*************Left & Right Box*************/



.layout-a .expandable .listing { position: relative; background: none; }
.layout-a .expandable li { width: 280px; margin-left:10px; margin-bottom: 15px; padding: 8px 10px 20px; background: #FEFEFE; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); }	
	
.layout-a .expandable .first { margin-left:10px;}

.layout-a .expandable img { width: 300px !important; height: 180px !important; margin: 0; background: #fff; }

.footer { padding-top: 0px;}

.footer address { width:200px; font-size:1.95em;}

.footer a { color: #a9a9a9; font-size: 1.2em;}
.copy-footer li { float:left; margin-right: 3px; margin-left: 3px; list-style: none; background: url(images/mrkr-copy-footer.gif) no-repeat 0 center; line-height: 2; }
.copy-footer li a { font-size: 0.95em; letter-spacing: 0em; font-weight:normal;}
.copy-footer p{ margin:0;}
 
.layout-b .main, .layout-d .main { width: 320px; margin-left: 0; float: right; }
.layout-a .main, .layout-c .main { width: 320px; }


.split-a .col { width: 100%; margin: 0 0 20px 0; }

.utility ul { display: none; position: absolute; width: 120px !important; top: 31px; right: 0px; background: #fff; z-index: 1000; border: 1px solid #D7D7D7; }
.utility ul li { float: none; display: block; width: 120px !important; }
.utility ul li a { color: #000; }


}
/* For Retina displays */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

  .logo a {
    height: 120px;
    width: 500px;
    background-image: url(images/logo.png);
    background-size: 500px 120px; }


    
}