a {text-decoration:none;  color:#285CAB; }
a:hover { text-decoration:underline; color:#000000;}
.green { color:#A2E604; } 

* { padding: 0; margin: 0; }
img { border: 0; }
p { margin:0px 0px 10px 0px; } 
table { empty-cells:show; }
.new_font_style { font-family: Impact; font-size: 22px; text-transform: uppercase; font-weight:normal; }
sup,sub {	height: 0;	line-height: 1;	vertical-align: baseline;	_vertical-align: bottom;	position: relative;	}sup {	bottom: 1ex;}sub {	top: .5ex;}
ul { padding:10px 0px 10px 30px; }
ol { padding:10px 0px 10px 38px; }

h2{ font-size:17px; line-height:22px; color:#406716; }
h3{ font-size:13px; line-height:22px; color:#272727;  }


/*

USER SEARCH TABLE FOR GROUPINVITE
 
*/

#searchresults td {
	padding-right: 30px;
}

/* 


CSS GLOBAL


*/ 
body {  margin:0 auto; padding-top: 0px; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 120%; text-align:left; overflow-x: hidden;
		background: #335D11 url(../images/backer.jpg) no-repeat top center; background-attachment: fixed;   /* IE */  } 
		
		
.layout { width:974px; text-align:left;  height:auto; margin-top:0px; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.mast_wrap { position:relative; width:974px; height:146px; min-height:146px; max-height:146px;  }
.logo { position:relative; float:left; width:178px; height:95px; left:5px; background-image:url(../images/logo.gif); } 
	.logo a { position:relative; float:left; width:178px; height:95px; display:block;   } 
.login_wrap { position:relative; float:right; width:390px; height:96px; }
	.login_wrap .login{ position:relative; float:left; background-image:url(../images/sprite.gif); top:15px;  background-position:-4px -6px; width:330px; overflow:hidden; display:block;  margin:0px 0px 0px 0px;  background-repeat:no-repeat; } 
	.login_wrap .input{ position:relative; float:left;  width:165px; }
	.login_wrap .username{ font-size:12px; font-weight:bold; color:#333333; border:0px; width:176px; background: transparent; padding:5px 4px 6px 0px; margin:0px 0px 0px 20px; } 
	.login_wrap .password{ font-size:12px; font-weight:bold; color:#333333; border:0px; width:176px; background: transparent; padding:5px 4px 6px 0px; margin:0px 0px 0px 12px; } 
	.login_wrap .formbutton{ position:relative; float:left; cursor:pointer; width:46px; left:6px; top:15px; height:29px; border:0px; background: transparent; background-image:url(../images/sprite.gif); background-position:-340px -6px; }
	.login_wrap .formbutton:hover{ position:relative; float:left; cursor:pointer; width:51px; height:29px; border:0px; background: transparent; background-image:url(../images/sprite.gif); background-position:-391px -6px; }
	.login_wrap .tools{ clear:both; position:relative; float:left;  top:18px; color:#FFFFFF; width:330px; text-align:center; font-size:11px; color:#f8f8f8; } 
		.login_wrap .tools a{  color:#C2F78F; font-weight:bold;  }  
 
/*  Top navbar */
.navigation { clear:both; position:relative; height:41px; width: 972px; top:7px;  z-index:9; text-align:left; margin-top:6px; background-image:url(../images/navback.jpg); border:1px solid #000000;   }
.main_menu {  clear:both; position:relative; height:31px; width: 972px; top:7px;  z-index:9; text-align:left; margin-top:6px;     }
.navcontainer ul { margin: 0; padding: 0; list-style-type: none; text-align: left;  }
.navcontainer  ul li { position:relative; clear:both; display: inline;  margin: 0; padding: 0;   }
.navcontainer  ul li a { text-decoration: none;  color: #ffffff; font-weight:bold; padding:21px; margin:0px 0px 0px 0px;  font-size:14px; letter-spacing:1px;   }
.navcontainer  ul li a:hover { color: #ffffff; background-color: #494949; background-image:url(../images/navback2.jpg);   }

 	.navcontainer  li  div{ clear:both; background-image:none;background:none; position:absolute;  text-align:left; left:0px; top:27px; visibility:hidden; z-index:300;   border:1px solid #5A8420; width:216px; height:auto; padding:0px; margin:0px; overflow:hidden; background-color:#3F6916;  } 
	.navcontainer  li  div a{  height:22px; background-image:none; background:none; display:block;  width:216px; padding:8px 0px 0px 14px; border-bottom:1px solid #25430C; border-left:6px solid #84AE2F; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;   }
	.navcontainer  li  div a:hover{ background-color:#A5CF3C; text-decoration:none; color:#ffffff;  border-left:6px solid #6B8C26;   }
	
	
	
.large_banner { position:relative; width:970px; border-left:2px solid #000000;  border-right:2px solid #000000; border-bottom:2px solid #000000; border-top:0px solid #000000; height:257px; min-height:257px; max-height:257px; background-image:url(../images/bigpic.jpg); }
.small_banner { position:relative; width:970px; border-left:2px solid #000000;  border-right:2px solid #000000; border-bottom:2px solid #000000; border-top:0px solid #000000; height:148px; min-height:148px; max-height:148px; background-image:url(../images/standardpic.jpg); }

.body_wrap { position:relative; width:972px; background-color:#EFF0EB; border:1px solid #25430C;  height:auto; min-height:200px; } 

.left_column_wrap { position:relative; width:585px; float:left;  margin:0px; border-right:1px solid #CFD0CB; padding:30px 10px 15px 30px;   }
	.welcometitle{ position:relative; width:585px; font-size:20px; font-weight:bold; color:#333333; padding:0px;  } 
	.small_graphic { position:relative; float:left; width:201px; height:284px; margin:16px 0px 0px 0px; background-image:url(../images/smallpic.jpg) }
	.welcome { position:relative; float:left; width:361px; height:284px; margin:16px 5px 0px 15px;  } 
		 .left_column_sub_wrap  { clear:both; position:relative; float:left; width:585px;  margin:25px 0px 15px 0px; padding:15px 0px 30px 0px; border-top:1px solid #CFD0CB }
		 .left_column_sub_wrap .left  { position:relative; float:left; width:269px;   border-right:1px solid #CFD0CB;    } 
		 	 .left_column_sub_wrap .left .content { position:relative; width:249px; margin:0px 0px 0px 0px;  clear:both; padding:16px 10px 10px 0px;   }
		 .left_column_sub_wrap .right  { position:relative; float:left; width:300px; margin:0px 0px 0px 15px; } 
		 	.left_column_sub_wrap .right .content { position:relative; width:300px; margin:0px 0px 0px 0px;  clear:both; padding:16px 0px 10px 0px;   }
			.left_column_sub_wrap .right .content .story { position:relative; width:300px; margin:0px 0px 0px 0px;  clear:both; padding:0px 0px 20px 0px;   }
			.left_column_sub_wrap .right img { position:relative; float:left; width:114px; padding-right:7px;  }
			.left_column_sub_wrap .right a { position:relative; display:block; clear:both; padding:0px 0px 5px 0px; font-weight:bold;   }
			
.right_column_wrap { position:relative; width:326px; float:left; padding:10px;  } 
 	.right_column_wrap .inputs { background-color:#487019; color:#FFFFFF; font-weight:bold; } 
	.right_column_wrap .news { position:relative; width:310px;  margin:20px 0px 0px 6px; }
		.right_column_wrap .news .story { position:relative; width:310px; margin:0px 0px 0px 0px;  clear:both; padding:20px 0px 0px 0px;   }
		.right_column_wrap .news img { position:relative; float:left; width:114px; padding-right:7px;  }
		.right_column_wrap .news a { position:relative; display:block; clear:both; padding:0px 0px 5px 0px; font-weight:bold;   }
	.right_column_wrap .partners { position:relative; width:320px;  margin:37px 0px 0px 6px;  }	
		.right_column_wrap .partners img { position:relative; float:left; width:95px; padding:5px;  }

.footer { position:relative; clear:both; position:relative; width:954px; height:28px; min-height:28px; max-height:28px; padding:0px 20px 0px 0px; margin-top:1px; background-image:url(../images/footer.jpg); text-align:right; color:#FFFFFF; }

.title1 { background-image:url(../images/sprite.gif);   background-position:-2px -103px; padding:4px 0px 4px 38px; background-repeat:no-repeat;  font-size:20px; font-weight:bold; color:#333333; display:block;    }
.title2 { background-image:url(../images/sprite.gif);   background-position:-2px -148px; padding:4px 0px 4px 38px; background-repeat:no-repeat;  font-size:20px; font-weight:bold; color:#333333; display:block;     }
.title3 { background-image:url(../images/sprite.gif);   background-position:-2px -191px; padding:4px 0px 4px 38px; background-repeat:no-repeat;  font-size:20px; font-weight:bold; color:#333333; display:block;     }
.title4 { background-image:url(../images/sprite.gif);   background-position:-2px -238px; padding:4px 0px 4px 38px; background-repeat:no-repeat;  font-size:20px; font-weight:bold; color:#333333; display:block;     }


.body_wrap_standard { position:relative; width:942px; background-color:#EFF0EB; border:1px solid #25430C;  height:auto; min-height:200px; padding:15px; } 
.page_title { position:relative; width:585px; float:left; background-image:url(../images/sprite.gif);   background-position:-2px -103px; padding:4px 0px 4px 38px; background-repeat:no-repeat;  font-size:20px; font-weight:bold; color:#333333;      }
.quick_search { position:relative; width:319px; float:left; text-align:right;   }
	 	.quick_search .inputs { background-color:#487019; color:#FFFFFF;   } 
		
.left_column { position:relative; width:560px; float:left;  margin:0px; border-right:1px solid #CFD0CB; padding:30px 10px 15px 25px;   } 
.full_width { position:relative; width:942px; float:left;  margin:0px;   padding:30px 0px 15px 0px;   }  		
.right_column { position:relative; width:326px; float:left; padding:10px;    } 
 	.right_column .inputs { background-color:#487019; color:#FFFFFF; font-weight:bold; } 
	.right_column .news { position:relative; width:310px;  margin:20px 0px 0px 6px; }
		.right_column .news .story { position:relative; width:320px; margin:0px 0px 0px 0px;  clear:both; padding:20px 0px 0px 0px;   }
		.right_column .news img { position:relative; float:left; width:114px; padding-right:7px;  }
		.right_column .news a { position:relative; display:block; clear:both; padding:0px 0px 5px 0px; font-weight:bold;   }
	.right_column .partners { position:relative; width:320px;  margin:37px 0px 0px 6px;  }	
		.right_column .partners img { position:relative; float:left; width:95px; padding:5px;  }

.intro-section{height: 60px; background-color: white; padding: 10px; border-radius: 10px;	}
.intro-section h2{font-size: 20px; margin-bottom: 10px;}
.intro-section p{font-size: 14px;}

.ref-section{height: 200px; background-color: white; padding: 10px; border-radius: 10px;	}

.container{display: flex; flex-wrap: wrap;}
.left-column-soyhub, .right-column-soyhub {	width: 49%;	  }
  
  /* Style the left column */
.left-column-soyhub {	background-color: white; margin-right: 10px;  border-radius: 10px; margin-top: 20px; }
.left-column-soyhub h1{	color: #487019; padding: 20px;}
.left-column-soyhub a{	margin-left: 20px; margin-top: 20px; font-size: 16px; font-weight:bold; display: inline-block; padding: 12px; background-color:#A5CF3C; color: white; border: none; border-radius: 5px;cursor: pointer;}
.left-column-soyhub a:hover { background-color: #487019;}
.left-column-soyhub p{	font-size: 14px; padding: 10px;}

  /* Style the right column */
.right-column-soyhub {	background-color: white;  border-radius: 10px; margin-top: 20px; }
.right-column-soyhub h1{	color:#487019; padding: 20px;}
.right-column-soyhub h1 a {color: #487019; text-decoration: underline;  }
.button-link{	margin-left: 20px; margin-top: 20px; font-size: 16px; font-weight:bold; display: inline-block; padding: 12px; background-color:#A5CF3C; color: white; border: none; border-radius: 5px;cursor: pointer;}
.button-link:hover { background-color: #487019;}
.right-column-soyhub p{	font-size: 14px; padding: 10px;}
.right-header{	color:#487019; padding: 20px;}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 11; /* Sit on top */
	padding-top: 50px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  /* Modal Content */
  .modal-content {	background-color: #fefefe;	margin: auto;	padding: 20px;	border: 1px solid #888;	width: 80%;  }
  .modal-content h1{	padding: 10px;  }
  .modal-content p{	padding: 10px;  }
  .modal-content img{	padding: 10px; width: 50%; height: 10%; }
  .modal-content h2{	padding: 10px;  }
  /* The Close Button */
  .close {	color: #aaaaaa;	float: right;	font-size: 28px;	font-weight: bold;  }
  .close:hover, .close:focus {	color: #000;	text-decoration: none;	cursor: pointer;  }

  .rounded-button {
	display: inline-block;
	font-size: 12px;
	height: 25px;
	padding: 5px 10px;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	background-color: #A2E604;
	text-decoration: none;
  }