/* ==========================================================================
   Layout Styles
 * ========================================================================== */


.navbar-inverse .navbar-inner {
  background-color: #6ec4d7;
  background-image: -moz-linear-gradient(top,#6ec4d7,#6ec4d7);
  background-image: -webkit-gradient(linear,0 0,0 100%,from(#6ec4d7),to(#6ec4d7));
  background-image: -webkit-linear-gradient(top,#6ec4d7,#6ec4d7);
  background-image: -o-linear-gradient(top,#6ec4d7,#6ec4d7);
  background-image: linear-gradient(to bottom,#6ec4d7,#6ec4d7);
  background-repeat: repeat-x;
  border-color: #5a9f9d;
}

a {
  color: #004871;
}

a:hover, a:focus {
  color: #6ec4d7;
}

.btn-info {
	background-color: #6ec4d7;
}


@media (max-width: 767px) {
	.logo {
		text-align:center;
	}

	.leftnav {
		margin-top:20px;
	}
	.leftnavNew {
		margin-top:0 !important;
	}	
	.leftnavigation {
		padding:15px;
		background:#6ec4d7;
		width:92%;
	}
	.leftnavigation a {
		color:#ffffff;
	}	
	.leftnavbox {
		width:92%;
	}

	.footsocial {
		background:#ffffff;	
	}
	.footbody {
		background:#ffffff;
		color:#616161;
	}
	
	.footline {
		margin-left:-20px;
		margin-right:-20px;
	}
	
	.nav-collapse2 .nav>li>a, .nav-collapse2 .dropdown-menu a {
		font-weight:normal;
		padding: 5px 10px;
	}
	.nav-collapse.collapse.nav-collapse2 {
		overflow: visible;
		height: auto;
	}
	
	.boxpad {
		margin-left:0px !important;
		margin-right:0px !important;
	}	
	
}


@media (min-width: 768px){
	body {
		padding-top: 60px;		 
	}	
	.footsocial {
		background:#323232;	
	}	
	.footbody {
		background:#6ec4d7;
		color:#ffffff;
	}
	.leftnav {
		margin-top:50px;
	}	
	.leftnavNew {
		margin-top:0 !important;
	}	
	.footline {
		width:100%;
	}
	
	.leftnavigation .dropdown-menu {
		left:90%;
		top:0%;
	}
}

@media (min-width:768px) and (max-width:979px) {

	.logo {
		text-align:center;
	}
	
	.mainnav {
		background:#004871;
		padding-bottom:0px !important;	
	}
	.headnav {
		margin-top:10px;
		color:#ffffff;
	}
	.headnav li {
		margin:0px 3px;
	}
	.leftnavbox {
		width:85%;
	}

	.boxpad {
		margin-left:0px !important;
		margin-right:0px !important;
	}
	
	.confhome-boxes {
		border-top:1px solid #dfdfdf;
		padding-top:20px;
		margin:0px 5px 0;
	}

	.greenBox {
		height:110px;
		margin:10px 10px 0;
		position: relative;
	}
	
	.blueBox {
		height:110px;
		margin:10px 10px 0;
		position: relative;
	}
	
	.greenBox {
		height:110px;
		margin:10px 10px 0;
		position: relative;
	}
	
	.blueBox {
		height:110px;
		margin:10px 10px 0;
		position: relative;
	}	
	
	.confbox-content a {
		position: absolute;
		color:#ffffff;
		font-size:20px;	 
		bottom:15px;
		left:15px; 
	}	 	
}

@media (min-width: 980px){

	.logo {
		float:left;
	}
	.mainnav {
		background:#004871;
	}	
	.headnav {
		margin-top:50px;
		color:#ffffff;
		float:right;
		text-align:right;
		}		
	.headnav li {
		margin:0px 3px;
	}
	.leftnavbox {
		width:85%;
	}
	
	.boxpad {
		margin-left:0px !important;
		margin-right:0px !important;
	}
	
	.confhome-boxes {
		border-top:1px solid #dfdfdf;
		padding-top:20px;
		margin:0px 5px 0;
	}

	.greenBox {
		height:110px;
		margin:10px 10px 0;
		position: relative;
	}
	
	.blueBox {
		height:110px;
		margin:10px 10px 0;
		position: relative;
	}
	
	.greenBox {
		height:110px;
		margin:10px 10px 0;
		position: relative;
	}
	
	.blueBox {
		height:110px;
		margin:10px 10px 0;
		position: relative;
	}	
	
	.confbox-content a {
		position: absolute;
		color:#ffffff;
		font-size:20px;	 
		bottom:15px;
		left:15px; 
	}	 
		
}

.btn-navbar {
	background:none !important;
	border:none !important;
	padding:0px !important;
	box-shadow:none  !important;}

#nav-login-form {
	padding:10px;
}

#nav-login-form .btn{
	width:50%;
	background:#ccdde3;
}

.navbar-inverse .nav > li > a {
    text-shadow: none;
	font-family: 'Oswald', sans-serif;
}

.navbar-inverse .nav-collapse .nav li > a {
	color:#ffffff !important;
	}

.navbar-inverse .nav-collapse .nav li > a:hover {
	background-color:#004871 !important;
	transition:none;
	}

.nav-collapse .navbar-form, .nav-collapse .navbar-search {
	box-shadow:none;
	}

.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
	color:#ffffff !important;
	}

/*.nav li {margin-right:20px;}*/

.mainnav {width:100%;padding:20px 0px;margin-top:-20px;}

.headnav ul {list-style:none;}
.headnav li {display: inline;color:#ffffff;}

.headnav a {text-decoration:none; color:#ffffff;padding:0px;margin:0px;text-decoration:none;font-size:14px;font-family: 'Oswald', sans-serif;}
.headnav a:visited {text-decoration:none;color:#ffffff;}
.headnav a:active {text-decoration:none;color:#ffffff;}
.headnav a:hover {color:#6ec4d7;text-decoration:none;}

.leftnav p {margin-bottom:10px;}

.leftnav h4 {
	font-family:'Arimo', sans-serif;
	}

.bodyhead {width:100%;background:#6ec4d7;}

.imgright {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.imgleft {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.headTitle { 
	color:#fff;
	padding-top:11px;
	float:left;
	font-family:'Oswald', sans-serif;
	font-size: 18px;
}

.greenBox {
	background:#6ec4d7;
	padding:15px;
}

	

.blueBox {
	background:#004464;
	padding:15px;
}


.greenBox:hover, .blueBox:hover, .greenBox:hover, .blueBox:hover {
	-moz-box-shadow: 0 0 10px -1px #323232;
	-webkit-box-shadow: 0 0 10px -1px #323232;
	box-shadow: 0 0 10px -1px #323232;
}		


/* ==========================================================================
   new Teach-Ag Classes
   ========================================================================== */

.newTA .row, .newTA-footerTop .row, .newTA-footLinks .row {
	margin-left:0;
}
.newTA-footerTop .row {
	margin-right:10px;
}

.newTA h2 {
	color:#78C22F;
	text-transform:uppercase;
	padding-top: 8px;
	font-size:35px;
} 
.newTA h4 {
	color:#78C22F;
	text-transform:uppercase;
	padding-top:0;
} 
.newTA-right {
	margin-top:-20px;
}
   
.taBox-left {
	width:100%;
	position:relative;
	margin-bottom:25px; 
}

.taBox-leftgreencontent {
	padding:0; 
}
.taBox-leftgreen { 
	background:#78C22F;
	color:#fff;
	padding:40px 10px;
	text-transform:uppercase;
	font-weight:bold;
}

.taBox-left-bottom {
	width:100%;
	position:relative;
	margin-bottom:20px; 
}

.taBox-leftgreencontent-bottom {
	padding:0; 
}
.taBox-leftgreen-bottom { 
	background:#78C22F;
	color:#fff;
	padding:30px 10px;
	text-transform:uppercase;
	font-weight:bold;
}

.taBox-leftgreen-bottom-subcontent { 
	background:#78C22F;
	color:#fff;
	text-transform:capitalize;
	font-weight:normal;
}

.taBox-leftgraycontent {
	padding:0; 
}
.taBox-leftgray { 
	background:#756d66; 
	color:#fff;
	padding:40px 10px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:right;
}

.taBox-right {
	width:100%;
	position:relative;
	margin-bottom:20px; 
}
.taBox-rightgreen {
	background:#78C22F;
	color:#fff;
	padding:30px;
	text-transform:uppercase;
	font-weight:bold;
}
.taBox-rightgreencontent {
	padding:0;
	/*margin-bottom:35%;*/
}
.taBox-rightgreen-subcontent {
	background:#78C22F;
	color:#fff;
	text-transform: capitalize;
	font-weight:normal;
}

.taBoxes { 
	width:100%;
	position:relative;
	margin-bottom:15px; 
}


.taBoxes a, .taBox-right a, .taBox-left a, .taBox-left-bottom a {
    color: #fff;
    text-transform: uppercase;
}
.taBoxes-green { 
	background:#78C22F;
	color:#fff;
	padding:20px 10px;
	text-transform:uppercase;
	font-weight:bold;
}
.taBoxes-gray { 
	background:#756d66;
	color:#fff;
	padding:20px 10px;
	text-transform:uppercase;
	font-weight:bold;
}

.newTA-footerTop {
	background:#78C22F;	
	padding:10px;
	margin-top:30px;
}
.newTA-footerTop .span4 {
	/*background:#fff;
	color:#323232;
	font-size: 40px;
	text-transform:uppercase;*/
	text-align:center;
	padding:0;
}

.newTA-footerBottom {
	background:#756d66;	
	padding:20px; 
	color:#fff;
	text-align:center;
	font-size:30px;
	text-transform:uppercase;
	font-weight: bold;
}

.newTA-GrayBar {
	background:#756d66;	
	padding:10px; 
	color:#fff;
	text-align:center;
	font-size:22px;
	text-transform:uppercase;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 25px;
}

.newTA-GrayBar a {
	color:#fff;
	text-transform:uppercase;
}

.newTA-footLinks {
	background:#756d66;
	padding-bottom:20px;
	border-top:40px solid #78C22F;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:30px;
	font-size:13px;
}
.newTA-footLinks h4 {
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
}
.newTA-footLinks a {
	color:#fff;
	text-transform:uppercase;
}

.newTA-footLinks .span9 {
	margin-left:0;
}

.newTA-footLinks .spanRow {
	padding-bottom:20px;
	margin-left: 0;
}

.internBox {
	margin-bottom:25px;
}

@media (max-width:767px) {
	.leftnavNew .leftnavigation {
		background:transparent !important;
	}

	.taBox-leftgreen, .taBox-leftgray {
	    padding: 20px;
	}
	
	.taBox-rightgreen {
		bottom: 90%;
		top: 0;
		padding: 20px 30px;	
	}

	.newTA-right {
		padding-top:30px;
	}
	.taBoxes {  
		min-height:100px;
	}
 	/*.taBoxes-content {   
    	margin-top: 40px; 
	}*/	
	.newTA-footerTop .span4 {
		margin-bottom:10px;
	}
	
	.newTA-footLinks {
	    margin-left: -20px;
	    margin-right: -20px;
	}
	.newTA-footLinks .span3 {
		margin-left:30px;
	}
}

@media (min-width:768px) {
	.taBox-leftgreencontent, .taBox-leftgraycontent, .taBox-leftgreencontent-bottom { 
		/*position:absolute;  */
	}	
	.taBox-leftgreen, .taBox-leftgray, .taBox-leftgreen-bottom {
		/*position:absolute;*/
		top:0; 
		left:0;
		bottom:0;
	}
	.taBox-rightgreen {
		padding:20px;
		position:absolute;
		top:70%;
		right:0;
		left:0;
		bottom:0;
	}
	.taBox-rightgreencontent {
		margin-bottom:0;
	}
	.taBoxes-content {
		/*padding:10px;*/
		position:absolute; 
	}
}

@media (min-width:768px) and (max-width:979px) {

	.taBox-right {
		height: 471px;	
	}
	
	.taBox-rightgreen {
		top: 52%;
	}
	.taBox-left {
		height:225px;
	}
	.taBox-left-bottom {
		height:450px;
	}	
	.taBoxes {  
		min-height:173px;
	}
 	/*.taBoxes-content {   
    	margin-top: 60px; 
	}*/	
	.taBoxes-gray, .taBoxes-green {  
		height: 45px;
	}
	.newTA-footerTop .span4 {
		font-size:25px;
		font-weight:bold;
	}
	.newTA-footLinks .span3 {
		margin-left:10px;
	}
	
	.taBox-leftgreencontent-bottom {
		top: 30%;
	}
}

@media (min-width:980px) and (max-width:1199px) {
	.taBoxes {  
		min-height:190px;
	}
	.taBox-left { 
		height:293px;
	}
	.taBox-right {
		height:502px; 
	}
	.taBox-rightgreen {
		top: 63%;
	}
 	/*.taBoxes-content {   
    	margin-top: 40px; 
	}*/
	
	.newTA-footerTop .span4 {
		font-size:35px;
		font-weight:bold;
	}
	.newTA-footLinks .span3 {
		margin-left:10px;
	}
	
	.taBox-left-bottom {
		height: 375px;
	}
	.taBox-leftgreencontent-bottom {
		top: 30%;
	}
}

@media (max-width:1199px) {
	.taBox-leftgreencontent { 
		left:0; 
		bottom:0; 
	}
	.taBox-leftgreencontent-bottom { 
		left:0;  
	}
	.taBox-leftgreen { 
		left:0; 
		top:0;
		bottom:45%;
		padding-top:20px;
	}
	.taBox-leftgreen-bottom  { 
		left:0; 
		top:0;
		right: 0;
		bottom:70%;
		padding-top:20px;
	}
	
	.taBox-leftgraycontent {
		left:0; 
		bottom: 0; 
	}
	.taBox-leftgray {
		left:0; 
		top:0;
		right: 0;
		bottom:45%;
		padding-top:20px;
		text-align:left;
	}

	.taBoxes-content {  
		padding:0; 
	}
	.taBoxes-gray, .taBoxes-green {  
		padding:10px 15px;  
	}
}
@media (min-width:1200px) {
	
	.nominate .taBox-leftgreen {
		right: 0;
		padding-top:13px;
		padding-bottom:20px;
	}
	.nominate .taBox-leftgreencontent {
		left: 0;
	}
	.orderTAG .taBox-leftgray {
	    left: 0;
	    right: 0;
		text-align: left;
		padding-top:10px;
		padding-bottom:20px;
	}
	.orderTAG .taBox-leftgraycontent {
		right: 0;
		top:15%
		bottom: 0;
	}


	.taBox-left { 
		height:346px;
	}
	.taBox-right {
		height:500px; 
	}
	.taBox-rightgreen {
		bottom: 0;
	} 
	
	.taBox-left-bottom { 
		height: 175px;
	}
	.taBox-leftgreencontent-bottom { 
		left:50%; 
	}
	
	.taBox-leftgreen-bottom { 
		right:50%;
	}
	
	.taBoxes {  
		min-height:100px;
		margin-bottom:20px;
	}
	.taBoxes-content { 
		right:45%; 
		top:0;
		left:0;
		bottom:0;
		position:absolute;
	}
	.taBoxes-gray, .taBoxes-green { 
		left:55%;
		top:0;
		right:0;
		bottom:0;
		position:absolute;
	}

	.taBoxes-green-bottom { 
		left:50%;
		top:0;
		right:0;
		bottom:0;
		position:absolute;
	}
	.newTA-footLinks .span3 {
		margin-left:20px;
	}
}




/* ==========================================================================
   Footer Classes
   ========================================================================== */
   
.footline {
	background:#239eb0;
	height:4px;
	}

.footmember {
	text-align:center;
	margin-top:20px;
	}

.footmember img {
	margin:10px;
	}

.footsocial {
	width:100%;
	height:56px;
	text-align:center;
	margin-top:20px;
	}

.footbody {
	width:100%;
	text-align:center;
	padding:30px 0px;
	font-size:13px;
	}

.footbody a {
	margin:0px 20px 10px;
}

.footbody a:hover, a:focus {
  color: #000000;
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

/* form inputs with a little extra vertical cushion */
.form-input-extra {
	margin-top:7px;
}

div.clear {
	clear:both;
}

.form-search .input-append .btn {
	border-radius:0 !important;
}

.form-search .input-append .search-query {
	border-radius:0 !important;
}

input.search-query {width:150px;height:21px;}

.boardimg {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	}

.leftnavbox {
	margin:20px 0px;
	padding:15px;
	background:#004871;
	color:#ffffff
}

.leftnavbox a {
	color:#FFFFFF;
	text-decoration:underline;
	}
	
.leftnavbox a:hover {
	text-decoration:underline;
	color:#6ec4d7;
	}

.leftnavbox h4 {
	color:#FBFDEA;
	margin-top:0px;
	font-weight:bold;
	padding-top:0px;
	}

.teachagnav li.dropdown  {
	margin-bottom:10px;
}

.libtm li {
	margin-bottom:15px;
	}

h4 {padding-top:10px;}

blockquote p {
	font-size:15px;
	margin-bottom:15px;
	}
	
.center {
	text-align:center;
}

a.anchor {
	display: block;
	height: 50px;
	margin-top: -50px;
	visibility: hidden;
}

.indent-left {
	margin-left: 30px;
}

.anchor-top {
	display: block;
	height: 50px;
	margin-top: -50px;
	visibility: hidden;
}

/* ==========================================================================
   My Local Cooperative Classes
   ========================================================================== */

.mlcHead { 
	background:#fff;
	border-bottom:2px solid #ecf6f6;
}
.mlcLogo {
	padding:30px 0;
}
.mlcSocial {
	padding-top:55px;
	padding-bottom:20px;
	text-align:right;
}
 

#mlcCarousel .item {
	min-height:300px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

#mlcCarousel .carousel-caption p {
    line-height: 1.5;
	text-shadow: 1px 2px #323232;
}
#mlcCarousel .carousel-caption h4 {
	font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
	text-shadow: 1px 2px #323232;
}
#mlcCarousel .carousel-caption a {
	color:#fff;
	text-transform:uppercase;
}

.mlccontent {
	padding-top:50px;
}

.blueBoxes {
	padding-bottom:70px;
}

.blueBoxes.row, .blueBoxes .row, .forEducators.row, .forStudents.row {
	margin:0;
}

.blueBoxes [class*="span"], .forEducators [class*="span"], .forStudents [class*="span"] {
	margin-left:0;
} 

.blueBoxes p {
	padding:0 15px 15px;
}

.whatweDo-img {
	background-image:url('/MyLocalCooperative/images/who-pic.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.valueCooperative-img {
	background-image:url('/MyLocalCooperative/images/value-pic.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.whatweDo-text, .valueCooperative-text {
	background:#004871; 
	color:#fff;
}

.whatweDo-text h4, .valueCooperative-text h4 {
	color:#fff;
	text-transform:uppercase;
	line-height:1.2;
    font-weight: normal;
    letter-spacing: 3px;
    font-size: 20px;
	padding-top:0;
	padding-left:15px;
	padding-right:15px;
}
.whatweDo-text a, .valueCooperative-text a {
	color:#fff;
	text-transform:uppercase;
	line-height:1.2; 
}

.forEducators { 
	padding-bottom:70px;
}
.forEducators-img {
	background-image:url('/MyLocalCooperative/images/for-educators.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.forEducators-text {
	background:#006343;
	color:#fff;
	padding:0px 15px 15px;
}

.forStudents { 
	padding-bottom:70px;
}
.forStudents-img {
	background-image:url('/MyLocalCooperative/images/for-students.jpg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.forStudents-text {
	background:#78a22f;
	color:#fff;
	padding:0px 15px 15px;
}

.forEducators-text h4, .forStudents-text h4 {
	color:#fff;
	text-transform:uppercase;
	line-height:1.2;
    font-weight: normal;
    letter-spacing: 3px;
    font-size: 20px;
	padding-top:0; 
}
.forEducators h5, .forStudents h5 {
	color:#fff;
	text-transform:uppercase;
	font-size: 12px;
}
.forEducators-text a, .forStudents-text a {
	color:#fff;
	text-transform:uppercase;
	line-height:1.2; 
}

.mlsGraybox {
	background:#f0f0f0;
	padding-top:50px;
	padding-bottom:50px;
}
.mlsGraybox h5 {
	color:#004871;
	text-transform:uppercase;
	margin-top:0;
}
.mlsGrayBox-text {
	background:#fff;
	height:70px;
	padding:15px;
	text-align:center;
	font-size: 16px;
}

.testimonials {
    min-height: 500px;
    padding-top: 50px;
    color: #5f5c58;
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
}
.testimonials h5 {
	color:#78a22f;
	text-transform:uppercase;
    padding-bottom: 15px;
}
.testimonials h3 {
	text-transform: uppercase;
    color: #006a68;
    padding-bottom: 30px;
    font-weight: normal;
    width: 60%;
    line-height: 1.3;
    margin: 0 auto;
}
.testimonials p {
    padding-bottom: 20px;
}

.mlcSponsored {
	background:#f5f5f5;
	color:#5f5c58;
    min-height: 250px;
    padding-top: 40px;
    margin-bottom: -20px;
}
.mlcSponsored h4 {
	color:#5f5c58;	
}
  
@media (max-width:767px) {
	.mlcHead {
		padding-bottom:30px;
	}
	.mlcHead .container {
		padding-left:0;
		padding-right:0;
	}
	.mlcLogo {
		text-align:center;
		padding:10px;
	}
	#mlcCarousel .carousel-caption {
		background: transparent;
    	font-size: 15px;
		bottom:10px;
		text-align:center;
		position: absolute;
	}
	#mlcCarousel .carousel-caption h4 {
	    font-size: 20px;
	}
	.whatweDo {
		margin-bottom:20px;
	}
	.whatweDo-img, .valueCooperative-img, .forEducators-img, .forStudents-img {
	    height: 200px;
	}
	.whatweDo-text h4, .valueCooperative-text h4, .forEducators-text h5, .forStudents-text h5 {
		margin-top: 0;
		padding-top: 15px;
	}
	
	.mlsGraybox, .mlcSponsored {
		margin-right: -20px;
		margin-left: -20px;
	}
	.mlsGraybox {
		padding:0;
	}
	.mlsGraybox .span4 {
		padding: 25px 20px;
	}
	
	.mlcSponsored {
		padding-top: 0;
   		margin-bottom: 0;
	}
	.mlcSponsored .row {
		padding: 0 20px 20px;
		margin-bottom: 0;
	}	
	.mlcSponsored .span7 {
		padding-top:20px;
	}
}

@media (min-width:768px) {
	.mlcHead {
		min-height:160px;
	}
	#mlcCarousel .carousel-caption {
		left: 20%;
		right: 20%;
		top: 50%;
		transform: translate(0, -50%);    
		background: transparent;
		text-align: center;
		font-size: 20px;
	}

	.whatweDo, .valueCooperative   {
		display:flex;
		height:300px;
		justify-content: space-around;
	}
	.whatweDo {
		margin-right:15px !important;
	}
	.valueCooperative {
		margin-left:15px !important;
	}
	
	.forEducators   {
		display:flex;
		height:300px;	
	}
	.forStudents   {
		display:flex;
		height:300px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.mlcLogo {
		padding-top: 40px;
	}
	
	.blueBoxes .span6 {
		width:362px;
	}
	.whatweDo .span7, .valueCooperative .span7 {
		width:112px;
	}
	.whatweDo .span5, .valueCooperative .span5 {
		width:250px;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.blueBoxes .span6 {
		width:470px;
	}
	.whatweDo .span7, .valueCooperative .span7 {
		width:220px;
	}
	.whatweDo .span5, .valueCooperative .span5 {
		width:235px;
	}
}

@media (max-width:1199px) {
	.chsText {  
		border-top:4px solid #5f5c58;
		text-align:center;
		padding-top:20px;
	}
	.chsImg {
		text-align:center;
	}
}

@media (min-width:1200px) {
	.blueBoxes .span6 {
		width:585px;
	}
	.whatweDo .span7, .valueCooperative .span7 {
		width:375px;
	}
	.whatweDo .span5, .valueCooperative .span5 {
		width:210px;
	}
		
	.forEducators .span7, .forStudents .span7 {
		width:870px;
	}
	.forEducators .span5, .forStudents .span5 {
		width:300px;
	}
	
	.chsText {
		width:70%;
		display:inline-block;
		border-left:4px solid #5f5c58;
		padding-left:20px;
		vertical-align:middle;
	}
	.chsImg {
		width:45%;
		display:inline-block;
	}
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.frame-border { 
border:1px solid #6ec4d7; 
}