@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Raleway:100);
@font-face {
	font-family: 'open_sansbold';
	src: url('../fonts/opensans-bold-webfont.eot');
	src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans-bold-webfont.woff') format('woff'),  url('../fonts/opensans-bold-webfont.ttf') format('truetype'),  url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanssemibold';
	src: url('../fonts/opensans-semibold-webfont.eot');
	src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/opensans-regular-webfont.eot');
	src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/opensans-regular-webfont.woff') format('woff'),  url('../fonts/opensans-regular-webfont.ttf') format('truetype'),  url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansextrabold';
	src: url('../fonts/opensans-extrabold-webfont.eot');
	src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-extrabold-webfont.woff') format('woff'),
		 url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sanslight';
	src: url('../fonts/opensans-light-webfont.eot');
	src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/opensans-light-webfont.woff') format('woff'),
		 url('../fonts/opensans-light-webfont.ttf') format('truetype'),
		 url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_6216';
	src: url('../fonts/6216.eot');
	src: local('☺'), url('../fonts/6216.woff') format('woff'), url('../fonts/6216.ttf') format('truetype'), url('../fonts/6216.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
	font-size: 0.813em;
	background:#e5e5e5;
}
body{
	background: #fff;
	margin:0; padding:0; font-family: 'Open Sans', sans-serif; color:#747474;
}
img{
	border:0; outline:0;
}
a{
	text-decoration:none;
	color:#16a2d7;
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	margin:0 0 10px 0;
	font-weight: normal;
}

h1 {
	font-size: 1.846em;
}
h2 {
	font-weight: 600;
	font-size:1.538em;
}
h3 {
	color: #00477c;
	font-size:1.538em;
}
ul {
	margin: 0;
	padding-left: 1.4em;
}

p, li {
	margin:0 0 8px 0;
}
ul.not-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.not-list li {
	padding: 0;
	margin: 0;
}


section.container {
	margin-top: -146px;
}
section.container h1.page-title{
	margin: 6px 0 120px 0;
	color: #80ae40;
	font-size: 1.385em;
	font-weight: 600;
}
article {
	/*float: left;
	width: 650px;*/
}
article .content{
	float: left;
	width: 650px;
}
aside {
	width: 270px;
	float:right;
	border: 1px solid #e4dac4;
	background: #f7f1e4;
	padding: 20px;
}
aside section {
	border-bottom: 1px solid #e6d8b9;
	border-top: 1px solid #fff;
	padding: 20px 0;
}
aside section.school-sideinfo {
	border-top: none;
}
form {
	background-color:#ede3ca;
	border:1px solid #e4dac4;
	padding: 20px 0;
	margin-bottom: 20px;
}

fieldset {
	border: none;
	margin: 0 20px;
}
label {
	color: #747474;
	/*margin-top: 10px;*/
	font-size: 0.923em;
	line-height: 1.8em;
	font-weight: bold;
}
input[type="text"],
input[type="password"],
textarea
{
	max-width: 240px;
	background-color:#FFF;
	border:1px solid #cbcbcb;
	padding: 6px 10px;
	color:#000;
	font-size: 14px;
	font-weight:normal;
}

img.bordered {
	padding: 4px;
	box-shadow: 0 0 8px rgba(30, 30, 30, 0.4);
	background:white;
}

blockquote.styled {
	font-family: 'lobster';
	font-size: 36px;
	color: #80ae40;
	margin: 0;
}
blockquote.styled small.author {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
}

.icon-btk-logo {
	font-size: 20px;
	position: relative;
	top: 3px;
}

.wrapper{
	width:1000px;
	margin:0 auto;
}
.container .wrapper {
  width: 100%;
}

/* Clearing */
.clear::before,
.clear::after,
.wrapper::before,
.wrapper::after,
[class*="content"]::before,
[class*="content"]::after,
[class*="site"]::before,
[class*="site"]::after {

	content: '';
	display: table;

}

.clear::after,
.wrapper::after,
[class*="content"]::after,
[class*="site"]::after {

	clear: both;

}
.pagination {
	float: left;
	width: 100%;
}


.icon-twitter {
	color: #00aeef;
}

.icon-youtube {
	color: #c6132c;
}

.icon-instagram {
	color: #4A3027;
}

.stripInner .button {
	position: relative;
	padding: 0.5em 0.75em;
    margin-top: 6px;
}
.stripInner .button.books  { padding-left: 40px; }
.stripInner .button.marker { padding-left: 26px; }
.stripInner .button.manual { padding-left: 32px; }
.icon.books, .icon.marker, .icon.manual {
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 5px;
	background-repeat: no-repeat; 
}

.icon.books {
	background-image: url('../images/books.png');
	width: 24px;
	height: 18px;
}
.icon.marker {
	background-image: url('../images/marker.png');
	width: 11px;
	height: 17px;
}
.icon.manual {
	background-image: url('../images/manual.png');
	width: 17px;
	height: 19px;
}

/*******************
 * Homepage
*******************/

.homepage .banner .button {
	font-size: 15px;
	font-weight: 600;
}

/*******************
 * Sizing classes
*******************/
.quarter { width: 25% }
.third { width: 33% }
.half {	width: 50% }
.two-thirds { width: 66%}
.three-quarters { width: 75% }
.full {	width: 100% }

.pad-inside-left > * {
	margin-left: 20px !important;
}
.pad-inside-right > * {
	margin-right: 20px !important;
}
.no-pad{
	padding: 0 !important;
}
#sidebar p {
	margin-top: 0;
	padding: 0;
}
#sidebar h3 {
	margin-bottom: 0;
	padding: 0;
}

.center-margin-block {
	margin: 0 auto;
}
.no-margin {
	margin: 0;
}
.no-margin-top {
	margin-top: 0;
}
.no-margin-bottom {
	margin-bottom: 0;
}

/*******************
 * Boxes / Accordions
 *******************/
.accordion, .midArea.accordion {
	margin-top: 1em;
}
.box.collapsible, .box.collapsible * {
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
}
.box.collapsible > .header {
	height: auto;
	padding: 0.5em 1.5em;
	background: #f0f1d7;
	border: 1px solid #cce1ae;
	-webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.30);
	   -moz-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.30);
	        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.30);
}
.box.collapsible > .header .title {
	display: block;
	margin: 0;
	padding-right: 2em;
	background-image: url('../images/accordian_up.png');
	background-position: right center;
	background-repeat: no-repeat;
	color: #80ae40;
	font-size: 1.231em;
	line-height: 1.125;
	font-weight: bold;
}

.box.collapsible > .content {
	display: none;
	padding: 0 1.5em 1.5em;
	border: 1px solid #cce1ae;
	border-top: none;
}
.box.collapsible > .content.archive {
  padding: 1.5em 1.5em;
}
.box.collapsible > .content .list-item:last-child { border-bottom: none; }

.box.collapsible.open > .header .title { background-image: url('../images/accordian_down.png'); }
.box.collapsible.open > .content { display: block; }

/*******************
 * news, events, news-and-events
*******************/

.news-and-events li article,
.news li article,
.events li article,
.blog li article
{
	float: left;
	clear: left;

	margin-right: 20px;
	width: 100%;
}

.news-and-events li article h3,
.news li article h3,
.events li article h3,
.blog li article h3
{
	margin-bottom: 0;
}
.news-and-events li article time,
.news li article time,
.events li article time,
.blog li article time
{
	display: block;
	margin-bottom: 10px;
}
.news-and-events li:first-child article,
.news li:first-child article,
.news li:first-child article .article-info,
.news li:first-child article .author-info,
.events li:first-child article,
.events li:first-child article .article-info,
.events li:first-child article .author-info,
.blog li:first-child article,
.blog li:first-child article .article-info,
.blog li:first-child article .author-info
{
	border: none;
}

.news-and-events li article {
	border-top: 1px solid #dadada;
	width: 650px;
	padding: 20px 0;
}

.news article .article-info,
.events article .article-info,
.blog article .article-info
{
	border-top: 1px solid #dadada;
	padding: 20px 0;
}
.news li:first-child article .article-info,
.event li:first-child article .article-info,
.blog li:first-child article .article-info
{
	padding-top: 0;
}
.news article .author-info,
.events article .author-info,
.blog article .author-info
{
	border-top: 1px solid #dadada;
	margin-left: 20px;
	padding: 20px 0;
}

.news-and-events li:first-child article,
.news li:first-child article,
.events li:first-child article,
.blog li:first-child article
{
	padding-top: 0;
}

.news-and-events li:last-child article,
.news li:last-child article,
.events li:last-child article,
.blog li:last-child article
{
	border-bottom: none;
}

.news-and-events .latest-events,
.news .latest-events,
.events .latest-events,
.blog .latest-events
{
	padding-left: 20px;
}

.news-and-events .latest-news li article .entry,
.news .latest-news li article .entry,
.events .latest-news li article .entry,
.blog li article .entry
{
	max-width: 429px;
}
.news-and-events .latest-news li article.no-thumb .entry,
.news .latest-news li article.no-thumb .entry,
.events .latest-news li article.no-thumb .entry,
.blog li article.no-thumb .entry
{
	max-width: 100%;
}

li article a.float-left + .entry,
li article .event-date + .entry
{
	padding-left: 20px;
}


.news-and-events .latest-events li article .entry,
.news .latest-events li article .entry,
.events .latest-events li article .entry,
.blog .latest-events li article .entry
{
	max-width: 430px;
}

.news-and-events .latest-news,
.news .latest-news,
.events .latest-news,
.blog .latest-news
{
	border-right: 1px solid #dadada;
}
.post-meta,
.post-meta time {
	vertical-align: top;
	font-size: 11px;
}
.post-meta img {
	margin-right: 10px;
}

#main {
	margin-bottom: 30px;
}


/*******************
 * homepage
*******************/

.homepage .newsletter .row {
	padding: 0 20px 0 0;
	margin-bottom: 8px;
}
.homepage .newsletter .first-name,
.homepage .newsletter .last-name,
.homepage .newsletter .email-address
{
	width: 28%;
	float: left;
}
/*.homepage .newsletter .last-name
{
	float:right;
}*/

.homepage .newsletter .row input {
	width: 100%;
}

.homepage .newsletter .button {
	font-size: 15px;
}

.newsletter{
	margin-top:20px;
	height:133px;
	padding: 20px 20px 0 20px;
	color: black;
	background-color:#77ACD4;
}
.newsletter h1, .newsletter p{
	color:#fff !important;
}
.newsletterh1{
	background: url(../images/newsletter.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:30px;
}
.newsletter .buttons{
	display: inline-block;
	float: right;
}






/*******************
 * our-school-wants-a-garden
*******************/

.our-school-wants-a-garden .content {
	float: left;
	width: 300px;
}

.our-school-wants-a-garden form {
	float: right;
	width: 650px;
}

.our-school-wants-a-garden form ul {
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
}

.our-school-wants-a-garden form ul li {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
}

.our-school-wants-a-garden form ul li.full {
	width: 100%;
}

.our-school-wants-a-garden form ul li > div {
	margin: 0 20px;
}

.our-school-wants-a-garden form ul li label {
	display: inline-block;
}

.our-school-wants-a-garden form ul li input[type='text'],
.our-school-wants-a-garden form ul li input[type='password'],
.our-school-wants-a-garden form ul li select,
.our-school-wants-a-garden form ul li textarea
{
	display: block;
	width: 100%;
}
.our-school-wants-a-garden form input[type='submit'] {
	font-size: 15px;
}



/*******************
 * school-profiles
*******************/

.login .stripInner ul li.key-school-profiles a,
.school .stripInner ul li.key-school-profiles a {
	background:url(../images/arrow.png) no-repeat center bottom;
}
.school .questions .question {
	border: 1px solid #cce1ae;
	margin-bottom: 1.5em;
}
.school .questions .question .title {
	padding: 10px;
	background: #f0f1d7;
	color: #80ae40;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #cce1ae;
}
.school .questions .question .answer {
	padding: 10px;
}
.school-profiles .content h2 {
	margin-top: 0;
	font-size: 1.846em;
	font-weight: normal;
}
#googlemap {
	width: 100%;
	height:600px;
	float:left;
	background: #666;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 40px;
}
.schools-list {
	list-style: none;
	margin: 0;
	padding: 0;
	/*font-size: 13px;*/
}
.box.collapsible > .content.archive.schools-list {
    padding: 1.5em 0.5em;
}
.schools-list .school {
	position: relative;
	z-index: 1;
	display: block;
	float: left;
	width: 18%;
	height: 130px;
	margin-left: 1%;
    margin-right: 1.0%;
	margin-bottom: 18px;
	padding: 1em;
	border: 3px solid #ffffff;
	box-shadow: 0px 0px 5px rgba( 0, 0, 0, 0.15 );
	text-align: center;
	background-image: url('../images/banner-schools.jpg');
	background-size: cover;
	background-position: center center;
	font-size: 13px;
	color: #ffffff;
	font-weight: normal;
}
.schools-list .school .overlay {
	display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba( 0, 0, 0, 0.7 );
}
.schools-list .school .title {
	position: relative;
	z-index: 3;
	font-size: inherit;
	font-weight: bold;
	color: #c3ca00;
}
.schools-list .school .city-prov {
	position: relative;
	z-index: 3;
}
.schools-list h1,
.schools-list h1 a{
	color: black;
	font-size: 13px;
	padding:0;
	margin:0;
}
.schools-list li:first-child{
	border-top:1px solid #d2d2d2;
}
.schools-list div.school-name{
	min-width: 400px;
}
.schools-list li{
	border-bottom:1px solid #d2d2d2;
	padding: 20px 0;
}

.clear-left {
	clear:left;
}
.clear-right {
	clear:right;
}
.float-left,
.schools-list img {
	float: left;
}
.float-right {
	float: right;
}

.text-right {
	text-align: right
}
.text-center {
	text-align: center
}


/*******************
 * edit-profile
*******************/

.edit-profile form#school-form textarea {
	min-width: 915px;
	width: 100%;
	height: 5em;
}
.edit-profile .editProfileButton{
	text-align: right;
	margin-right:32px;
}

.edit-profile .editProfileButton a{
	font-size: 16px;
}


/*******************
 * for-teachers
*******************/
.for-teachers .container {
	
}

.for-teachers .midareaII:last-child,
.learning-gardens .midareaII:last-child {
	margin-bottom: 0;
	border-bottom: 0;
}

/*******************
 * how to apply
*******************/

.apply-buttons .button.huge {
    padding: 10px 14px 10px 10px;
	text-align: left;
	font-weight: normal;
}
.apply-buttons .button.huge .info {
	display: inline-block;
	vertical-align: middle;
}
.apply-buttons .button img.province {
	display: inline-block;
    vertical-align: middle;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #beddf3;
	border-radius: 5px;
	margin-right: 10px;
}

.woofoo-apply-atlantic .stripInner ul li.key-how-to-apply a,
.woofoo-apply-alberta .stripInner ul li.key-how-to-apply a,
.woofoo-apply-manitoba .stripInner ul li.key-how-to-apply a,
.woofoo-apply-ontario .stripInner ul li.key-how-to-apply a,
.woofoo-apply-saskatchewan .stripInner ul li.key-how-to-apply a {
	background:url(../images/arrow.png) no-repeat center bottom;
}

/*******************
 * school
*******************/

.school .content {
	clear: both;
}

.school h1 {
	margin-bottom: 0;
}

.ambassador-map h1 {
	position: absolute;
}


/*******************
 * corporate-donors
*******************/

table.sponsors {
	width: 100%;
	border-spacing: 0;
}
.sponsors tr td {
	text-align: center;
	border-bottom: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
	width: 33%;
	height: 150px;
}
.sponsors tr:first-child td {
	border-top: none;
}
.sponsors tr:last-child td {
	border-bottom: none;
}
.sponsors tr td:first-child {
	border-left: none;
}
.sponsors tr td:last-child {
	border-right: none;
}

/*******************
 * resources
*******************/

.province-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 20px;

}
.province-nav li {
	display: inline-block;
	padding: 0 70px 0 0;
}
.province-nav li:last-child {
	padding: 0;
}
.province-nav li a{
	font-weight: 400;
	color: black;
}
.province-nav li .active a,
.province-nav li a:active,
.province-nav li a.active,
.province-nav li a:hover
{
	color: #80ae40;
}
.download-resource {
	float: left;
	background: #f7f1e4;
	border: 1px solid #e4dac4;
	padding: 10px;
	width: 160px;
	height: 260px;
	margin-right: 18px;
	margin-bottom: 18px;
}
.download-resource a {
	display: block;
}
.download-resource a.icon {
	background: url(../images/acrobatIcon.jpg) 0 4px no-repeat;
	padding-left: 16px;

}
.download-resource img {
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
}


/*******************
 * teacher-ambassadors
*******************/

.ambassador {
	margin-bottom: 20px;
}


/*******************
 * END YVON
*******************/




.header{
	background:url(../images/headerBG.jpg) no-repeat center top;
	width:100%;
	height:90px;
}
.logo {
	float:left;
	width:271px;
}
.logo img {
	width: 250px;
	height: auto;
}
.topRightNav{
	width:auto;
	height:25px;
	float:right;
	/*margin:0 -4px 0 0;*/
	background:#ffffff;
	box-shadow: rgba(0,0,0,0.3) 0px 0px 5px 0px;
	border-radius: 0px 0px 5px 5px;
}
.topRightNav ul{
	/*margin:0 0 0 4px;*/
	padding:0;
	float:left;
}
.topRightNav ul li{
	float:left;
	list-style-type:none;
	display:block;
	border-left:1px solid #5e5e5e;
	margin-top:4px;
}
.topRightNav ul li a{
	float:left;
	padding:0 9px;
	height:16px;
	font-size:11px;
	line-height:16px;
	font-weight: bold;
	color:#5e5e5e;
	text-decoration:none;
}
.nav{
	float:right;
	margin:23px 0 0 0;
}
.nav ul{
	margin:0;
	padding:0;
}
.nav ul li{
	float:left;
	list-style-type:none;
}
.nav ul li:last-child a{
	margin-right: 0;
}
.nav ul li a{
	float:left;
	margin:0 12px 0 0;
	display:block;
	font-size:14px;
	font-weight:600;
	color:#00477c;
	text-decoration:none;
}
.banner{
	width:100%;
	height:450px;
	background:url(../images/bannerBG.jpg) repeat-x left top;
	float:left;
	margin:0 0 20px 0;
}
.BannerInner{
	/*width:1400px;*/
	margin:0 auto;
	overflow:hidden;
}
.BannerInner ul{
	margin:0;
	padding:0;
}
.BannerInner ul li{
	float:left;
	list-style-type:none;
	position:relative;
}
.bannerText{
	float:left;
	width:1000px;
	position:absolute;
	left:0;
	right:0;
	top:82px;
	margin:auto
}
.bannerText h1{
	float:left;
	margin:0 0 10px 0;
	width:340px;
	font-size:46px;
	line-height:46px;
	font-weight:800;
	color:#00477c;
}
.bannerText h2{
	float:left;
	margin:0 0 10px 0;
	width:327px;
	font-size:26px;
	font-weight:300;
	color:#00477c;
}
.bannerText p{
	float:left;
	margin:0 0 10px 0;
	width:327px;
	font-size:15px;
	font-weight:normal;
	color:#00477c;
}
.bannerText a{
	float:left;
}
.stripInner ul{
	margin:0;
	float:left;
	padding:0;
}
.stripInner ul li{
	float:left;
	list-style-type:none;
	display:block;
	margin:0 33px 0 0;
}
.stripInner ul li:last-child{
    margin-right: 0;
}
.stripInner ul li a{
	float:left;
	font-size:14px;
	line-height:40px;
	font-weight:600;
	color:#FFF;
	text-decoration:none;
	margin:0;
	height:40px;
}
.stripInner ul li.on a,
.stripInner ul li a:hover{
	background:url(../images/arrow.png) no-repeat center bottom;
}


.container{
	width:100%;
	padding-bottom: 30px;
}
.schools > .container,
.learning-gardens > .container {
	padding-bottom: 0px;
}
.midArea{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.midArea.padded{
	padding:40px 0;
}
.callouts{
	width:320px;
	float:left;
	margin:0 20px 5px 0
}
.callouts-nl{
	width:100%;
	float:left;
	margin:0 20px 5px 0
}
.callouts:nth-child(3n){
	margin-right: 0;
}
.calloutnews{
	width:300px;
	background:url(../images/callout1.jpg) no-repeat left top;
	float:left;
	padding:0 0 0 20px;
	margin-bottom:20px;
	height:240px;
}
.callouts h1{
	float:left;
	width:100%;
	font-size:24px;
	font-weight:normal;
	color:#FFF;
	margin:10px 0 0 0;
}
.callouts p{
	float:left;
	width:95%;
	font-size:14px;
	font-weight:normal;
	color:#FFF;
	margin:0 0 10px 0;
}
.calloutdiv{
	float:left;
	width:320px;
	padding-top:14px;
	border-top:1px solid #dadada;
	font-size:13px;
	font-weight:normal;
	color:#747474;
}
.newsh2{
	float:left;
	width:280px;
	background:url(../images/newsIcons.jpg) no-repeat left 4px;
	padding:0 0 0 40px;
	height:35px;
	font-size:24px;
	line-height:35px;
	font-weight:normal;
	color:#000;
	margin:0 0 10px;
}
.calloutdiv p{
	float:right;
	width:320px;
	font-size:13px;
	font-weight:normal;
	color:#747474;
	margin:0 0 10px;
}
.calloutdiv p strong {
	/*display:inline-block;*/
	font-weight:normal;
	color:#16a2d7;
	font-size:13px;
	font-weight:600;
	margin-bottom: 8px;
}
.calloutdiv p span{
	display:inline-block;
	font-style:italic;
}
.calloutstudents{
	width:300px;
	background:url(../images/forstudents.jpg) no-repeat left top;
	float:left;
	padding:0 0 0 20px;
	margin-bottom:20px;
	height:240px;
}
.calloutsignup{
	width:300px;
	background:url(../images/signschoolup.jpg) no-repeat left top;
	float:left;
	padding:0 0 0 20px;
	margin-bottom:20px;
	height:240px;
}
.calloutsignup p, .calloutsignup h1{
	color: #80AE41;
}
.calenderh2{
	float:left;
	width:280px;
	background:url(../images/calenderIcon.jpg) no-repeat left 4px;
	padding:0 0 0 40px;
	height:35px;
	font-size:24px;
	line-height:35px;
	font-weight:normal;
	color:#000;
	margin:0 0 10px;
}
.event-block {
	width: 320px;
	float: left;
	min-height: 100px;
}
.event-date {
	border-radius: 50%;
	background: #ede3ca;
	border: 1px solid #e4dac4;
	float:left;
	height: 80px;
	width: 80px;
	color: #747474;
}
.event-date.large {
	height: 200px;
	width: 200px;
}
.event-date span {
	display: block;
	text-align:center;
	text-transform: uppercase;
	position: relative;
	top: 5px;
}
.event-date.large span {
	font-size: 27.85px;
	top: 20px;

}
.event-date span.number {
	font-size: 48px;
	font-weight: 100;
	font-family: 'Raleway';
	top: -5px;
}
.event-date.large span.number {
	font-size: 121.52px;
	top: -10px;
}



.label{
	float:left;
	width:280px;
	margin:10px 0 0;
}

/*input_text required .nwsltr{
 width:113px;
 float:left;
}*/
/*.nwsltr_rht{
	float: right;
	width: 113px;
	margin-right: 36px;
}*/
.newsletter input[type="submit"]{
	cursor:pointer;
	font-weight: bold;
}
.footer{
	float:left;
	width:100%;
	background:#e5e5e5;
	border-top:1px solid #d3d3d3;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}
.footer a{
	color: inherit;
}
.footerinner{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	height:50px;
}
.footerinner span{
	float:left;
	height:50px;
	color:#999;
	font-size:11px;
	line-height:50px;
	font-weight:normal;
}
.footerinner span a{
	color:#999;
	font-size:11px;
	font-weight:bold;
	display:inline-block;
	text-decoration:none;
}






.button{
	display: inline-block;
	padding: 0.25em 0.75em;
	background-color: #dbefff;
	color: #00477c;
	border: 1px solid #beddf3;
	border-radius: 6px;
	box-shadow: #8d8d8d 0px 2px 2px 0px;
	cursor: pointer;
	font-size: 11px;
}
.button:hover{
	border: 1px solid white;
}
.button.green{
	background-color: #c0ca08;
	color: #ffffff;
	border: 1px solid #aab211;
}
.button.white{
	background-color: #fff;
	color: #80ae40;
	border: 1px solid #aab211;
}
.button.brown{
	background-color: #978a6e;
	color: #ffffff;
	border: 1px solid #75684c;
}
.button.big {
	text-transform: uppercase;
	font-weight: 600;
}
.button.large{
	background-color: #978a6e;
	color: #ffffff;
	border: 1px solid #75684c;
	text-align: center;
	width: 240px;
	font-size: 1.385em;
	padding: 10px 0;
	text-transform: none;
	font-weight: 600;
}
.button.round {
	border-radius: 14px;
	box-shadow: none;
}
.button.down {
	box-shadow: inset #8d8d8d 0px 2px 2px 0px;
}
.button.toggle {
}
.button.toggle.down {}

.centered {
	text-align: center;
}
.button.blue {
	color: #00477c;
}
.button.huge{
	text-align: center;
	font-size: 1.385em;
	padding: 10px 20px;
	text-transform: none;
	font-weight: 600;
	margin: 20px;
}

.stripInner .button + .button {
	margin-right: 10px;
}

.button.top-space {
	margin-top: 40px;
}



/**** Contact Us ***/
.headingBanner{
	width:100%;
	height:170px;
	background:url(../images/bannerBG.jpg) repeat-x left top;
}
.headingBannerinner{
	background:url(../images/innerTopBanner.jpg) no-repeat center top;
	/*width:1400px;*/
	height:170px;
	margin:0 auto;
}
.headingBannerinner h1{
	float:left;
	/*width:99%;*/
	font-size:46px;
	font-weight: 300;
	color:#00477c;
	margin:50px 0 0 0;
}
.strip{
	width:100%;
	height:40px;
	background-color:#80ae40;
	margin:0 0 40px 0;
}
.stripInner{
	width:1000px;
	margin:0 auto;
	overflow: hidden;
}

.stripInner a{
	float:right;
	margin:8px 0 0 0;
}
.contactLeftInfo{
	float:left;
	width:650px;
}
.contactLeftInfo p{
	font:13px/20px;
	font-weight:normal;
	color:#747474;
	float:left;
	width:100%;
}
#map{
	float:left;
	width:658px;
	margin:7px 0 0 6px;
}
.contactform{
	float:right;
	width:308px;
}
.contactform form {
	padding: 20px;
}
.group-option span.text{
	float:right;
	width:92%;
	font-size:12px;
	font-weight:normal;
	color:#747474;
	 margin:0 0 10px
}
.contactform label{
	float:left;
	width:100%;
	font-size:12px;
	font-weight:normal;
	font-weight:bold;
	color:#747474;
	font-weight:bold;
	margin:0 0 10px
}
.contactform input[type="text"]{
	width:248px;
	height:23px;
	background-color:#fff;
	border:1px solid #cbcbcb;
	line-height:23px;
	color:#cbcbcb;
	margin:0 0 20px;
}
.contactform textarea{
	width:248px;
	height:157px;
	background-color:#fff;
	border:1px solid #cbcbcb;
	color:#cbcbcb;
	margin:0 0 20px;
}
.contactform select{
	width:268px;
	height:25px;
	background-color:#fff;
	border:1px solid #a3a099;
	color:#000;
	margin:0 0 17px;
	font-size:13px;
	padding:1px;
}
.contactform input[type="submit"]{
	margin:0;
	cursor:pointer;
	color:#FFFFFF;
}

/*For teachers*/
.midtop{
	float:left;
	width:100%;
}
.leftimg{
	float:left;
	width:310px;
}
.rightText{
	float:right;
	width:650px;
}
/*.rightText h1{
	float:left;
	width:100%;
	font-size:24px;
	font-weight:normal;
	color:#000;
	margin:0 0 10px 0;
}*/
.rightText p{
	float:left;
	width:100%;
	font-size:13px;
	font-weight:normal;
	color:#747474;
	margin:0 0 5px 0;
}
.nature{
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
.nature ul{
	margin:0;
	padding:0;
}
.nature ul li{
	float:left;
	list-style-type:none;
}
.nature ul li span{
	float:left;
}
.nature ul li p{
	float:left;
	width:126px;
	margin:0 0 0 5px;
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	color:#b5be00;
}
.midareaII{
	float:left;
	width:100%;
	padding:40px 0;
	background:#f7f1e4;
	border-bottom:1px solid #e4dac4;
	border-top:1px solid #e4dac4;
	margin-top:20px;
	margin-bottom:38px;
}
.midareaII-inner{
	width:1000px;
	margin:0 auto;
}
.midareaIIlefttext{
	width:650px;
	float:left;
}
.videosection{
	float:right;
	width:340px;
	text-align: right;
}
.midareaII h1{
	/*float:left;*/
	font-size:24px;
	font-weight:normal;
	color:#000;
	margin:0 0 10px 0;
}
.midareaII p{
	float:left;
	font-size:13px;
	font-weight:normal;
	color:#747474;
	margin:0 0 5px 0;
}
.midareaII p a{
	display:inline-block;
	font-size:13px;
	font-weight:600;
	color:#16a2d7;
	text-decoration:none;
}
.last_section{
	width:1000px;
	margin:0 auto;
}
.leftcatagory {
	float: left;
	clear: left;
	width:489px;
}

.last_section p{
	font-size:13px;
	font-weight:normal;
	color:#747474;
	margin:0 0 5px 0;
}
.last_section a{
	font-size:13px;
	font-weight:600;
	color:#16a2d7;
	text-decoration:none;
}
.rightcatagory{
	float:right;
	width:489px;
	margin-right:-5px;
}
.maparea{
	float:right;
}
.lefttext{
	float:left;
	width:315px;
}
.lefttext h1{
	/*float:left;
	width:100%;
	font-size:24px;
	font-weight:normal;
	color:#000;
	margin:0 0 10px 0;*/
}
.lefttext p{
	float:left;
	width:100%;
	font-size:13px;
	font-weight:normal;
	color:#747474;
	margin:0 0 5px 0;
}
.lefttext ul{
	margin:0;
	padding:0;
}
.lefttext ul li{
	float:left;
	width:94%;
	list-style-type:none;
	font-size:13px;
	font-weight:600;
	color:#16a2d7;
	padding:0 0 0 6%;
	background:url(../images/dot.jpg) no-repeat 8px center;
	margin-bottom:5px;
}
.contact-form label.error{

	float: left;
	white-space: nowrap;
	padding-left: 5px;
	color: red;

}

.donate .content {
	float: left;
	width: 450px;
}

.donate form {
	float: right;
	width: 500px;
}

.donate legend h2 {
	padding-bottom: 1em;
}
.donate fieldset {
	margin-bottom: 2em;
}
.donate label{
	width: 150px;
	display: inline-block;
}
.donate label.radio{
	width: auto;
	display: inline-block;
}
.donate label.error{
	min-width: 150px;
	display: inline-block;
	color: red;
	white-space:nowrap;
}

.donate input[type='submit'] {
	margin-left: 30px;
	font-size: 12pt;
	display: inline-block;
	padding: 0.25em 0.75em;
	background-color: #dbefff;
	color: #00477c;
	border: 1px solid #beddf3;
	border-radius: 6px;
	box-shadow: #8d8d8d 0px 2px 2px 0px;
	cursor: pointer;
	font-size: 11px;

	background-color: #978a6e;
	color: #ffffff;
	border: 1px solid #75684c;
}
.donate .fieldRow {
	margin: 3px 0 0.7em;
}

.download-form {
	padding: 2em;
	display: none;
}

.resources legend h2 {
	padding-bottom: 1em;
}
/* .resources fieldset {
	margin-bottom: 2em;
} */
.resources label{
	width: 150px;
	display: inline-block;
}
.resources label.radio{
	width: auto;
	display: inline-block;
}
.resources label.error{
	min-width: 150px;
	display: inline-block;
	color: red;
	white-space:nowrap;
}

.resources input[type='submit'] {
	margin-left: 30px;
	font-size: 12pt;
	display: inline-block;
	padding: 0.25em 0.75em;
	background-color: #dbefff;
	color: #00477c;
	border: 1px solid #beddf3;
	border-radius: 6px;
	box-shadow: #8d8d8d 0px 2px 2px 0px;
	cursor: pointer;
	font-size: 11px;

	background-color: #978a6e;
	color: #ffffff;
	border: 1px solid #75684c;
}
.resources .row {
	margin: 3px 0 0.7em;
}
.resources .group-option {
	display: inline;
}
.resources .group-option span.text{
	float:none;
	width:92%;
	font-size:12px;
	font-weight:normal;
	color:#747474;
	 margin:0 0 10px
}

.resources .download-form .row{
    width: 48%;
    float: left;
}

.resources .download-form .buttons{
	text-align: center;
    margin-top: 20px;
}
form .req,
form label span{
	color: #FF0000;
}

/* Blog */
/*.blogLeft{
	float:left;
	width:650px;
}
.blogLeft ul{
	margin:0;
	padding:0;
}
.blogLeft ul li{
	float:left;
	width:100%;
	list-style-type:none;
	min-height:220px;
	margin:0 0 20px;
	border-bottom:1px solid #dadada;
}
.blogLeft h1{
	float:left;
	width:100%;
	font-size:20px;
	line-height:25px;
	font-weight:normal;
	color:#00477c;
	margin:0 ;
	font-weight:bold;
}
.blogLeft p{
	float:left;
	font:13px/17px;
	font-weight:normal;
	color:#747474;
	margin:0 0 5px 0;
	width:100%;
}
.blogLeft h4{
	float:left;
	font-size:11px;
	font-weight:normal;
	color:#747474;
	margin:0 0 10px 0;
	width:100%;
	font-style:italic;
}
.blogLeft a{
	display:inline-block;
	float:left;
	font-size:13px;
	font-weight:600;
	color:#16a2d7;
	text-decoration:none;
}
.blogtext{
	float:right;
	width:431px;
}
.olderpost{
	float:left;
	width:100%;
}
.olderpost a{
	float:left;
	font-size:18px;
	font-weight:600;
	color:#16a2d7;
	text-decoration:none;
}
.blogright{
	float:right;
	width:310px;
}
.blogtextright{
	float:right;
	width:250px;
}
.blogright ul{
	margin:0;
	padding:0;
}
.blogright ul li{
	float:left;
	width:100%;
	min-height:220px;
	border-bottom:1px solid #dadada;
	margin-bottom:19px;
	list-style-type:none;
}
.blogright h1{
	float:left;
	margin:0;
	width:100%;
	height:56px;
	color:#000;
	font-size:11px;
	font-weight:normal;
}
.blogright h1 span{
	font-size:11px;
	font-weight:600;
	color:#16a2d7;
}
.blogright h2{
	float:left;
	width:100%;
	font-size:11px;
	font-weight:600;
	color:#000;
	margin:0;
}
.blogright p {
	float:left;
	width:100%;
	font-size:11px;
	font-weight:600;
	color:#16a2d7;
}*/
















/*Why Nutrients For Life*/
.overview{
	float:left;
	width:480px;
}
.overview h1{
	float:left;
	width:100%;
	font:24px open_sansregular;
	color:#000;
	margin:0 0 10px 0;
}
.overview p{
	float:left;
	width:100%;
	font:13px open_sansregular;
	color:#747474;
	margin:0 0 5px 0;
}
.overview ul{
	margin:0;
	padding:0;
}
.overview ul li{
	float:left;
	width:94%;
	list-style-type:none;
	font:13px open_sanssemibold;
	color:#16a2d7;
	padding:0 0 0 2%;
	background:url(../images/dot.jpg) no-repeat 3px center;
	margin-bottom:5px;
}
.languagePlant{
	float:right;
	width:490px;
	margin:0 -4px 0 0;
}
.nutrientsvideosec{
	float:left;
	width:100%;
	margin:25px 0 0 0;
}
.nutrientsvideosec ul{
	margin:0;
	padding:0;
}
.nutrientsvideosec ul li{
	float:left;
	width:269px;
	height:268px;
	background:#f7f1e4;
	border:1px solid #e4dac4;
	border-radius:10px;
	list-style-type:none;
	padding:20px;
	margin:0 33px 35px 0;
}
.nutrientsvideosec ul li h1{
	float:left;
	width:100%;
	font:20px/25px open_sanssemibold;
	color:#00477c;
	margin:0 0 5px;
}
.nutrientsvideosec ul li p{
	float:left;
	width:100%;
	font:13px/20px open_sansregular;
	color:#747474;
	margin:0 0 10px 0;
}
.nutrientsvideosec ul li span{
	float:left;
	width:100%;
	text-align:center;
}
.greenmap{
	float:left;
	width:269px;
	height:268px;
	background:url(../images/greenMap.jpg) no-repeat left top;
	list-style-type:none;
	padding:20px;
	margin:0 0 35px 0;
	text-align:center;
}
.greenmap h1{
	float:left;
	width:100%;
	font:20px/25px open_sanssemibold;
	color:#FFFFFF;
	margin:0 0 5px;
	text-align:left;
}
.greenmap p{
	float:left;
	width:100%;
	font:13px/20px open_sansregular;
	color:#FFFFFF;
	margin:0 0 10px 0;
	text-align:left;
}
.greenmap a{
	display:inline-block;
	margin:36px 0 0 0;
}

/* Order Material */
.resourceLeft{
	float:left;
	width:650px;
	padding:0 20px 0 0;
	min-height:894px;
	border-right:1px solid #dadada;
}
.resource h2{
	float:left;
	width:100%;
	font:24px/25px open_sansregular;
	color:#000;
	margin:0 0 5px;
}
.resource p{
	float:left;
	width:100%;
	font:13px/20px open_sansregular;
	color:#747474;
	margin:0 0 10px 0;
}
.resource h1{
	float:left;
	width:100%;
	font:20px/25px open_sansregular;
	color:#00477c;
	margin:5px 0 5px;
	font-weight:bold;
}
.resourceLeft ul{
	margin:0;
	padding:0;
}
.resourceLeft ul li{
	float:left;
	width:90%;
	list-style-type:none;
	font:13px open_sansregular;
	color:#747474;
	padding:0 0 0 5.3% !important;
	background:url(../images/dot.jpg) no-repeat 3px center;
	margin-bottom:5px;
	margin-left:2.6%;
}
.resource span{
	float:left;
	margin-left:-4px;
}
.resourceright{
	float:right;
	width:315px;
}
.resourceright h1{
 margin:0 0 5px;
}
.resource a{
	display:inline-block;
	font:13px open_sanssemibold;
	color:#16a2d7;
	text-decoration:none;
}

/*Resource by Topic*/
.resource{
	float:left;
	width:100%;
}
.resource ul{
	margin:0;
	padding:0;
}
.resource ul li{
	float:left;
	width:100%;
	padding:35px 0;
}
.resource ul li.even{
	float:left;
	width:100%;
	padding:35px 0;
	border-bottom:1px solid #e4dac4;
	border-top:1px solid #e4dac4;
	background-color:#f7f1e4;
}
.resource ul li span{
	float:left;
	margin:-4px 14px 0 -4px;
	width:108px;
}
.resource ul li .tittleDIV{
	float:left;
	width:531px;
	margin:0 39px 0 0;
}
.resource ul li h1{
	float:left;
	font:24px/20px open_sansregular;
	color:#000;
	margin:0 0 10px 0;
	width:100%;
}
.resource ul li p{
	float:left;
	font:13px/20px open_sansregular;
	color:#747474;
	margin:0 0 10px 0;
	width:100%;
}
.resource ul li .youtubelink{
	float:left;
	height:77px;
	line-height:77px;
	width:210px;
}
.resource ul li .youtubelink a{
	font:13px open_sanssemibold;
	float:none;
	color:#16a2d7;
	display:inline-block;
	padding:0 0 0 28px;
	background:url(../images/youtubeIcon.jpg) no-repeat left center;
	text-decoration:none;
}
.resource ul li a{
	float:left;
	margin:25px 0 0 0;
}
.midresource{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.resource .topic-preview a.button {
	font-weight: normal;
	color: #00477c;
}
.resource .topic-details {
	display: none;
	margin-top: 20px;
}
.resource .topic-details.active {
	display: block;
}
.resource .topic-details > .half {
	width: 47.5%;
}
.resource .topic-details h2,
.resource .topic-details h3,
.resource .topic-details ul,
.resource .topic-details hr,
.resource .topic-details p {
	display: block;
	clear: both;
	float: none;
	width: auto;
}
.resource .topic-details h2 {
	font-size: 20px;
	font-weight: bold;
	color: #00477c;
}
.resource .topic-details h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.resource .topic-details hr {
	margin: 20px 0;
}
.resource .topic-details p {
	margin: 0 0 1em;
}
.resource .topic-details p a {
	float: none;
	margin: 0;
}
.resource .topic-details ul {
	margin: 0 0 20px 40px;
	list-style: disc;
}
.resource .topic-details ul li {
	float: none;
	width: auto;
	padding: 0;
	margin: 0 0 5px;
}
.resource .topic-details ul li span {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}
.resource .topic-details ul li a {
	float: none;
	margin: 0;
}






#flickrrss a,
#flickrrss img {
	margin: 0;
	border: 0;
	padding: 0;
	float:left;
}


.donate-button {
	background: #00477c;
	box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 0px;
	border-radius: 0px 0px 5px 5px;
	color: white;
	position: absolute;
	top: 91px;
	right: 0;
	z-index: 99;
	padding: 4px 8px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 12px;
}

.donate-button a {
	color:white;
}


table.sponsors img {
	max-height: 100px;
    max-width: 250px;
}