﻿/* styles.css
	This document contains elements that are used on specific pages.
*/


#overall_wrapper  .bx-viewport {

	overflow: hidden

}

/* 1.0 Homepage */

.pg_homepage #content {background: url(/App_Images/bg_homepage.jpg) no-repeat; height: 728px; }
.pg_homepage #content #main {float: left; position: relative;}
.pg_homepage #content #circle {background: url(/App_Images/2018/bg_homepage_seal.png) no-repeat; height: 699px; width: 699px; position: absolute; top: 18px; left:150px; }
	.pg_homepage #content #circle a {position: absolute; filter: alpha(opacity=0); opacity: 0;}
		.pg_homepage #content #circle a#circle-about {top:148px; left:141px; background: #00f; width: 88px; height: 97px;}
		.pg_homepage #content #circle a#circle-lifeways {top: 0px; left:266px; background: #f00; width: 168px; height: 168px;}
		.pg_homepage #content #circle a#circle-teachers {top:129px; right:145px; background: #00f; width: 110px; height: 124px;}
		.pg_homepage #content #circle a#circle-science {top: 265px; right:0px; background: #f00; width: 168px; height: 168px;}
		.pg_homepage #content #circle a#circle-games {bottom:143px; right:149px; background: #00f; width: 91px; height: 90px;}
		.pg_homepage #content #circle a#circle-what {bottom: 0px; left:266px; background: #f00; width: 168px; height: 168px;}
		.pg_homepage #content #circle a#circle-contact {bottom:140px; left:136px; background: #00f; width: 95px; height: 105px;}
		.pg_homepage #content #circle a#circle-talking {top: 265px; left:0px; background: #f00; width: 168px; height: 168px;}
		.pg_homepage #content #circle a#circle-climate {top:282px; left:285px; background: gold; width: 125px; height: 125px;}

       
     .pg_homepage #content #circle a { opacity: 1;  }
    .pg_homepage #content #circle a img { position: absolute; display: none;}
    .pg_homepage #content #circle a:hover img { display: block;}
    .pg_homepage #content #circle a#circle-about {background-color: transparent; top:148px; left:141px; width: 88px; height: 97px;}
		.pg_homepage #content #circle a#circle-lifeways {background-color: transparent; top: 0px; left:266px; width: 168px; height: 168px;}
		    .pg_homepage #content #circle a#circle-lifeways img { top: -7px; left: -64px;  }
		
        .pg_homepage #content #circle a#circle-teachers {background-color: transparent; top:129px; right:145px; width: 110px; height: 124px;}
		.pg_homepage #content #circle a#circle-science {background-color: transparent; top: 265px; right:0px; width: 168px; height: 168px;}
		    .pg_homepage #content #circle a#circle-science img { top: 1px; left: -66px;}
        
            .pg_homepage #content #circle a#circle-games {background-color: transparent; bottom:143px; right:149px; width: 91px; height: 90px;}
		.pg_homepage #content #circle a#circle-what {background-color: transparent; bottom: 0px; left:266px; width: 168px; height: 168px;}
		    .pg_homepage #content #circle a#circle-what img { top: -1px; left: -67px; }
        
            .pg_homepage #content #circle a#circle-contact {background-color: transparent; bottom:140px; left:136px; width: 95px; height: 105px;}
		.pg_homepage #content #circle a#circle-talking {background-color: transparent; top: 265px; left:0px; width: 168px; height: 168px;}
		    .pg_homepage #content #circle a#circle-talking img { top: 1px; left: -59px; }
       
             .pg_homepage #content #circle a#circle-climate {background-color: transparent; top:282px; left:285px; width: 125px; height: 125px;}

    .pg_homepage #content { position: relative;}
    .pg_homepage #content .cur { position: absolute; top: 735px; left: 140px;}


.pg_homepage #content #hdnlifeways {float:left; width: 1000px; position: relative; display: none;}
	.pg_homepage #content #hdnlifeways a {position: absolute;}
		.pg_homepage #content #hdnlifeways a#life-maple {top: 33px; right:122px;}
		.pg_homepage #content #hdnlifeways a#life-fishing {top:81px; right:251px;}
		.pg_homepage #content #hdnlifeways a#life-ricing {top: 141px; right:187px;}
		.pg_homepage #content #hdnlifeways a#life-culture {top: 200px; right:124px;}
				
/* 2.0 About */

.pg_about #container #main #intro {float:left; width: 790px;}
	.pg_about #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #7596a5; position: relative; text-transform: uppercase; padding: 8px 15px 7px 105px; margin-bottom: 15px; margin-left: -105px;}
	.pg_about #container #main #intro p {float:left; width: 790px; font-weight: bold;}
	.pg_about #container #main #intro ul {float:left; width: 790px; margin-top: 20px; margin-left: 40px;}
		.pg_about #container #main #intro ul li {float:left; width: 700px; padding-left: 40px; background: url(/App_Images/ico_check_blue.gif) no-repeat 0 3px; font: 16px arial; color: #4c4c4c; min-height: 30px; margin-bottom: 20px;}
			.pg_about #container #main #intro ul li a {color: #aeb845;}
			
.pg_about #container #main #message {float: left; width: 790px; font: normal 18px arial; color: #7496a5; padding-left: 41px;}
	.pg_about #container #main #message b {float:left; width: 400px; margin-bottom: 15px;}
	.pg_about #container #main #message ul {float:left; width: 400px;}
		.pg_about #container #main #message ul li {font-weight: bold; float:left; margin-bottom: 22px;     background: url(/App_Images/2018/ico_bullet_large_blue.gif) no-repeat 5px 2px;
            padding-left: 32px;
            margin-left: 10px;
            padding-top: 3px;
            min-height: 15px; }
	.pg_about #container #main #message img.learning {}
    .pg_about #container #main #message .photo_shadow {
        float: right; margin-right: -7px; margin-top: -45px;
        background: url(/App_Images/2018/bg_photo_shadow.jpg) no-repeat; 
        width: 344px;
        height: 300px;
        padding: 22px;
        padding-bottom: 0px;
    }
	 .pg_about #container #main #message .photo_shadow span {

         display: block;
         margin-top: 24px;
         text-align: center;
         font: normal 16px arial;
         color: #545454;

	 }
.pg_about #container #main #tools {float: left; width: 790px; margin-top: 40px; color: #7496a5; border-bottom: 1px solid #7496a5; padding-bottom: 15px }
    .pg_about #container #main #tools a { font: normal 14px arial; color: #7496a5;  }
	.pg_about #container #main #tools h2 {float: left; width: 790px; margin-bottom: 17px; text-align: center; font: bold 18px arial; border-bottom: 1px solid #7496a5; padding-bottom: 15px}
		.pg_about #container #main #tools h2 img {float: none;}
	.pg_about #container #main #tools img {float:left;}
    .pg_about #container #main #tools div { float: left; width: 242px; line-height: 18px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #7496a5; font: normal 14px arial; min-height: 132px; }
    .pg_about #container #main #tools div:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px;}
    .pg_about #container #main #tools b, .pg_about #container #main #tools strong {  }
    
.pg_about #container #main .text {color: #517483; font: 14px arial; line-height: 18px; font-weight: bold; margin-bottom: 25px;}
    .pg_about #container #main .text strong {font-size: 16px;}
    .pg_about #container #main .center {text-align: center; }

.pg_about #container #main #partners {float: left; width: 790px; margin-top: 35px;}
	.pg_about #container #main #partners #partnericon {float: left; width: 790px; margin-top: 22px; margin-bottom: 60px; text-align: center;}
		.pg_about #container #main #partners #partnericon a {display: inline-block; margin: 0 15px;}
		
			.pg_about #container #main #partners #partnericon img.nolink {display: inline-block; margin: 0 20px;}
			
	.pg_about #container #main #partners h2 {float: left; width: 790px; text-align: center; margin-top: 60px;}
	
    .pg_about #container #main #partners #fundingicon {float:left; width: 790px; margin-top: 24px; margin-bottom: 60px; text-align: center;}
		.pg_about #container #main #partners #fundingicon a {display: inline-block; margin: 0 20px;}
        .pg_about #container #main #partners #fundingicon img.nolink {display: inline-block; margin: 0 20px;}

	.pg_about #container #main #partners #fundingicon1 {float:left; width: 790px; margin-top: 24px; margin-bottom: 60px; text-align: center;}
		.pg_about #container #main #partners #fundingicon1 a {display: inline-block; margin: 0 20px;}
        .pg_about #container #main #partners #fundingicon1 img.nolink {display: inline-block; margin: 0 20px;}
			
	.pg_about #container #main #partners #fundingicon2 {float:left; width: 790px; margin-top: 24px; text-align: center;}
	.pg_about #container #main #partners #fundingicon2 a {display: inline-block; margin: 0 20px;}	
        .pg_about #container #main #partners #fundingicon2 img.nolink {display: inline-block; margin: 0 20px;}

.pg_about #container #main #thanks {float:left; width: 790px; margin-top: 50px;}
	.pg_about #container #main #thanks h2 {float: left; width: 790px; text-align: center; font: 26px arial; margin-bottom: 25px;}
	.pg_about #container #main #thanks .organization {float:left; width: 790px; margin-top: 10px; margin-bottom: 50px;}
		.pg_about #container #main #thanks .organization img {float:left; width: 145px; margin-right: 15px;}
		.pg_about #container #main #thanks .organization dl {float: left; width: 630px;}
			.pg_about #container #main #thanks .organization dl dt {float: left; width: 630px; font: 18px arial; color: #202020; margin-bottom: 20px;}
			.pg_about #container #main #thanks .organization dl dd {float: left; width: 630px; font: 16px arial; color: #202020; margin-bottom: 10px;}
				.pg_about #container #main #thanks .organization dl dd a {color: #31aed7;}
				
.pg_about #container #main #curriculum {float: left; width: 704px; padding: 0 43px;}
	.pg_about #container #main #curriculum h2 {float: left; width: 704px; text-align: center; font: 26px arial; padding: 8px 0; margin-left: -43px; margin-bottom: 25px; border-top: 2px solid #7596a5; border-bottom: 2px solid #7596a5;}
	.pg_about #container #main #curriculum h3 {float: left; width: 704px; font: 20px arial; font-weight: bold; color: #424242; margin-bottom: 15px;}
	.pg_about #container #main #curriculum dl {float: left; width: 704px; margin-bottom: 25px;}
		.pg_about #container #main #curriculum dl dt {float: left; width: 704px; font: 16px arial; color: #4d4d4d; font-weight: bold;}
		.pg_about #container #main #curriculum dl dd {float: left; width: 704px; font: 16px arial; color: #4d4d4d;}


 

/* 3.0 Wild Rice (Manoomin) */

.pg_wildrice #container #main {float:left; width: 790px;}
	.pg_wildrice #container #main #intro {float:left; width: 790px;}
		.pg_wildrice #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #de9756; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
		.pg_wildrice #container #main #intro img {float: right; margin-top: 75px;}
		.pg_wildrice #container #main #intro p, .pg_wildrice  #container #main #intro .cms {float: left; width: 360px; background: url(/App_Images/bg_rice_text.gif) no-repeat 0 0; padding: 45px 0 0 90px; margin: 0px 0 0 -90px;}
		
	.pg_wildrice #container #main #key {float: left; margin-left: -105px; width: 790px; padding: 15px 105px 0 105px; border-top: 1px solid #ecf1f5; padding-top: 15px; margin-top: 10px;}
	
	.pg_wildrice #container #main #objectives {float: left; width: 790px; margin-top: 25px;}
		.pg_wildrice #container #main #objectives h2 {font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px;}
		.pg_wildrice #container #main #objectives ul {float: left; width: 790px;}
			.pg_wildrice #container #main #objectives ul li {font: 16px arial; width: 640px; padding-left: 35px; margin-left: 45px; background: url(/App_Images/ico_check_orange.gif) no-repeat; padding-bottom: 20px;}
	
	
	.pg_wildrice #container #main .left {float: left; width: 370px; }
	.pg_wildrice #container #main .right {float: right; width: 370px; }
		.pg_wildrice #container #main .totop {float: left; width: 370px; margin-top: 15px;}
	.pg_wildrice #container #main h2 {float: left; width: 790px; font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px; text-transform: uppercase;}
	.pg_wildrice #container #main a {color: #4e5f30; text-decoration: none}
		.pg_wildrice #container #main p img {float: left; margin-bottom: 10px;}
			.pg_wildrice #container #main a:hover {text-decoration: underline;}
		.pg_wildrice #container #main img {float: left;}
			
	.pg_lifeway #container #main #background {float: left; width: 790px; margin-top: 10px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_lifeway #container #main #background #videobox {float: left; width: 368px;  padding: 16px; background: url(/App_Images/bg_videobox.jpg) no-repeat; text-align: center; position: relative;}
			.pg_lifeway #container #main #background #videobox img.video {width: 263px; height: 197px; margin:0 52px;}
			.pg_lifeway #container #main #background #videobox a {position: absolute; top:16px; left:16px;}
			.pg_lifeway #container #main #background #videobox p {float: left; width: 330px; color: #545454; margin-left: 35px; margin-top: 20px;}
		

	.pg_wildrice #container #main #habitat {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
	
	.pg_wildrice #container #main #distribution {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_wildrice #container #main #distribution p.map {float: left; width: 345px; padding: 10px; margin-bottom: 15px; background: #e5f3fa;}
		
	.pg_wildrice #container #main #climaterelated {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_wildrice #container #main #climaterelated p span.title {color: #4f6031; font-weight: bold;}
	
	
	.pg_wildrice #container #main #next {float: left; width: 1000px; position: relative; margin-left: -105px; margin-top: 15px;}
		.pg_wildrice #container #main #next h2 {float: left; width: 1000px;}
		.pg_wildrice #container #main #next a {position: absolute; top: 35px; right:110px;}
		
		
	/* 3.1 Wild Rice (Manoomin) -> Connect */
	
	.pg_riceconnect #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #de9756; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
		.pg_riceconnect #container #main #intro h1 a {position: absolute; top: -6px; left:25px;  }
			.pg_riceconnect #container #main #intro h1 a img {margin:0; padding:0;}
	.pg_riceconnect #container #main #intro h2 {float:left; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin: 20px 0;}
		.pg_riceconnect #container #main #connect {float:left; width: 790px;}
			.pg_riceconnect #container #main #connect #culture {float:left; width: 790px; margin-top: 25px; margin-bottom: 10px;}
				.pg_riceconnect #container #main #connect #culture #cultureleft {float:left; width: 410px; position: relative; border-right: 1px solid #e2e2e2; margin-right: -1px; padding-bottom: 20px;}
					.pg_riceconnect #container #main #connect #culture #cultureleft #videobox {float: left; width: 368px; height: 213px; position: relative; z-index: 2; padding: 16px; background: url(/App_Images/bg_videobox.png) no-repeat; text-align: center; position: relative; margin-top: -4px;}
						.pg_riceconnect #container #main #connect #culture #cultureleft #videobox img.video {width: 263px; height: 197px; margin:0 52px;}
						.pg_riceconnect #container #main #connect #culture #cultureleft #videobox a {position: absolute; top:16px; left:16px;}
					.pg_riceconnect #container #main #connect #culture #cultureleft p.videotext {float: left; width: 330px; color: #545454; background: #e2e2e2 url(/App_Images/bg_videotext.gif) no-repeat bottom; margin: -20px 0 0 4px; padding: 10px 31px 135px 31px; position: relative; z-index:1;}
						.pg_riceconnect #container #main #connect #culture #cultureleft .videotext a {float: left; font: 12px arial; color: #31aed7; background: url(/App_Images/ico_youtube.gif) no-repeat; margin: 15px 0 0 -10px; padding: 25px 0 25px 70px;}
					.pg_riceconnect #container #main #connect #culture #cultureleft .resourcetext {float: left; margin-top: 25px; margin-bottom: 10px; width: 400px; font: 16px arial;}
						.pg_riceconnect #container #main #connect #culture #cultureleft .resourcetext a {font-weight: bold; color: #31aed7;}
						.pg_riceconnect #container #main #connect #culture #cultureleft .resourcetext ul {width: 400px; margin: 10px 0;}
							.pg_riceconnect #container #main #connect #culture #cultureleft .resourcetext ul li {float: left; width: 375px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
				
				.pg_riceconnect #container #main #connect #culture #legend {float:left; width: 362px; border-left: 1px solid #e2e2e2; padding-left: 17px; padding-bottom: 20px;}
					.pg_riceconnect #container #main #connect #culture #legend h2 {float: left; width: 338px; color: #000; font: 15px arial; line-height: 20px; text-align:center; font-weight: bold; text-decoration: none; margin-bottom: 0px; padding: 10px; background: #dbf4e9;}
					.pg_riceconnect #container #main #connect #culture #legend p {float: left; width: 338px; color: #414141; font: 15px arial; padding: 10px; background: #dbf4e9;}
						.pg_riceconnect #container #main #connect #culture #legend p span {color: #376272; font-size: 12px; font-style: italic;}
			
			.pg_riceconnect #container #main #connect #learn {float: left; width: 790px; border-top: 1px solid #e2e2e2; padding-top: 25px;}
				.pg_riceconnect #container #main #connect #learn h2 {float: left; width: 790px; text-align: center; margin-bottom: 20px;}
					.pg_riceconnect #container #main #connect #learn h2 img { float: left; width: 402px; padding: 0 194px;}
					.pg_riceconnect #container #main #connect #learn h2 span {clear:both; float: left; margin-top: 0px; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; display: block; text-align: center; color: #505050; padding-top: 10px; text-decoration: underline;}
					
				.pg_riceconnect #container #main #connect #learn #resources {float: left; width: 826px; }
					.pg_riceconnect #container #main #connect #learn #resources p.no-results {float: left; width: 790px; text-align: center;}
					.pg_riceconnect #container #main #connect #learn #resources .spacer {float: left; width: 826px; height: 1px;}
					.pg_riceconnect #container #main #connect #learn #resources .resource {float: left; width: 381px;  margin-right: 30px; margin-bottom: 25px;}
					.pg_riceconnect #container #main #connect #learn #resources .resource .top {float: left; width: 381px; height: 8px; background: url(/App_Images/bg_culture_resource_top.gif) no-repeat;}
					.pg_riceconnect #container #main #connect #learn #resources .resource .mid {float: left; padding: 12px 16px 10px 16px; width: 351px; min-height: 127px; background: url(/App_Images/bg_culture_resource_mid.gif) repeat-y;}
					.pg_riceconnect #container #main #connect #learn #resources .resource .btm {float: left; width: 381px; height: 8px; background: url(/App_Images/bg_culture_resource_btm.gif) no-repeat;}
						.pg_riceconnect #container #main #connect #learn #resources .resource h3 {float: left; width: 351px; font: 16px arial; margin-bottom: 20px; font-weight: bold;}
							.pg_riceconnect #container #main #connect #learn #resources .resource h3 a {color: #31aed7; font-weight: bold;}
						.pg_riceconnect #container #main #connect #learn #resources .resource .imgbox {float: left; width: 135px; height: 110px; padding: 16px 16px 0 16px; margin: -3px 0 0 -3px; background: url(/App_Images/bg_resource_img.png) no-repeat; margin-right: 10px;}
							.pg_riceconnect #container #main #connect #learn #resources .resource .imgbox img {float: left; width: 135px; height: 88px;}
						.pg_riceconnect #container #main #connect #learn #resources .resource .text {float: right; width: 170px; font: 14px arial; color: #3c3c3c; /*min-height: 145px;*/}
							.pg_riceconnect #container #main #connect #learn #resources .resource .text ul {width: 170px; margin: 10px 0;}
								.pg_riceconnect #container #main #connect #learn #resources .resource .text ul li {float: left; width: 145px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
						.pg_riceconnect #container #main #connect #learn #resources .resource .weblink {float: left;}
			
			.pg_riceconnect #container #main #connect #change {float: left; width: 790px; }
				.pg_riceconnect #container #main #connect #change h2 {width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_riceconnect #container #main #connect #change ul {float: left; width: 790px; }
					.pg_riceconnect #container #main #connect #change ul li {float: left; padding-left: 25px; width: 765px; background: url(/App_Images/ico_orange_bullet.png) no-repeat 0 3px; margin-bottom: 15px; font: 18px arial; color: #505050;}
						.pg_riceconnect #container #main #connect #change ul li a {font: 18px arial; color: #31aed7; /*text-transform: uppercase;*/ font-weight: bold}
						
			.pg_riceconnect #container #main #connect #experience {float: left; width: 790px; margin-left: -105px; padding: 20px 105px 10px 105px; border-top: 1px solid #e2e2e2; margin-top: 5px;}
				.pg_riceconnect #container #main #connect #experience h2 {width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_riceconnect #container #main #connect #experience p {font: 16px arial; color: #505050; line-height: 20px;}
					.pg_riceconnect #container #main #connect #experience p a {font-size: inherit; color: #199fc6;}
					
	/* 3.2 Wild Rice (Manoomin) -> Science */
	
	.pg_ricescience #container #main #intro {border-bottom: 1px solid #7fc7e5; padding-bottom: 20px;}
		.pg_ricescience #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #7fc7e5; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
			.pg_ricescience #container #main #intro h1 a {position: absolute; top: -6px; left:25px;  }
				.pg_ricescience #container #main #intro h1 a img {margin:0; padding:0;}
			.pg_ricescience #container #main #intro h2 {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin: 20px 0;}
			.pg_ricescience #container #main #intro .introtext {float: left; width: 790px; margin:0; padding:0; background: none; font: 16px arial;}
				.pg_ricescience #container #main #intro .introtext a {color: #7fc7e5;}
				.pg_ricescience #container #main #intro .introtext strong {color: #7fc7e5;}
			.pg_ricescience #container #main #intro ul {width: 610px; margin: 10px 0;}
				.pg_ricescience #container #main #intro ul li {float: left; width: 585px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
		
	.pg_ricescience #container #main #science {float:left; width: 790px;}
		.pg_ricescience #container #main #science p.no-results {float: left; width: 790px; text-align: center;}
		.pg_ricescience #container #main #science .text span.clue {color: #c80000; font-weight: bold;}
			.pg_ricescience #container #main #science .text a {color: #7596a5;}
		.pg_ricescience #container #main #science h2#toolkit {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin-top: 20px;}
		.pg_ricescience #container #main #science h2#center {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin-top: 20px; text-align: center;}
		
		.pg_ricescience #container #main #science .section {float:left; width: 790px; padding: 20px 0; border-bottom: 1px solid #7fc7e5;}
			.pg_ricescience #container #main #science .section h3 {float: left; width: 790px; font: 20px arial; color: #434343; font-weight: bold; margin-bottom: 20px;}
				.pg_ricescience #container #main #science .section h3.static {margin-bottom: 10px;}
					.pg_ricescience #container #main #science .section h3.static em {font-style: normal; font-size: 16px; font-weight: normal;}
				.pg_ricescience #container #main #science .section h3 a {font: 20px arial; font-weight: bold; color: #7fc7e5; text-decoration: underline}
			
			.pg_ricescience #container #main #science .imgright img {float: right;}
			.pg_ricescience #container #main #science .imgleft img {float: left; }
			
			.pg_ricescience #container #main #science .imgright .text {float: left; width: 360px; font: 16px arial; color: #414141; }
			.pg_ricescience #container #main #science .imgleft .text {float: right; width: 360px; font: 16px arial; color: #414141; }
			
			.pg_ricescience #container #main #science .text ul {width: 360px; margin: 10px 0;}
				.pg_ricescience #container #main #science .text ul li {float: left; width: 295px; padding-left: 25px; margin-left: 40px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3e3e3e;}
			.pg_ricescience #container #main #science .section a.weblink {float: left; color: #7596a5; font: 14px arial; /*padding-left: 70px; padding-top: 15px;*/ width: 61px; height: 31px; margin-top: 20px; background: url(/App_Images/title_weblink.gif) no-repeat;}
			.pg_ricescience #container #main #science .section a.pdflink {float: left; color: #7596a5; font: 14px arial; width: 34px; height: 40px; margin-top: 20px; background: url(/App_Images/ico_pdf.png) no-repeat; margin-right: 20px;}
			.pg_ricescience #container #main #science .section .totop {float: left; width: 360px; margin-top: 15px;}
		
		
		.pg_ricescience #container #main #science #learn {float: left; width: 790px; border-top: 1px solid #e2e2e2; padding-top: 25px;}
				.pg_ricescience #container #main #science #learn h2 {float: left; width: 790px; text-align: center; margin-bottom: 20px;}
					.pg_ricescience #container #main #science #learn h2 img { float: left; width: 402px; padding: 0 194px;}
					.pg_ricescience #container #main #science #learn h2 span { width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; display: block; text-align: center; color: #505050; padding-top: 10px; text-decoration: underline;}
			.pg_ricescience #container #main #science #learn #resources {float: left; width: 826px; }
				.pg_ricescience #container #main #science #learn #resources p.no-results {float: left; width: 790px; text-align: center;}
				.pg_ricescience #container #main #science #learn #resources .resource {float: left; width: 789px;  margin-right: 30px; margin-bottom: 25px;}
					.pg_ricescience #container #main #science #learn #resources .resource h3 {float: left; width: 757px; font: 20px arial; margin-bottom: 20px; font-weight: bold;}
						.pg_ricescience #container #main #science #learn #resources .resource h3 a {color: #31aed7; font-weight: bold;}
					
                    .pg_ricescience #container #main #science #learn #resources .resource .textbox {float: right; width: 610px; font: 16px arial; color: #3c3c3c; min-height: 145px;}
						.pg_ricescience #container #main #science #learn #resources .resource .textbox a {font-size: inherit; color: #7596a5;}
						.pg_ricescience #container #main #science #learn #resources .resource .textbox ul {width: 610px; margin: 10px 0;}
							.pg_ricescience #container #main #science #learn #resources .resource .textbox ul li {float: left; width: 585px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
					.pg_ricescience #container #main #science #learn #resources .resource .weblink {float: left;}
					.pg_ricescience #container #main #science #learn #resources .spacer {float: left; width: 790px; height: 1px; background: #7fc7e5; margin-bottom: 25px;}
		
				
		


/* 4.0 Pine Marten */

.pg_pinemarten #container #main {float:left; width: 790px;}
	.pg_pinemarten #container #main #intro {float:left; width: 790px;}
		.pg_pinemarten #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #de9756; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
		.pg_pinemarten #container #main #intro img {float: right; margin-top: 75px;}
		.pg_pinemarten #container #main #intro p, .pg_pinemarten  #container #main #intro .cms {float: left; width: 360px; background: url(/App_Images/bg_culture_text.gif) no-repeat 0 0; padding: 45px 0 0 90px; margin: 0px 0 0 -90px;}
		
		.pg_pinemarten #container #main #key {float: left; width: 360px; border-top: 1px solid #ecf1f5; padding-top: 15px; margin-top: 10px;}
		.pg_pinemarten #container #main #key p {background: none; padding: 0; margin:0;}
		
	/*.pg_pinemarten #container #main #key {float: left; margin-left: -105px; width: 790px; padding: 15px 105px 0 105px; border-top: 1px solid #ecf1f5; padding-top: 15px; margin-top: 10px;}*/
	
	.pg_pinemarten #container #main #objectives {float: left; width: 790px; margin-top: 25px;}
		.pg_pinemarten #container #main #objectives h2 {font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px;}
		.pg_pinemarten #container #main #objectives ul {float: left; width: 790px;}
			.pg_pinemarten #container #main #objectives ul li {font: 16px arial; width: 640px; padding-left: 35px; margin-left: 45px; background: url(/App_Images/ico_check_orange.gif) no-repeat; padding-bottom: 20px;}
	
	.pg_pinemarten #container #main .left {float: left; width: 370px; }
	.pg_pinemarten #container #main .right {float: right; width: 370px; }
		.pg_pinemarten #container #main .totop {float: left; width: 370px; margin-top: 15px;}
	.pg_pinemarten #container #main h2 {float: left; width: 790px; font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px; text-transform: uppercase;}
	.pg_pinemarten #container #main a {color: #4e5f30; text-decoration: none}
		.pg_pinemarten #container #main p img {float: left; margin-bottom: 10px;}
			.pg_pinemarten #container #main a:hover {text-decoration: underline;}
		.pg_pinemarten #container #main img {float: left;}
	
	.pg_pinemarten #container #main #background {float: left; width: 790px; margin-top: 10px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_pinemarten #container #main #background #videobox {float: left; width: 368px;  padding: 16px; background: url(/App_Images/bg_videobox.jpg) no-repeat; text-align: center; position: relative;}
			.pg_pinemarten #container #main #background #videobox img.video {width: 263px; height: 197px; margin:0 52px;}
			.pg_pinemarten #container #main #background #videobox a {position: absolute; top:16px; left:16px;}
			.pg_pinemarten #container #main #background #videobox p {float: left; width: 330px; color: #545454; margin-left: 35px; margin-top: 20px;}
		

	.pg_pinemarten #container #main #habitat {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
	
	.pg_pinemarten #container #main #distribution {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_pinemarten #container #main #distribution p.map {float: left; width: 345px; padding: 10px; margin-bottom: 15px; background: #e5f3fa;}
		
	.pg_pinemarten #container #main #climaterelated {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_pinemarten #container #main #climaterelated p span.title {color: #4f6031; font-weight: bold;}
		.pg_pinemarten #container #main #climaterelated .winners {float: left; width: 340px; padding: 10px; margin-bottom: 15px; background: #e5f3fa;}
			.pg_pinemarten #container #main #climaterelated .winners span {width: 340px; text-align: center; display: block; font-weight: bold; color: #000;}
			.pg_pinemarten #container #main #climaterelated .winners ul {float: left; width: 340px; padding: 10px 0;}
				.pg_pinemarten #container #main #climaterelated .winners ul li {float: left; margin-bottom: 4px; font: 16px arial; padding-left: 25px; background: url(/App_Images/ico_orange_bullet.png) no-repeat 0 2px;}


	.pg_pinemarten #container #main #next {float: left; width: 1000px; position: relative; margin-left: -105px; margin-top: 15px;}
		.pg_pinemarten #container #main #next h2 {float: left; width: 1000px;}
		.pg_pinemarten #container #main #next a {position: absolute; top: 35px; right:110px;}
		
		
	/* 4.1 Pine Marten -> Connect */
	
	.pg_martenconnect #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #de9756; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
		.pg_martenconnect #container #main #intro h1 a {position: absolute; top: -6px; left:25px;  }
			.pg_martenconnect #container #main #intro h1 a img {margin:0; padding:0;}
	.pg_martenconnect #container #main #intro h2 {float:left; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin: 20px 0;}
		.pg_martenconnect #container #main #connect {float:left; width: 790px;}
			.pg_martenconnect #container #main #connect #culture {float:left; width: 790px; margin-top: 25px; margin-bottom: 10px;}
				.pg_martenconnect #container #main #connect #culture #cultureleft {float:left; width: 410px; position: relative; border-right: 1px solid #e2e2e2; margin-right: -1px; padding-bottom: 20px;}
					.pg_martenconnect #container #main #connect #culture #cultureleft img {float: left; width: 230px; margin-left: 90px}
					
					.pg_martenconnect #container #main #connect #culture #cultureleft .resourcetext {float: left; margin-top: 25px; margin-bottom: 10px; width: 400px; font: 16px arial;}
						.pg_martenconnect #container #main #connect #culture #cultureleft .resourcetext a {font-weight: bold; color: #31aed7;}
						.pg_martenconnect #container #main #connect #culture #cultureleft .resourcetext ul {width: 400px; margin: 10px 0;}
							.pg_martenconnect #container #main #connect #culture #cultureleft .resourcetext ul li {float: left; width: 375px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
				
				.pg_martenconnect #container #main #connect #culture #legend {float:left; width: 362px; border-left: 1px solid #e2e2e2; padding-left: 17px; padding-bottom: 20px;}
					.pg_martenconnect #container #main #connect #culture #legend h2 {float: left; width: 338px; color: #000; font: 15px arial; line-height: 20px; font-weight: bold; margin-bottom: 0px; padding: 10px; background: #dbf4e9; text-align: center; text-decoration: none;}
					.pg_martenconnect #container #main #connect #culture #legend p {float: left; width: 338px; color: #414141; font: 15px arial; padding: 10px; background: #dbf4e9;}
						.pg_martenconnect #container #main #connect #culture #legend p span {color: #376272;}
			
			.pg_martenconnect #container #main #connect #learn {float: left; width: 790px; border-top: 1px solid #e2e2e2; padding-top: 25px;}
				.pg_martenconnect #container #main #connect #learn h2 {float: left; width: 790px; text-align: center; margin-bottom: 20px; padding: 0; display: block}
					.pg_martenconnect #container #main #connect #learn h2 img { float: left; width: 402px; padding: 0 194px;}
					.pg_martenconnect #container #main #connect #learn h2 span {clear:both; float: left; margin-top: 0px; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; display: block; text-align: center; color: #505050; padding-top: 10px; text-decoration: underline;}
					
				.pg_martenconnect #container #main #connect #learn #resources {float: left; width: 826px; }
					.pg_martenconnect #container #main #connect #learn #resources .spacer {float: left; width: 826px; height: 1px;}
					.pg_martenconnect #container #main #connect #learn #resources p.no-results {float: left; width: 790px; text-align: center;}
					.pg_martenconnect #container #main #connect #learn #resources .resource {float: left; width: 381px;  margin-right: 30px; margin-bottom: 25px;}
					.pg_martenconnect #container #main #connect #learn #resources .resource .top {float: left; width: 381px; height: 8px; background: url(/App_Images/bg_culture_resource_top.gif) no-repeat;}
					.pg_martenconnect #container #main #connect #learn #resources .resource .mid {float: left; padding: 12px 16px 10px 16px; width: 351px; min-height: 127px; background: url(/App_Images/bg_culture_resource_mid.gif) repeat-y;}
					.pg_martenconnect #container #main #connect #learn #resources .resource .btm {float: left; width: 381px; height: 8px; background: url(/App_Images/bg_culture_resource_btm.gif) no-repeat;}
						.pg_martenconnect #container #main #connect #learn #resources .resource h3 {float: left; width: 351px; font: 16px arial; margin-bottom: 20px; font-weight: bold;}
							.pg_martenconnect #container #main #connect #learn #resources .resource h3 a {color: #31aed7; font-weight: bold;}
						.pg_martenconnect #container #main #connect #learn #resources .resource .imgbox {float: left; width: 135px; height: 110px; padding: 16px 16px 0 16px; margin: -3px 0 0 -3px; background: url(/App_Images/bg_resource_img.png) no-repeat; margin-right: 10px;}
							.pg_martenconnect #container #main #connect #learn #resources .resource .imgbox img {float: left; width: 135px; height: 88px;}
						.pg_martenconnect #container #main #connect #learn #resources .resource .text {float: right; width: 170px; font: 14px arial; color: #3c3c3c; /*min-height: 145px;*/}
							.pg_martenconnect #container #main #connect #learn #resources .resource .text ul {width: 170px; margin: 10px 0;}
								.pg_martenconnect #container #main #connect #learn #resources .resource .text ul li {float: left; width: 145px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
						.pg_martenconnect #container #main #connect #learn #resources .resource .weblink {float: left;}
			
			.pg_martenconnect #container #main #connect #change {float: left; width: 790px; }
				.pg_martenconnect #container #main #connect #change h2 {width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_martenconnect #container #main #connect #change ul {float: left; width: 790px; }
					.pg_martenconnect #container #main #connect #change ul li {float: left; padding-left: 25px; width: 765px; background: url(/App_Images/ico_orange_bullet.png) no-repeat 0 3px; margin-bottom: 15px; font: 18px arial; color: #505050;}
						.pg_martenconnect #container #main #connect #change ul li a {font: 18px arial; color: #31aed7; /*text-transform: uppercase;*/ font-weight: bold}
						
			.pg_martenconnect #container #main #connect #experience {float: left; width: 790px; margin-left: -105px; padding: 20px 105px 10px 105px; border-top: 1px solid #e2e2e2; margin-top: 5px;}
				.pg_martenconnect #container #main #connect #experience h2 {width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_martenconnect #container #main #connect #experience p {font: 16px arial; color: #505050; line-height: 20px;}
					.pg_martenconnect #container #main #connect #experience p a {font-size: inherit; color: #199fc6;}
					
	/* 4.2 Pine Marten -> Science */
	
	.pg_martenscience #container #main #intro {border-bottom: 1px solid #7fc7e5; padding-bottom: 20px;}
		.pg_martenscience #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #7fc7e5; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
			.pg_martenscience #container #main #intro h1 a {position: absolute; top: -6px; left:25px;  }
			.pg_martenscience #container #main #intro h1 a img {margin:0; padding:0;}
			.pg_martenscience #container #main #intro h2 {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin: 20px 0;}
			.pg_martenscience #container #main #intro .introtext {float: left; width: 790px; margin:0; padding:0; background: none; font: 16px arial;}
				.pg_martenscience #container #main #intro .introtext a {color: #7fc7e5;}
				.pg_martenscience #container #main #intro .introtext strong {color: #7fc7e5; font-weight: bold}
			.pg_martenscience #container #main #intro ul {width: 610px; margin: 10px 0;}
				.pg_martenscience #container #main #intro ul li {float: left; width: 585px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
		
	.pg_martenscience #container #main #science {float:left; width: 790px;}
		.pg_martenscience #container #main #science p.no-results {float: left; width: 790px; text-align: center;}
		.pg_martenscience #container #main #science .text span.clue {color: #c80000; font-weight: bold;}
			.pg_martenscience #container #main #science .text a {color: #7596a5;}
		.pg_martenscience #container #main #science h2#toolkit {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin-top: 20px;}
		.pg_martenscience #container #main #science h2#center {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin-top: 20px; text-align: center;}
		
		.pg_martenscience #container #main #science .section {float:left; width: 790px; padding: 20px 0; border-bottom: 1px solid #7fc7e5;}
			.pg_martenscience #container #main #science .section h3 {float: left; width: 790px; font: 20px arial; color: #434343; font-weight: bold; margin-bottom: 20px;}
				.pg_martenscience #container #main #science .section h3.static {margin-bottom: 10px;}
					.pg_martenscience #container #main #science .section h3.static em {font-style: normal; font-size: 16px; font-weight: normal;}
				.pg_martenscience #container #main #science .section h3 a {font: 20px arial; font-weight: bold; color: #7fc7e5; text-decoration: underline;}
			
			.pg_martenscience #container #main #science .imgright img {float: right;}
			.pg_martenscience #container #main #science .imgleft img {float: left; }
			
			.pg_martenscience #container #main #science .imgright .text {float: left; width: 360px; font: 16px arial; color: #414141; }
			.pg_martenscience #container #main #science .imgleft .text {float: right; width: 360px; font: 16px arial; color: #414141; }
			
			.pg_martenscience #container #main #science .text ul {width: 360px; margin: 10px 0;}
				.pg_martenscience #container #main #science .text ul li {float: left; width: 295px; padding-left: 25px; margin-left: 40px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3e3e3e;}
			.pg_martenscience #container #main #science .section a.weblink {float: left; color: #7596a5; font: 14px arial; /*padding-left: 70px; padding-top: 15px;*/ width: 61px; height: 31px; margin-top: 20px; background: url(/App_Images/title_weblink.gif) no-repeat;}
			.pg_martenscience #container #main #science .section a.pdflink {float: left; color: #7596a5; font: 14px arial; width: 34px; height: 40px; margin-top: 20px; background: url(/App_Images/ico_pdf.png) no-repeat; margin-right: 20px;}
			.pg_martenscience #container #main #science .section .totop {float: left; width: 360px; margin-top: 15px;}
			
		
		.pg_martenscience #container #main #science #learn {float: left; width: 790px; border-top: 1px solid #e2e2e2; padding-top: 25px;}
				.pg_martenscience #container #main #science #learn h2 {float: left; width: 790px; text-align: center; margin-bottom: 20px;}
					.pg_martenscience #container #main #science #learn h2 img { float: left; width: 402px; padding: 0 194px;}
					.pg_martenscience #container #main #science #learn h2 span { width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; display: block; text-align: center; color: #505050; padding-top: 10px; text-decoration: underline;}
			.pg_martenscience #container #main #science #learn #resources {float: left; width: 826px; }
				.pg_martenscience #container #main #science #learn #resources p.no-results {float: left; width: 790px; text-align: center;}
				.pg_martenscience #container #main #science #learn #resources .resource {float: left; width: 789px;  margin-right: 30px; margin-bottom: 25px;}
					.pg_martenscience #container #main #science #learn #resources .resource h3 {float: left; width: 757px; font: 20px arial; margin-bottom: 20px; font-weight: bold;}
						.pg_martenscience #container #main #science #learn #resources .resource h3 a {color: #31aed7; font-weight: bold;}
					
					.pg_martenscience #container #main #science #learn #resources .resource .textbox {float: right; width: 610px; font: 16px arial; color: #3c3c3c; min-height: 145px;}
						.pg_martenscience #container #main #science #learn #resources .resource .textbox a {font-size: inherit; color: #7596a5;}
						.pg_martenscience #container #main #science #learn #resources .resource .textbox ul {width: 610px; margin: 10px 0;}
							.pg_martenscience #container #main #science #learn #resources .resource .textbox ul li {float: left; width: 585px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
					.pg_martenscience #container #main #science #learn #resources .resource .weblink {float: left;}
					.pg_martenscience #container #main #science #learn #resources .spacer {float: left; width: 790px; height: 1px; background: #7fc7e5; margin-bottom: 25px;}

		
/* 5.0 Sugar Maple & Paper Birch */

.pg_maple_birch #container #main {float:left; width: 790px;}
	.pg_maple_birch #container #main #intro {float:left; width: 790px; position: relative; z-index: 3;}
		.pg_maple_birch #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #de9756; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
		.pg_maple_birch #container #main #intro img {float: right; margin-top: 75px;}
			.pg_maple_birch #container #main #intro img.birch {margin-top:35px; }
		.pg_maple_birch #container #main #intro p, .pg_maple_birch  #container #main #intro .cms {float: left; width: 360px; background: url(/App_Images/bg_maple_text.gif) no-repeat 0 0; padding: 45px 0 0 90px; margin: 0px 0 0 -90px;}
		
	.pg_maple_birch #container #main #key {float: left; margin-left: -105px; margin-top: -90px; width: 790px; padding: 20px 105px 0 105px; border-top: 1px solid #ecf1f5; padding-top: 15px; position: relative; z-index: 2;}
	
	.pg_maple_birch #container #main #objectives {float: left; width: 790px; margin-top: 25px;}
		.pg_maple_birch #container #main #objectives h2 {font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px;}
		.pg_maple_birch #container #main #objectives ul {float: left; width: 790px;}
			.pg_maple_birch #container #main #objectives ul li {font: 16px arial; width: 640px; padding-left: 35px; margin-left: 45px; background: url(/App_Images/ico_check_orange.gif) no-repeat; padding-bottom: 20px;}
			
	.pg_maple_birch #container #main .left {float: left; width: 370px; }
	.pg_maple_birch #container #main .right {float: right; width: 370px; }
		.pg_maple_birch #container #main .totop {float: left; width: 370px; margin-top: 15px;}
	.pg_maple_birch #container #main h2 {float: left; width: 790px; font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px; text-transform: uppercase;}
	.pg_maple_birch #container #main a {color: #4e5f30; text-decoration: none}
		.pg_maple_birch #container #main p img {float: left; margin-bottom: 10px;}
			.pg_maple_birch #container #main a:hover {text-decoration: underline;}
		.pg_maple_birch #container #main img {float: left;}
			
	.pg_maple_birch #container #main #background {float: left; width: 790px; margin-top: 10px; padding-top: 30px; border-top: 1px solid #de9756;}

	.pg_maple_birch #container #main #habitat {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
	
	.pg_maple_birch #container #main #distribution {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_maple_birch #container #main #distribution img {width: 75%;}
		
	.pg_maple_birch #container #main #climaterelated {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_maple_birch #container #main #climaterelated p.connected {float: left; width: 340px; padding: 10px; margin-bottom: 15px; font-style: italic; background: #e5f3fa;}
			.pg_maple_birch #container #main #climaterelated p span.title {color: #4f6031; font-weight: bold;} 
				
		

	.pg_maple_birch #container #main #next {float: left; width: 1000px; position: relative; margin-left: -105px; margin-top: 15px;}
		.pg_maple_birch #container #main #next h2 {float: left; width: 1000px;}
		.pg_maple_birch #container #main #next a {position: absolute; top: 35px; right:110px;}
		
	/* 5.1 Sugar Maple & Paper Birch -> Connect */
	
	.pg_mapleconnect #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #de9756; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
		.pg_mapleconnect #container #main #intro h1 a {position: absolute; top: -6px; left:25px;  }
			.pg_mapleconnect #container #main #intro h1 a img {margin:0; padding:0;}
	.pg_mapleconnect #container #main #intro h2 {float:left; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin: 20px 0;}
		.pg_mapleconnect #container #main #connect {float:left; width: 790px;}
			.pg_mapleconnect #container #main #connect #culture {float:left; width: 790px; margin-top: 25px; margin-bottom: 10px;}
				.pg_mapleconnect #container #main #connect #culture #cultureleft {float:left; width: 410px; position: relative; border-right: 1px solid #e2e2e2; margin-right: -1px; padding-bottom: 20px;}
					.pg_mapleconnect #container #main #connect #culture #cultureleft img {float: left; /*width: 230px; margin-left: 90px*/}
					
					
					.pg_mapleconnect #container #main #connect #culture #cultureleft #videobox {float: left; width: 368px; height: 213px; position: relative; z-index: 2; padding: 16px; background: url(/App_Images/bg_videobox.png) no-repeat; text-align: center; position: relative; margin-top: -4px;}
						.pg_mapleconnect #container #main #connect #culture #cultureleft #videobox img.video {width: 263px; height: 197px; margin:0 52px;}
						.pg_mapleconnect #container #main #connect #culture #cultureleft #videobox a {position: absolute; top:16px; left:16px;}
							.pg_mapleconnect #container #main #connect #culture #cultureleft #videobox a img {width: auto; margin:0;}
					.pg_mapleconnect #container #main #connect #culture #cultureleft p.videotext {float: left; width: 330px; color: #545454; background: #e2e2e2 url(/App_Images/bg_videotext.gif) no-repeat bottom; margin: -20px 0 0 4px; padding: 10px 31px 135px 31px; position: relative; z-index:1;}
						.pg_mapleconnect #container #main #connect #culture #cultureleft .videotext a {float: left; font: 12px arial; color: #31aed7; background: url(/App_Images/ico_youtube.gif) no-repeat; margin: 15px 0 0 -10px; padding: 25px 0 25px 70px;}
					.pg_mapleconnect #container #main #connect #culture #cultureleft .resourcetext {float: left; margin-top: 25px; margin-bottom: 10px; width: 400px; font: 16px arial;}
						.pg_mapleconnect #container #main #connect #culture #cultureleft .resourcetext a {font-weight: bold; color: #31aed7;}
						.pg_mapleconnect #container #main #connect #culture #cultureleft .resourcetext ul {width: 400px; margin: 10px 0;}
							.pg_mapleconnect #container #main #connect #culture #cultureleft .resourcetext ul li {float: left; width: 375px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
				
				.pg_mapleconnect #container #main #connect #culture #legend {float:left; width: 362px; border-left: 1px solid #e2e2e2; padding-left: 17px; padding-bottom: 20px;}
					.pg_mapleconnect #container #main #connect #culture #legend h2 {float: left; width: 338px; color: #000; font: 15px arial; line-height: 20px; font-weight: bold; margin-bottom: 0px; padding: 10px; background: #dbf4e9; text-decoration: none; text-transform: none;}
						.pg_mapleconnect #container #main #connect #culture #legend h2 em {line-height: 20px;}
					.pg_mapleconnect #container #main #connect #culture #legend p {float: left; width: 338px; color: #414141; font: 15px arial; padding: 10px; background: #dbf4e9;}
						.pg_mapleconnect #container #main #connect #culture #legend p span {color: #376272; font-size: 12px; font-style: italic;}
			
			.pg_mapleconnect #container #main #connect #learn {float: left; width: 790px; border-top: 1px solid #e2e2e2; padding-top: 25px;}
				.pg_mapleconnect #container #main #connect #learn h2 {float: left; width: 790px; text-align: center; margin-bottom: 20px;}
					.pg_mapleconnect #container #main #connect #learn h2 img { float: left; width: 402px; padding: 0 194px;}
					.pg_mapleconnect #container #main #connect #learn h2 span {clear:both; float: left; margin-top: 0px; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; display: block; text-align: center; color: #505050; padding-top: 10px; text-decoration: underline;}
					
				.pg_mapleconnect #container #main #connect #learn #resources {float: left; width: 826px; }
					.pg_mapleconnect #container #main #connect #learn #resources .spacer {float: left; width: 826px; height: 1px;}
					.pg_mapleconnect #container #main #connect #learn #resources p.no-results {float: left; width: 790px; text-align: center;}
					.pg_mapleconnect #container #main #connect #learn #resources .resource {float: left; width: 381px;  margin-right: 30px; margin-bottom: 25px;}
					.pg_mapleconnect #container #main #connect #learn #resources .resource .top {float: left; width: 381px; height: 8px; background: url(/App_Images/bg_culture_resource_top.gif) no-repeat;}
					.pg_mapleconnect #container #main #connect #learn #resources .resource .mid {float: left; padding: 12px 16px 10px 16px; width: 351px; min-height: 127px; background: url(/App_Images/bg_culture_resource_mid.gif) repeat-y;}
					.pg_mapleconnect #container #main #connect #learn #resources .resource .btm {float: left; width: 381px; height: 8px; background: url(/App_Images/bg_culture_resource_btm.gif) no-repeat;}
						.pg_mapleconnect #container #main #connect #learn #resources .resource h3 {float: left; width: 351px; font: 16px arial; margin-bottom: 20px; font-weight: bold;}
							.pg_mapleconnect #container #main #connect #learn #resources .resource h3 a {color: #31aed7; font-weight: bold;}
						.pg_mapleconnect #container #main #connect #learn #resources .resource .imgbox {float: left; width: 135px; height: 110px; padding: 16px 16px 0 16px; margin: -3px 0 0 -3px; background: url(/App_Images/bg_resource_img.png) no-repeat; margin-right: 10px;}
							.pg_mapleconnect #container #main #connect #learn #resources .resource .imgbox img {float: left; width: 135px; height: 88px;}
						.pg_mapleconnect #container #main #connect #learn #resources .resource .text {float: right; width: 170px; font: 14px arial; color: #3c3c3c; /*min-height: 145px;*/}
							.pg_mapleconnect #container #main #connect #learn #resources .resource .text ul {width: 170px; margin: 10px 0;}
								.pg_mapleconnect #container #main #connect #learn #resources .resource .text ul li {float: left; width: 145px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
						.pg_mapleconnect #container #main #connect #learn #resources .resource .weblink {float: left;}
			
			.pg_mapleconnect #container #main #connect #change {float: left; width: 790px; }
				.pg_mapleconnect #container #main #connect #change h2 {width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_mapleconnect #container #main #connect #change ul {float: left; width: 790px; }
					.pg_mapleconnect #container #main #connect #change ul li {float: left; padding-left: 25px; width: 765px; background: url(/App_Images/ico_orange_bullet.png) no-repeat 0 3px; margin-bottom: 15px; font: 18px arial; color: #505050;}
						.pg_mapleconnect #container #main #connect #change ul li a {font: 18px arial; color: #31aed7; /*text-transform: uppercase;*/ font-weight: bold}
						
			.pg_mapleconnect #container #main #connect #experience {float: left; width: 790px; margin-left: -105px; padding: 20px 105px 10px 105px; border-top: 1px solid #e2e2e2; margin-top: 5px;}
				.pg_mapleconnect #container #main #connect #experience h2 {width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_mapleconnect #container #main #connect #experience p {font: 16px arial; color: #505050; line-height: 20px;}
					.pg_mapleconnect #container #main #connect #experience p a {font-size: inherit; color: #199fc6;}
					
	/* 5.2 Sugar Maple & Paper Birch -> Science */
	
	.pg_maplescience #container #main #intro {border-bottom: 1px solid #7fc7e5; padding-bottom: 20px;}
		.pg_maplescience #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #7fc7e5; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
			.pg_maplescience #container #main #intro h1 a {position: absolute; top: -6px; left:25px;  }
				.pg_maplescience #container #main #intro h1 a img {margin:0; padding:0;}
			.pg_maplescience #container #main #intro h2 {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin: 20px 0;}
			.pg_maplescience #container #main #intro .introtext {float: left; width: 790px; margin:0; padding:0; background: none; font: 16px arial;}
				.pg_maplescience #container #main #intro .introtext a {color: #7fc7e5;}
				.pg_maplescience #container #main #intro .introtext strong {color: #7fc7e5; font-weight: bold}
			.pg_maplescience #container #main #intro ul {width: 610px; margin: 10px 0;}
				.pg_maplescience #container #main #intro ul li {float: left; width: 585px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
		
	.pg_maplescience #container #main #science {float:left; width: 790px;}
		.pg_maplescience #container #main #science p.no-results {float: left; width: 790px; text-align: center;}
		.pg_maplescience #container #main #science .text span.clue {color: #c80000; font-weight: bold;}
			.pg_maplescience #container #main #science .text a {color: #7596a5;}
		.pg_maplescience #container #main #science h2#toolkit {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin-top: 20px;}
		.pg_maplescience #container #main #science h2#center {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin-top: 20px; text-align: center;}
		
		.pg_maplescience #container #main #science .section {float:left; width: 790px; padding: 20px 0; border-bottom: 1px solid #7fc7e5;}
			.pg_maplescience #container #main #science .section h3 {float: left; width: 790px; font: 20px arial; color: #434343; font-weight: bold; margin-bottom: 20px;}
				.pg_maplescience #container #main #science .section h3.static {margin-bottom: 10px;}
					.pg_maplescience #container #main #science .section h3.static em {font-style: normal; font-size: 16px; font-weight: normal;}
				.pg_maplescience #container #main #science .section h3 a {font: 20px arial; font-weight: bold; color: #7fc7e5; text-decoration: underline;}
			
			.pg_maplescience #container #main #science .imgright img {float: right;}
			.pg_maplescience #container #main #science .imgleft img {float: left; }
			
			.pg_maplescience #container #main #science .imgright .text {float: left; width: 360px; font: 16px arial; color: #414141; }
			.pg_maplescience #container #main #science .imgleft .text {float: right; width: 360px; font: 16px arial; color: #414141; }
			
			.pg_maplescience #container #main #science .text ul {width: 360px; margin: 10px 0;}
				.pg_maplescience #container #main #science .text ul li {float: left; width: 295px; padding-left: 25px; margin-left: 40px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3e3e3e;}
			.pg_maplescience #container #main #science .section a.weblink {float: left; color: #7596a5; font: 14px arial; /*padding-left: 70px; padding-top: 15px;*/ width: 61px; height: 31px; margin-top: 20px; background: url(/App_Images/title_weblink.gif) no-repeat;}
			.pg_maplescience #container #main #science .section a.pdflink {float: left; color: #7596a5; font: 14px arial; width: 34px; height: 40px; margin-top: 20px; background: url(/App_Images/ico_pdf.png) no-repeat; margin-right: 20px;}
			.pg_maplescience #container #main #science .section .totop {float: left; width: 360px; margin-top: 15px;}
		
		.pg_maplescience #container #main #science #learn {float: left; width: 790px; border-top: 1px solid #e2e2e2; padding-top: 25px;}
				.pg_maplescience #container #main #science #learn h2 {float: left; width: 790px; text-align: center; margin-bottom: 20px;}
					.pg_maplescience #container #main #science #learn h2 img { float: left; width: 402px; padding: 0 194px;}
					.pg_maplescience #container #main #science #learn h2 span { width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; display: block; text-align: center; color: #505050; padding-top: 10px; text-decoration: underline;}
			.pg_maplescience #container #main #science #learn #resources {float: left; width: 826px; }
				.pg_maplescience #container #main #science #learn #resources p.no-results {float: left; width: 790px; text-align: center;}
				.pg_maplescience #container #main #science #learn #resources .resource {float: left; width: 789px;  margin-right: 30px; margin-bottom: 25px;}
					.pg_maplescience #container #main #science #learn #resources .resource h3 {float: left; width: 757px; font: 20px arial; margin-bottom: 20px; font-weight: bold;}
						.pg_maplescience #container #main #science #learn #resources .resource h3 a {color: #31aed7; font-weight: bold;}
					
                     .pg_maplescience #container #main #science #learn #resources .resource .textbox {float: right; width: 610px; font: 16px arial; color: #3c3c3c; min-height: 145px;}
						.pg_maplescience #container #main #science #learn #resources .resource .textbox a {font-size: inherit; color: #7596a5;}
						.pg_maplescience #container #main #science #learn #resources .resource .textbox ul {width: 610px; margin: 10px 0;}
							.pg_maplescience #container #main #science #learn #resources .resource .textbox ul li {float: left; width: 585px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
					.pg_maplescience #container #main #science #learn #resources .resource .weblink {float: left;}
					.pg_maplescience #container #main #science #learn #resources .spacer {float: left; width: 790px; height: 1px; background: #7fc7e5; margin-bottom: 25px;}
	
/* 6.0 Trout & Walleye */

.pg_trout_walleye #container #main {float:left; width: 790px;}
	.pg_trout_walleye #container #main #intro {float:left; width: 790px;}
		.pg_trout_walleye #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #de9756; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
			.pg_trout_walleye #container #main #intro h1 a {position: absolute; top: -6px; left:25px;  }
			.pg_trout_walleye #container #main #intro h1 a img {margin:0; padding:0;}
		.pg_trout_walleye #container #main #intro img {float: right; margin-top: 75px;}
		.pg_trout_walleye #container #main #intro p, .pg_trout_walleye  #container #main #intro .cms {float: left; width: 360px; background: url(/App_Images/bg_fish_text.gif) no-repeat 0 0; padding: 45px 0 0 90px; margin: 0px 0 0 -90px;}
		
	/*.pg_trout_walleye #container #main #key {float: left; margin-left: -105px; width: 790px; padding: 15px 105px 0 105px; border-top: 1px solid #ecf1f5; padding-top: 15px; margin-top: 10px;}*/
	
	.pg_trout_walleye #container #main #key {float: left; width: 360px; border-top: 1px solid #ecf1f5; padding-top: 15px; margin-top: 10px;}
		.pg_trout_walleye #container #main #key p {background: none; padding: 0; margin:0;}
	
	.pg_trout_walleye #container #main #objectives {float: left; width: 790px; margin-top: 25px;}
		.pg_trout_walleye #container #main #objectives h2 {font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px;}
		.pg_trout_walleye #container #main #objectives ul {float: left; width: 790px;}
			.pg_trout_walleye #container #main #objectives ul li {font: 16px arial; width: 640px; padding-left: 35px; margin-left: 45px; background: url(/App_Images/ico_check_orange.gif) no-repeat; padding-bottom: 20px;}
	
	.pg_trout_walleye #container #main .left {float: left; width: 370px; }
	.pg_trout_walleye #container #main .right {float: right; width: 370px; }
		.pg_trout_walleye #container #main .totop {float: left; width: 370px; margin-top: 15px;}
	.pg_trout_walleye #container #main h2 {float: left; width: 790px; font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px; text-transform: uppercase;}
	.pg_trout_walleye #container #main a {color: #4e5f30; text-decoration: none}
		.pg_trout_walleye #container #main p img {float: left; margin-bottom: 10px;}
			.pg_trout_walleye #container #main a:hover {text-decoration: underline;}
		.pg_trout_walleye #container #main img {float: left;}
			
	.pg_trout_walleye #container #main #background {float: left; width: 790px; margin-top: 10px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_trout_walleye #container #main #background .fishery {float: left; width: 340px; padding: 10px; margin-bottom: 15px; background: #e5f3fa;}
			.pg_trout_walleye #container #main #background .fishery span {width: 340px; text-align: center; display: block; font-weight: bold;}
		

	.pg_trout_walleye #container #main #habitat {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
	
	.pg_trout_walleye #container #main #distribution {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_trout_walleye #container #main #distribution .map {float: left; margin-top: 20px; width: 345px; padding: 10px; margin-bottom: 15px; background: #e5f3fa;}
		
	.pg_trout_walleye #container #main #climaterelated {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_trout_walleye #container #main #climaterelated  span.title {color: #4f6031; font-weight: bold;}
		.pg_trout_walleye #container #main #climaterelated .interconnected {float: left; width: 340px; padding: 10px; margin-bottom: 15px; background: #e5f3fa;}
			.pg_trout_walleye #container #main #climaterelated .interconnected span.title {width: 340px; text-align: center; display: block; font-weight: bold; color: #000;}
		

	.pg_trout_walleye #container #main #next {float: left; width: 1000px; position: relative; margin-left: -105px; margin-top: 15px;}
		.pg_trout_walleye #container #main #next h2 {float: left; width: 1000px;}
		.pg_trout_walleye #container #main #next a {position: absolute; top: 35px; right:110px;}
		
	/* 6.1 Trout & Walleye -> Connect */
	
	.pg_connectfish #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #de9756; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
	.pg_connectfish #container #main #intro h2 {float:left; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin: 20px 0;}
		.pg_connectfish #container #main #connect {float:left; width: 790px;}
			.pg_connectfish #container #main #connect #culture {float:left; width: 790px; margin-top: 25px; margin-bottom: 10px;}
				.pg_connectfish #container #main #connect #culture #cultureleft {float:left; width: 410px; position: relative; border-right: 1px solid #e2e2e2; margin-right: -1px; padding-bottom: 20px;}
					.pg_connectfish #container #main #connect #culture #cultureleft #videobox {float: left; width: 368px; height: 213px; position: relative; z-index: 2; padding: 16px; background: url(/App_Images/bg_videobox.png) no-repeat; text-align: center; position: relative; margin-top: -4px;}
						.pg_connectfish #container #main #connect #culture #cultureleft #videobox img.video {width: 263px; height: 197px; margin:0 52px;}
						.pg_connectfish #container #main #connect #culture #cultureleft #videobox a {position: absolute; top:16px; left:16px;}
					.pg_connectfish #container #main #connect #culture #cultureleft p.videotext {float: left; width: 330px; color: #545454; background: #e2e2e2 url(/App_Images/bg_videotext.gif) no-repeat bottom; margin: -20px 0 0 4px; padding: 10px 31px 135px 31px; position: relative; z-index:1;}
						.pg_connectfish #container #main #connect #culture #cultureleft p.videotext a {float: left; font: 12px arial; color: #31aed7; background: url(/App_Images/ico_youtube.gif) no-repeat; margin: 15px 0 0 -10px; padding: 25px 0 25px 70px;}
					
					.pg_connectfish #container #main #connect #culture #cultureleft .resourcetext {float: left; margin-top: 25px; margin-bottom: 10px; width: 400px; font: 16px arial;}
						.pg_connectfish #container #main #connect #culture #cultureleft .resourcetext a {font-weight: bold; color: #31aed7;}
						.pg_connectfish #container #main #connect #culture #cultureleft .resourcetext ul {width: 400px; margin: 10px 0;}
							.pg_connectfish #container #main #connect #culture #cultureleft .resourcetext ul li {float: left; width: 375px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
				
				.pg_connectfish #container #main #connect #culture #legend {float:left; width: 362px; border-left: 1px solid #e2e2e2; padding-left: 17px; padding-bottom: 20px;}
					.pg_connectfish #container #main #connect #culture #legend h2 {float: left; width: 338px; color: #000; font: 15px arial; line-height: 20px; font-weight: bold; margin-bottom: 0px; padding: 10px; background: #dbf4e9;}
					.pg_connectfish #container #main #connect #culture #legend p {float: left; width: 338px; color: #414141; font: 15px arial; padding: 10px; background: #dbf4e9;}
						.pg_connectfish #container #main #connect #culture #legend p span {color: #376272;}
			
			.pg_connectfish #container #main #connect #learn {float: left; width: 790px; border-top: 1px solid #e2e2e2; padding-top: 25px;}
				.pg_connectfish #container #main #connect #learn h2 {float: left; width: 790px; text-align: center; margin-bottom: 20px;}
					.pg_connectfish #container #main #connect #learn h2 img { float: left; width: 402px; padding: 0 194px;}
					.pg_connectfish #container #main #connect #learn h2 span {clear:both; float: left; margin-top: 0px; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; display: block; text-align: center; color: #505050; padding-top: 10px; text-decoration: underline;}
					
				.pg_connectfish #container #main #connect #learn #resources {float: left; width: 826px; }
					.pg_connectfish #container #main #connect #learn #resources p.no-results {float: left; width: 790px; text-align: center;}
					.pg_connectfish #container #main #connect #learn #resources .spacer {float: left; width: 826px; height: 1px;}
					.pg_connectfish #container #main #connect #learn #resources .resource {float: left; width: 381px;  margin-right: 30px; margin-bottom: 25px;}
					.pg_connectfish #container #main #connect #learn #resources .resource .top {float: left; width: 381px; height: 8px; background: url(/App_Images/bg_culture_resource_top.gif) no-repeat;}
					.pg_connectfish #container #main #connect #learn #resources .resource .mid {float: left; padding: 12px 16px 10px 16px; width: 351px; min-height: 127px; background: url(/App_Images/bg_culture_resource_mid.gif) repeat-y;}
					.pg_connectfish #container #main #connect #learn #resources .resource .btm {float: left; width: 381px; height: 8px; background: url(/App_Images/bg_culture_resource_btm.gif) no-repeat;}
						.pg_connectfish #container #main #connect #learn #resources .resource h3 {float: left; width: 351px; font: 16px arial; margin-bottom: 20px; font-weight: bold;}
							.pg_connectfish #container #main #connect #learn #resources .resource h3 a {color: #31aed7; font-weight: bold;}
						.pg_connectfish #container #main #connect #learn #resources .resource .imgbox {float: left; width: 135px; height: 110px; padding: 16px 16px 0 16px; margin: -3px 0 0 -3px; background: url(/App_Images/bg_resource_img.png) no-repeat; margin-right: 10px;}
							.pg_connectfish #container #main #connect #learn #resources .resource .imgbox img {float: left; width: 135px; height: 88px;}
						.pg_connectfish #container #main #connect #learn #resources .resource .text {float: right; width: 170px; font: 14px arial; color: #3c3c3c; /*min-height: 145px;*/}
							.pg_connectfish #container #main #connect #learn #resources .resource .text ul {width: 170px; margin: 10px 0;}
								.pg_connectfish #container #main #connect #learn #resources .resource .text ul li {float: left; width: 145px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
						.pg_connectfish #container #main #connect #learn #resources .resource .weblink {float: left;}
			
			.pg_connectfish #container #main #connect #change {float: left; width: 790px; }
				.pg_connectfish #container #main #connect #change h2 {width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_connectfish #container #main #connect #change ul {float: left; width: 790px; }
					.pg_connectfish #container #main #connect #change ul li {float: left; padding-left: 25px; width: 765px; background: url(/App_Images/ico_orange_bullet.png) no-repeat 0 3px; margin-bottom: 15px; font: 18px arial; color: #505050;}
						.pg_connectfish #container #main #connect #change ul li a {font: 18px arial; color: #31aed7; /*text-transform: uppercase;*/ font-weight: bold}
						
			.pg_connectfish #container #main #connect #experience {float: left; width: 790px; margin-left: -105px; padding: 20px 105px 10px 105px; border-top: 1px solid #e2e2e2; margin-top: 5px;}
				.pg_connectfish #container #main #connect #experience h2 {width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_connectfish #container #main #connect #experience p {font: 16px arial; color: #505050; line-height: 20px;}
					.pg_connectfish #container #main #connect #experience p a {font-size: inherit; color: #199fc6;}
					
	/* 6.2 Trout & Walleye -> Science */
	
	.pg_fishscience #container #main #intro {border-bottom: 1px solid #7fc7e5; padding-bottom: 20px;}
		.pg_fishscience #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #7fc7e5; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
			.pg_fishscience #container #main #intro h1 a {position: absolute; top: -6px; left:25px;  }
				.pg_fishscience #container #main #intro h1 a img {margin:0; padding:0;}
			.pg_fishscience #container #main #intro h2 {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin: 20px 0;}
			.pg_fishscience #container #main #intro .introtext {float: left; width: 790px; margin:0; padding:0; background: none; font: 16px arial;}
				.pg_fishscience #container #main #intro .introtext a {color: #7fc7e5;}
				.pg_fishscience #container #main #intro .introtext strong {color: #7fc7e5; font-weight: bold}
		
	.pg_fishscience #container #main #science {float:left; width: 790px;}
		.pg_fishscience #container #main #science p.no-results {float: left; width: 790px; text-align: center;}
		.pg_fishscience #container #main #science .text span.clue {color: #c80000; font-weight: bold;}
			.pg_fishscience #container #main #science .text a {color: #7596a5;}
		.pg_fishscience #container #main #science h2#toolkit {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin-top: 20px;}
		.pg_fishscience #container #main #science h2#center {float: left; width: 790px; font: 20px arial; color: #7fc7e5; font-weight: bold; margin-top: 20px; text-align: center;}
		
		.pg_fishscience #container #main #science .section {float:left; width: 790px; padding: 20px 0; border-bottom: 1px solid #7fc7e5;}
			.pg_fishscience #container #main #science .section h3 {float: left; width: 790px; font: 20px arial; color: #434343; font-weight: bold; margin-bottom: 20px;}
				.pg_fishscience #container #main #science .section h3.static {margin-bottom: 10px;}
					.pg_fishscience #container #main #science .section h3.static em {font-style: normal; font-size: 16px; font-weight: normal;}
				.pg_fishscience #container #main #science .section h3 a {font: 20px arial; font-weight: bold; color: #7fc7e5; text-decoration: underline;}
			
			.pg_fishscience #container #main #science .imgright img {float: right;}
			.pg_fishscience #container #main #science .imgleft img {float: left; }
			
			.pg_fishscience #container #main #science .imgright .text {float: left; width: 360px; font: 16px arial; color: #414141; }
			.pg_fishscience #container #main #science .imgleft .text {float: right; width: 360px; font: 16px arial; color: #414141; }
			
			.pg_fishscience #container #main #science .text ul {width: 360px; margin: 10px 0;}
				.pg_fishscience #container #main #science .text ul li {float: left; width: 295px; padding-left: 25px; margin-left: 40px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3e3e3e;}
			.pg_fishscience #container #main #science .section a.weblink {float: left; color: #7596a5; font: 14px arial; /*padding-left: 70px; padding-top: 15px;*/ width: 61px; height: 31px; margin-top: 20px; background: url(/App_Images/title_weblink.gif) no-repeat;}
			.pg_fishscience #container #main #science .section a.pdflink {float: left; color: #7596a5; font: 14px arial; width: 34px; height: 40px; margin-top: 20px; background: url(/App_Images/ico_pdf.png) no-repeat; margin-right: 20px;}
			.pg_fishscience #container #main #science .section .totop {float: left; width: 360px; margin-top: 15px;}
			
		
		.pg_fishscience #container #main #science #learn {float: left; width: 790px; border-top: 1px solid #e2e2e2; padding-top: 25px;}
				.pg_fishscience #container #main #science #learn h2 {float: left; width: 790px; text-align: center; margin-bottom: 20px;}
					.pg_fishscience #container #main #science #learn h2 img { float: left; width: 402px; padding: 0 194px;}
					.pg_fishscience #container #main #science #learn h2 span { width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; display: block; text-align: center; color: #505050; padding-top: 10px; text-decoration: underline;}
			.pg_fishscience #container #main #science #learn #resources {float: left; width: 826px; }
				.pg_fishscience #container #main #science #learn #resources p.no-results {float: left; width: 790px; text-align: center;}
				.pg_fishscience #container #main #science #learn #resources .resource {float: left; width: 789px;  margin-right: 30px; margin-bottom: 25px;}
					.pg_fishscience #container #main #science #learn #resources .resource h3 {float: left; width: 757px; font: 20px arial; margin-bottom: 20px; font-weight: bold;}
						.pg_fishscience #container #main #science #learn #resources .resource h3 a {color: #31aed7; font-weight: bold;}
					
                     .pg_fishscience #container #main #science #learn #resources .resource .textbox {float: right; width: 610px; font: 16px arial; color: #3c3c3c; min-height: 145px;}
						.pg_fishscience #container #main #science #learn #resources .resource .textbox a {font-size: inherit; color: #7596a5;}
						.pg_fishscience #container #main #science #learn #resources .resource .textbox ul {width: 610px; margin: 10px 0;}
							.pg_fishscience #container #main #science #learn #resources .resource .textbox ul li {float: left; width: 585px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
					.pg_fishscience #container #main #science #learn #resources .resource .weblink {float: left;}
					.pg_fishscience #container #main #science #learn #resources .spacer {float: left; width: 790px; height: 1px; background: #7fc7e5; margin-bottom: 25px;}


/* Hear the Water*/

.pg_hear_water #container #main #intro p, .pg_hear_water #container #main #intro .cms {
    float: left;
    width: 360px;
    background: url(/App_Images/bg_water_text.png) no-repeat 0 0;
    padding: 45px 0 0 90px;
    margin: 0px 0 0 -90px;
}

.pg_hear_water #container #main #intro div.quiz {

    float: right;
    width: 340px;
    padding: 10px;
    margin-bottom: 15px;
    background: #e5f3fa;
    line-height: 30px;
    margin-top: -160px;

}

/* LIFEWAY CONSISTENT //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.pg_lifeway  #container #main {float:left; width: 790px;}
    .pg_lifeway #container #main .cms {
           font: 16px arial;
           font-weight: normal;
    }
	.pg_lifeway  #container #main #intro {float:left; width: 790px; position: relative; z-index: 3;}
		.pg_lifeway  #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #de9756; position: relative; text-transform: uppercase; margin-left: -105px; padding: 8px 15px 7px 105px;}
        
        .pg_lifeway #container #main #intro img {
            float: none;
            margin-top: 0px;
        }
        
         .pg_lifeway  #container #main .cms_image {float: left;}
         .pg_lifeway  #container #main #intro .cms_image {float: right; margin-top: 25px;}
         .pg_lifeway  #container #main #intro img.birch {margin-top:0px; }


        .pg_lifeway #container #main .photo_shadow {
            background: url(/App_Images/2018/bg_photo_shadow-btm.jpg) center bottom no-repeat; 
            padding-bottom: 27px;
            position: relative;
            margin-bottom: 50px;
            margin-top: 15px;
            
        }
        .pg_lifeway #container #main .photo_shadow  img {
            
            width: 344px;
            padding: 10px;
            border: 1px solid rgba(0, 0, 0, .1);
        
        }
	     .pg_lifeway #container #main .photo_shadow span {

             display: block;
             margin-top: 24px;
             text-align: center;
             font: normal 16px arial;
             color: #545454;
             position: absolute;
             bottom: -50px;
             left: 0px;
             right: 0px;
             min-height: 45px;

	     }


		.pg_lifeway  #container #main #intro p, .pg_lifeway  #container #main #intro .cms {float: left; width: 360px; padding: 45px 0 0 90px; margin: 0px 0 0 -90px;}
		
	.pg_lifeway  #container #main #key {clear:both;float: left; margin-left: -105px; margin-top: 30px;  width: 360px; padding: 20px 105px 0 105px; border-top: 1px solid #ecf1f5; padding-top: 15px; position: relative; z-index: 2; padding-right: 0px; }
	
        .pg_lifeway  #container #main #intro #key .cms {background-image: none; padding-top:10px}


        .pg_trout_walleye #container #main #intro #key { margin-top: -340px; }
        .pg_maple_birch #container #main #intro #key { margin-top: -75px; }
        .pg_wildrice #container #main #intro #key { width:790px }
            .pg_wildrice #container #main #intro #key .cms { width: 100%;}

        .pg_pinemarten #container #main #intro #key { margin-top: -30px }

	.pg_lifeway  #container #main #objectives {float: left; width: 790px; margin-top: 25px;}
		.pg_lifeway  #container #main #objectives h2 {font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px;}
		.pg_lifeway  #container #main #objectives ul {float: left; width: 790px;}
			.pg_lifeway  #container #main #objectives ul li {font: 16px arial; width: 640px; padding-left: 35px; margin-left: 45px; background: url(/App_Images/ico_check_orange.gif) no-repeat; padding-bottom: 20px;}
			

            .pg_lifeway #container #main .greenbox { color: #414141;
    padding: 10px;
    background: #dbf4e9;}


    .pg_lifeway #container #main #background #videobox { padding: 0px; width: auto; background:none; /* background: url(/App_Images/bg_videobox.jpg) no-repeat;*/ }
    .pg_lifeway #container #main #background #videobox a { top: 0px; left: 0px; right: 22px;}
    .pg_lifeway #container #main #background #videobox a img { width: 100%;}

	.pg_lifeway  #container #main .left {float: left; width: 370px; }
	.pg_lifeway  #container #main .right {float: right; width: 370px; }
		.pg_lifeway  #container #main .totop {float: left; width: 370px; margin-top: 15px;}
	.pg_lifeway  #container #main h2 {float: left; width: 790px; font: 16px arial; font-weight: bold; text-decoration: underline; margin-bottom: 20px; text-transform: uppercase;}
	.pg_lifeway  #container #main a {color: #4e5f30; text-decoration: none}
		.pg_lifeway  #container #main p img {float: left; margin-bottom: 10px;}
			.pg_lifeway  #container #main a:hover {text-decoration: underline;}
		.pg_lifeway  #container #main img {float: left;}
			
	.pg_lifeway  #container #main #background {float: left; width: 790px; margin-top: 10px; padding-top: 30px; border-top: 1px solid #de9756;}

	.pg_lifeway  #container #main #habitat {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
	
	.pg_lifeway  #container #main #distribution {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
    .pg_lifeway  #container #main #distribution img { width: 100%;}
		
	.pg_lifeway  #container #main #climaterelated {float: left; width: 790px; margin-top: 30px; padding-top: 30px; border-top: 1px solid #de9756;}
		.pg_lifeway  #container #main #climaterelated div.connected {float: left; width: 340px; padding: 10px; margin-top: 15px; margin-bottom: 15px; font-style: italic; background: #e5f3fa;}
		.pg_lifeway  #container #main #climaterelated div.connected div { font-style: inherit;}	
        .pg_lifeway  #container #main #climaterelated span.title {color: #4f6031; font-weight: bold;} 
				
		

	.pg_lifeway  #container #main #next {float: left; width: 1000px; position: relative; margin-left: -105px; margin-top: 15px;}
		.pg_lifeway  #container #main #next h2 {float: left; width: 1000px;}
		.pg_lifeway  #container #main #next a {position: absolute; top: 35px; right:110px;}


        .pg_lifeway  #container #main .full {float: left; width: 790px; margin-top: 20px;}

        
			.pg_lifeway #container #main  .bulleted_list ul {float: left; width: 340px; padding: 10px 0;}
				.pg_lifeway #container #main  .bulleted_list ul li {float: left; width: calc(100% - 25px); margin-bottom: 4px; font: 16px arial; padding-left: 25px; background: url(/App_Images/ico_orange_bullet.png) no-repeat 0 2px;}



        /* LIFEWAY CONNECT CONSISTENT */

        .pg_lifeway #container #main #connect #culture #legend {float:left; width: 362px; border-left: 1px solid #e2e2e2; padding-left: 17px; padding-bottom: 20px;}
			.pg_lifeway #container #main #connect #culture #legend b:first-of-type {float: left; width: 338px; color: #000; font: 15px arial; line-height: 20px; text-align:center; font-weight: bold; text-decoration: none; margin-bottom: 0px; padding: 10px; background: #dbf4e9;}
			.pg_lifeway #container #main #connect #culture #legend .cms {float: left; width: 338px; color: #414141; font: 15px arial; padding: 10px; background: #dbf4e9;}
				.pg_lifeway #container #main #connect #culture #legend .cms span {color: #376272; font-size: 12px; font-style: italic;}


        .pg_lifeway #container #main #connect #culture #cultureleft .resourcetext {float: left; margin-top: 25px; margin-bottom: 10px; width: 400px; font: 16px arial;}
			.pg_lifeway #container #main #connect #culture #cultureleft .resourcetext a {margin-top: 10px; font-weight: bold; color: #31aed7;}
			.pg_lifeway #container #main #connect #culture #cultureleft .resourcetext ul {width: 400px; margin: 10px 0;}
				.pg_lifeway #container #main #connect #culture #cultureleft .resourcetext ul li {float: left; width: 375px; padding-left: 25px; margin-bottom: 20px; background: url(/App_Images/ico_science_bullet.gif) no-repeat 0 2px; font: 16px arial; color: #3c3c3c;}
				

        .pg_lifeway #container #main #connect #change {float: left; width: 790px; }
				.pg_lifeway #container #main #connect #change .cms b:first-of-type {display: block; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_lifeway #container #main #connect #change ul {float: left; width: 790px; }
					.pg_lifeway #container #main #connect #change ul li {float: left; padding-left: 25px; width: 765px; background: url(/App_Images/ico_orange_bullet.png) no-repeat 0 3px; margin-bottom: 15px; font: 18px arial; color: #505050;}
						.pg_lifeway #container #main #connect #change ul li a {font: 18px arial; color: #31aed7; /*text-transform: uppercase;*/ font-weight: bold}
						
			.pg_lifeway #container #main #connect #experience {float: left; width: 790px; margin-left: -105px; padding: 20px 105px 10px 105px; border-top: 1px solid #e2e2e2; margin-top: 5px;}
				.pg_lifeway #container #main #connect #experience .cms b:first-of-type {display: block; width: 790px; font: 22px arial; font-weight: bold; text-transform: uppercase; text-align: center; color: #505050; text-decoration: underline; margin-bottom: 20px;}
				.pg_lifeway #container #main #connect #experience .cms {font: 16px arial; color: #505050; line-height: 20px;}
					.pg_lifeway #container #main #connect #experience .cms a {font-size: inherit; color: #199fc6;}


            .pg_lifeway #container #main #connect .video_overlay { position: relative; }

                .pg_lifeway #container #main #connect .video_overlay a { position: absolute; top: 0px; left: 0px; right: 22px;}
                .pg_lifeway #container #main #connect .video_overlay a img { width: 100%;}


            .pg_martenconnect #container #main #connect #culture #cultureleft img { margin-left: 0px;}


/* 7.0 Climate Change */

.pg_climatechange #container #main {float:left; width: 790px;}
	.pg_climatechange #container #main #intro {float:left; width: 790px; margin-left: -105px;}
		.pg_climatechange #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #737373; position: relative; text-transform: uppercase; padding: 8px 15px 7px 105px;}
		
	.pg_climatechange #container #main #video {float: left; width: 790px; margin-top: 10px; text-align: center;}
		.pg_climatechange #container #main #video #videobox {float: left; width: 368px; height: 213px; padding: 16px; margin: 0 195px; background: url(/App_Images/bg_videobox.jpg) no-repeat; text-align: center; position: relative;}
			.pg_climatechange #container #main #video #videobox img.video {max-width: 368px; height: 197px;}
			.pg_climatechange #container #main #video #videobox a {position: absolute; top:16px; left:16px;}
		
		.pg_climatechange #container #main #video h2 {font: 16px arial; color: #545454; width: 790px; text-align: center}

/* 8.0 What Can We Do? */

.pg_what #container #main {float:left; width: 790px;}
	.pg_what #container #main #intro {float:left; width: 790px; margin-left: -105px;}
		.pg_what #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #b67171; position: relative; text-transform: uppercase; padding: 8px 15px 7px 105px;}
			.pg_what #container #main #intro h1 a {position: absolute; top: -8px; left:20px;}
			
	.pg_what #container #main #change {float: left; width: 790px; position: relative;}
	
		.pg_what #container #main #change #leftchange {float: left; width: 500px; margin-right: 45px; margin-top: -5px;}
			.pg_what #container #main #change #leftchange h2 {float: left; width: 490px; font: 18px arial; color: #3f3f3f; margin-top: 30px; font-weight: bold}
			.pg_what #container #main #change #leftchange p {float: left; width: 485px; font: 16px arial; color: #6a6a6a;}
			.pg_what #container #main #change #leftchange ul {float: left; padding-left: 30px; width: 460px; margin-top: 15px;}
				.pg_what #container #main #change #leftchange ul li {float: left; width: 460px; font: 16px arial; color: #6a6a6a; margin-bottom: 20px;}
		
		.pg_what #container #main #change #rightchange {float: right; width: 245px; margin-top: -25px;}
			.pg_what #container #main #change #rightchange img {float: right;}
				.pg_what #container #main #change #rightchange img.img2 {position: absolute; bottom: 25px; right:0;}
			.pg_what #container #main #change #rightchange p {float: right; width: 172px; font: 14px arial; color: #3e3523; background: #b67171; padding: 20px 25px 15px 25px; margin: 2px 4px 0 0;}
			
	.pg_what #container #main #statement {float: left; width: 790px; position: relative; margin-top: 10px; border-top: 1px solid #b67171; border-bottom: 1px solid #b67171; padding: 15px 0}
		.pg_what #container #main #statement h2 {float: left; width: 790px; font: 18px arial; color: #3f3f3f; font-weight: bold}
		.pg_what #container #main #statement ul {float: left; padding-left: 30px; width: 760px; margin-top: 15px;}
				.pg_what #container #main #statement ul li {float: left; width: 685px; font: 16px arial; color: #6a6a6a; margin-bottom: 20px;}
		.pg_what #container #main #statement p {float: left; width: 725px; font: 16px arial; color: #292929;}
	
	.pg_what #container #main #plan {float: left; width: 790px; position: relative; margin-top: 15px;}
		.pg_what #container #main #plan h2 {float: left; width: 790px; font: 18px arial; color: #3f3f3f; font-weight: bold}
		.pg_what #container #main #plan p {float: left; width: 725px; font: 16px arial; color: #6a6a6a;}
			.pg_what #container #main #plan p a {color: #31aed7;}
		
	.pg_what #container #main #brainstorm {float: left; width: 790px; position: relative; margin-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #b67171;}
		.pg_what #container #main #brainstorm #brainleft {float: left; width: 500px;}
			.pg_what #container #main #brainstorm #brainleft h2 {float: left; width: 500px; font: 18px arial; color: #3f3f3f; font-weight: bold; margin-bottom: 15px;}
			.pg_what #container #main #brainstorm #brainleft p {float: left; width: 500px; font: 16px arial; color: #6a6a6a;}
		
		.pg_what #container #main #brainstorm #brainright {float: left; width: 290px;}
			.pg_what #container #main #brainstorm #brainright img {float: right;}
			
		.pg_what #container #main #brainstorm h3 {float: left; width: 790px; font: 18px arial; color: #404040; font-weight: normal; margin-top: 20px;}
			.pg_what #container #main #brainstorm h3 a {font-size: inherit; color: #31aed7;}
		.pg_what #container #main #brainstorm img.img4 {float:right; margin-top: -20px;}
		.pg_what #container #main #brainstorm ul {float: left; width: 790px; margin-top: -160px;}
			.pg_what #container #main #brainstorm ul li {float: left; padding: 4px 0 4px 40px; width: 750px; font: 16px arial; color: #6a6a6a; background: url(/App_Images/ico_what_bullet.gif) no-repeat; margin-top: 20px;}
			
	.pg_what #container #main .ideas {float: left; width: 790px; position: relative; margin-top: 25px; padding-bottom: 15px; border-bottom: 1px solid #b67171;}
		.pg_what #container #main .ideas h2 {float: left; width: 790px; font: 18px arial; color: #3f3f3f; font-weight: bold; margin-bottom: 15px;}
		.pg_what #container #main .ideas p {float: left; width: 790px; font: 16px arial; color: #6a6a6a; margin-bottom: 10px;}
			.pg_what #container #main .ideas p.indent {padding-left: 40px; width: 750px;}
			.pg_what #container #main .ideas p.answer {float:left; margin-left: -105px; padding: 0px 105px; background: #d0a7a8; margin-top: 10px;}
				.pg_what #container #main .ideas p.answer span {background: #dec3c3; float: left; padding: 10px 30px 10px 55px; width: 705px; color: #3f3f3f; line-height: 20px; }
	
		.pg_what #container #main .ideas h3 {float: left; width: 550px; font: 18px arial; color: #404040; font-weight: normal; margin-top: 15px;}
		.pg_what #container #main .ideas img {float: right;}
		.pg_what #container #main .ideas ul {float: left; width: 550px; margin-bottom: 20px}
			.pg_what #container #main .ideas ul li {float: left; padding: 4px 0 4px 40px; width: 460px; font: 16px arial; color: #6a6a6a; background: url(/App_Images/ico_what_bullet.gif) no-repeat; margin-top: 20px;}
				.pg_what #container #main .ideas ul li a {color: #31aed7;}
				
		.pg_what #container #main #congrats {float: left; width: 760px; padding: 20px 0 0 30px;}
			.pg_what #container #main #congrats h2 {font: 24px arial; color: #000;}
			.pg_what #container #main #congrats p {font: 16px arial; color: #6a6a6a; margin-top: 10px;}
				.pg_what #container #main #congrats p a {color: #31aed7;}
		
		 .pg_what #projects {

            float: left;
            width: 1000px;
            margin-left: -105px;
            margin-top: -1px;
            border-bottom: 14px solid #89898a;
            padding-bottom: 0px;

        }

        .pg_what #projects h4 {

            background: #b67171;
            font: bold 24px arial;
            color: #fff;
            text-transform: uppercase;
            line-height: 48px;
            padding-left: 105px;
            margin-bottom: 30px;

        }

        .pg_what #projects ul
        {

            float: left;
            
            width: 780px;
            margin: 0;

        }

         .pg_what #projects li
        {

            float: left;
            width: 780px;
            margin: 0;
            padding: 0px 105px;

        }
        .pg_what h1 { position: relative; }
        .pg_what h1 span { position: absolute; width: 300px; height: 46px; top: 0px; left: 368px; }
        .pg_what h1 a { float: left; padding-top: 22px; white-space: nowrap; display: block; font: bold 16px arial; color: #7596a5; margin-left: 20px;}
        
        .pg_what #projects h5 { float: left; width: 100%; font: normal 26px arial; line-height: 34px; color: #717171; text-transform: uppercase;}
        .pg_what #projects h6 { margin-top: 15px; float: left; width: 252px; font: normal 18px arial; color: #4c4c4c; }
        .pg_what #projects .btn { float: left; margin-top: 10px; line-height: 30px; padding-top: 10px; min-height: 30px; margin-left: 30px; font: normal 14px arial; color: #000; }
        .pg_what #projects .pdf { background: url(/App_Images/2015/ico_share_pdf.png) no-repeat; padding-left: 35px; }
        .pg_what #projects .link { background: url(/App_Images/2015/ico_share_web.png) no-repeat; padding-left: 40px;}
        .pg_what #projects .text { clear: both; float: left; width: 540px; line-height: 18px; font-size: 12px; color: #4c4c4c}
        .pg_what #projects .text ul { list-style-type: disc; margin: 5px 0; margin-left: 22px}
        .pg_what #projects .text ul li { clear: both; float: left; padding: 0px; margin-top: 4px; }
        .pg_what #projects span.holder { margin-left: 46px; float: left; width: 200px; height: 158px; background: url(/App_Images/2015/bg_what_imageholder.png) no-repeat; }
        .pg_what #projects span.holder img { margin: 12px; width: 176px; height: 114px;}

        .pg_what #projects .bx-wrapper .bx-next, .pg_what #projects .bx-wrapper .bx-prev { position: absolute; top: -18px; }
        .pg_what #projects .bx-wrapper .bx-next {background: url(/App_Images/btn_next_what.png) no-repeat; z-index: 100; right: 20px;}
        .pg_what #projects .bx-wrapper .bx-prev {background: url(/App_Images/btn_prev_what.png) no-repeat; z-index: 100; left: 20px; }

        .pg_what #container #main #change #rightchange { margin-top: 0px; }

/* 9.0 Talking Circle */

.pg_talking_circle #container #content #main {float:left; width: 970px; padding: 35px 0px 85px 0px; margin-left: 15px;}
	.pg_talking_circle #container #main #intro {float:left; border-bottom: 1px solid #d6d2d2; padding-bottom: 25px; width: 970px;}
		.pg_talking_circle #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #cbdd90; margin-left: -15px; padding: 8px 7px 7px 108px; position: relative;}
            .pg_talking_circle #container #main #intro h1 span {font-size: 22px;}
            .pg_talking_circle #container #main #intro h1 span.required {position: absolute; top: 15px; right: -165px;}
		.pg_talking_circle #container #main #intro a {float: right; margin-top: -3px; margin-right: 30px;}
		
	.pg_talking_circle #container #main #links {float: left; width: 970px; border-bottom: 1px solid #d6d2d2;}
		.pg_talking_circle #container #main #links h2 {float: left; font: 26px arial; color: #717171;}
	
		.pg_talking_circle #container #main #links #tags {float:left; width: 345px; border-right: 1px solid #d6d2d2; padding: 15px 0 20px 95px;}
			.pg_talking_circle #container #main #links #tags h2 {background: url(/App_Images/bg_tags.gif) no-repeat; padding: 26px 0 15px 112px; margin-left: -90px;}
			.pg_talking_circle #container #main #links #tags ul {float: left; width: 390px; margin-top: 30px; margin-left: -60px;}
				.pg_talking_circle #container #main #links #tags ul li {float: left; width: 390px; margin-bottom: 10px; font: 18px arial; color: #000;}
					.pg_talking_circle #container #main #links #tags ul li a {float: left; font: 18px arial; color: #000; text-decoration: none;}
						.pg_talking_circle #container #main #links #tags ul li span {text-decoration: underline;}
						.pg_talking_circle #container #main #links #tags ul li a span {text-decoration: underline; font-weight: bold;}
		
		.pg_talking_circle #container #main #links #locations {float:left; width: 495px; border-left: 1px solid #d6d2d2; margin-left: -1px; padding: 15px 0 20px 33px;}
			.pg_talking_circle #container #main #links #locations h2 {background: url(/App_Images/bg_project_locations.jpg) no-repeat; padding: 18px 0 20px 92px;}
			.pg_talking_circle #container #main #links #locations ul {float: left; width: 365px; margin-left: 40px; margin-top: 40px;}
				.pg_talking_circle #container #main #links #locations ul li {float: left; padding-left: 52px; width: 313px; background: url(/App_Images/ico_locations.gif) no-repeat 0 3px; margin-bottom: 17px; text-transform: uppercase; color: #c1d289; font: 22px arial;}
					.pg_talking_circle #container #main #links #locations ul li a {color: #c1d289; font: 22px arial;}
					
	/* 9.1 Talking Circle Form */
	
	.pg_talking_circle #container #content #main.form {margin-left:0;}
		.pg_talking_circle #container #content #main.form #intro {border: none;}
			.pg_talking_circle #container #content #main.form #intro h1 {position: relative; text-transform: uppercase; padding: 8px 87px 7px 108px; margin-left: 0px;}
				.pg_talking_circle #container #content #main.form #intro h1 a {position: absolute; top: -6px; left:25px;}
				
		.pg_talking_circle #container #content #main.form #form {float: left; width: 835px; margin-left: 97px;}

		
		/* Overlay */
        .pg_talking_circle #container #content #main.form #overlay {position: absolute; top: 0px; left: 0px; width: 100%; height: 2000px; background: rgba(255,255,255,.8); z-index: 100; text-align: center; display: none;}
            .pg_talking_circle #container #content #main.form #overlay #questionaire {width: 835px; display: inline-block; background: #e9eef0; padding-top: 20px; margin-top: 100px;}
                .pg_talking_circle #container #content #main.form #overlay #questionaire h1 {float:left; font: 26px arial; color: #f8f9fa; font-size: 26px; line-height: 47px; height: 47px; padding: 0 30px; width: 775px; background: #cbdd90; position: relative;}
                    .pg_talking_circle #container #content #main.form #overlay #questionaire h1 img {float: left; margin-top: -10px; margin-right: 20px;}
                    .pg_talking_circle #container #content #main.form #overlay #questionaire h1 a {float: right; font-size: 18px; color: #f8f9fa; line-height: 47px;}

                .pg_talking_circle #container #content #main.form #overlay #questionaire #questions {float: left; margin-top: 45px; padding-left: 60px; padding-bottom: 25px; width: 775px;}
                    .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .question {float: left; width: 775px; margin-bottom: 30px;}


                        .pg_talking_circle #questions span.box {float: left; position: relative; width: 600px}
						.pg_talking_circle #questions input {float: left; border: 1px solid #000; background: #fff; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 340px;}
                         .pg_talking_circle #questions span.box span {margin-bottom: 10px; float: left; margin-left: 8px; font: 20px arial; color: #4c4c4c; padding-top: 17px;  }
                         .pg_talking_circle #questions input.t {clear: left; float: left; margin-top: 10px; width: 50px;}
                         .pg_talking_circle #questions input.other {width: 250px; position: absolute; top: -38px; left: 85px; display: none;}
                         .pg_talking_circle #questions .hdnmsg { display: none; }

                         .pg_talking_circle #questions a.submit {float: right; margin-top: 20px;}
	                     .pg_talking_circle #questions p.hdnmsg {float: left; width: 375px; padding-left: 18px; display: none;}

                        .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .question label {float: left; width: 775px; font: 20px arial; line-height: 26px; color: #464646; }
						    .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .question ul {float: left; width: 775px; margin-top: 10px;}
							    .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .question ul li {position: relative; float: left; width: 775px; line-height: 21px; height: 21px; margin-bottom: 10px; background: url(/App_Images/2015/ico_radio_off.gif) no-repeat;}
                                    .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .question ul li.on {background: url(/App_Images/2015/ico_radio_on.gif) no-repeat;}
								    .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .question ul li input.chk {float: left; width: 13px; border: none; padding: 0; background: #f0f3f5; opacity: 0; position: absolute; width: 0px; height: 0px;}
								    .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .question ul li label {float: left; font: 18px arial; color: #4c4c4c; cursor: pointer; margin-left: 30px; line-height: 21px;}


                    .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .commentrow {float: left; width: 775px; margin-bottom: 30px;}
                        .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .commentrow label {float: left; width: 775px; font: 20px arial; line-height: 26px; color: #464646; }
                        .pg_talking_circle #container #content #main.form #overlay #questionaire #questions .commentrow textarea {float: left; border: 1px solid #000; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 690px; height: 120px; resize: none;}

                    .pg_talking_circle #container #content #main.form #overlay #questionaire #questions a {float: right; margin-right: 41px;}




		/* Required icons */
			.pg_talking_circle #container #content #main.form #form img.required {position: absolute; top: -8px; left:-10px;}
				.pg_talking_circle #container #content #main.form #form .tags img.required {position: absolute; top: -7px; left:-18px;}
				.pg_talking_circle #container #content #main.form #form #terms img.required {position: absolute; top: -13px; left:-18px;}
				
		/* Error icons */
			.pg_talking_circle #container #content #main.form #form img.erroricon {position: absolute; top: -18px; right:-18px; display: none;}
				.pg_talking_circle #container #content #main.form #form .drop img.erroricon {position: absolute; top: -18px; right:20px;}
				.pg_talking_circle #container #content #main.form #form .tags img.erroricon {position: absolute; top: 25px; right:15px;}
				.pg_talking_circle #container #content #main.form #form #terms img.erroricon {position: absolute; top: -33px; right:-33px;}
		
		/* Left form */	
			.pg_talking_circle #container #content #main.form #form #leftform {float: left; width: 405px; margin-right: 5px; padding: 20px 0 18px 10px; background: #f0f3f5;}
			
				.pg_talking_circle #container #content #main.form #form #leftform .row {float:left; width: 393px; margin-bottom: 10px; position: relative}

                    .pg_talking_circle #container #content #main.form #form #leftform .pdf .icon {float: left; margin-left: -45px;}
                    .pg_talking_circle #container #content #main.form #form #leftform .powerpoint .icon {float: left; margin-left: -45px;}
                    .pg_talking_circle #container #content #main.form #form #leftform .youtube .icon {float: left; margin-left: -50px;}

					.pg_talking_circle #container #content #main.form #form #leftform .row span.box {float: left; position: relative;}
						.pg_talking_circle #container #content #main.form #form #leftform .row span.box input {float: left; border: 1px solid #000; background: #fff; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 340px;}
					.pg_talking_circle #container #content #main.form #form #leftform .row label {font: 20px arial; line-height: 26px; color: #464646; float: left;}
                        .pg_talking_circle #container #content #main.form #form #leftform .row label strong {line-height: inherit;}
						.pg_talking_circle #container #content #main.form #form #leftform .row span.box ul {float: left; width: 330px; margin-top: 10px; margin-left: 16px;}
							.pg_talking_circle #container #content #main.form #form #leftform .row span.box ul li {float: left; width: 330px; line-height: 21px; height: 21px; margin-bottom: 10px; background: url(/App_Images/2015/ico_radio_off.gif) no-repeat;}
                                .pg_talking_circle #container #content #main.form #form #leftform .row span.box ul li.on {background: url(/App_Images/2015/ico_radio_on.gif) no-repeat;}
								.pg_talking_circle #container #content #main.form #form #leftform .row span.box li input {float: left; width: 13px; border: none; padding: 0; background: #f0f3f5; opacity: 0; position: absolute; width: 0px; height: 0px;}
								.pg_talking_circle #container #content #main.form #form #leftform .row span.box li label {float: left; font: 18px arial; color: #4c4c4c; cursor: pointer; margin-left: 30px; line-height: 21px;}
						
						/* Drop downs */
						.pg_talking_circle #container #content #main.form #form #leftform .row span.customStyleSelectBox {font: 20px arial; color: #4c4c4c; padding: 11px 15px 11px 15px; background: url(/App_Images/bg_dropdown.gif) no-repeat; border: none;}
							.pg_talking_circle #container #content #main.form #form #leftform .row option { background: #f0f3f5;}
							
							/* File uploads */
							.pg_talking_circle #container #content #main.form #form #leftform .row span.browse {float: left; margin-left: 3px; margin-top: -3px;}
							.pg_talking_circle #container #content #main.form #form #leftform .row .hdnupload {position:absolute; height: 40px; right:10px; top:0; font: 20px arial; padding: 5px 20px; opacity: 0; filter:alpha(opacity=0); outline: none; border: none;}
							
						/* Text areas */
						.pg_talking_circle #container #content #main.form #form #leftform .commentrow {float:left; width: 393px; margin-top: 15px;}
							.pg_talking_circle #container #content #main.form #form #leftform .commentrow label {float:left; font: 16px arial; color: #4c4c4c; width: 380px; margin-bottom: 10px;}
                                .pg_talking_circle #container #content #main.form #form #leftform .commentrow label strong {font-size: 20px}
							.pg_talking_circle #container #content #main.form #form #leftform .commentrow span {float: left; position: relative; }
								.pg_talking_circle #container #content #main.form #form #leftform .commentrow span textarea {float: left; border: 1px solid #000; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 340px; height: 290px; resize: none;}
								
						.pg_talking_circle #container #content #main.form #form #leftform .weblinkrow {float:left; width: 393px; margin-top: 15px;}
							.pg_talking_circle #container #content #main.form #form #leftform .weblinkrow label {float:left; font: 20px arial; color: #4c4c4c; width: 380px; margin-bottom: 10px;}
							.pg_talking_circle #container #content #main.form #form #leftform .weblinkrow span {float: left; position: relative; }
								.pg_talking_circle #container #content #main.form #form #leftform .weblinkrow span input {float: left; border: 1px solid #000; background: #fff; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 340px;}
						
			/* Right form */
			.pg_talking_circle #container #content #main.form #form #right {float: left; width: 415px; }
				.pg_talking_circle #container #content #main.form #form #right #rightform {float: left; width: 405px; padding: 20px 0 18px 10px; background: #f0f3f5;}
					.pg_talking_circle #container #content #main.form #form #right #rightform .row {float:left; width: 393px; margin-bottom: 10px;}

                    .pg_talking_circle #container #content #main.form #form #right #rightform .row label {font: 16px arial; line-height: 26px; color: #464646; float: left;}

                        .pg_talking_circle #container #content #main.form #form #right #rightform .web .icon {float: right; margin-right: -60px;}
						.pg_talking_circle #container #content #main.form #form #right #rightform .row span.box {float: left; position: relative;}
							.pg_talking_circle #container #content #main.form #form #right #rightform .row span.box input {float: left; border: 1px solid #000; background: #fff; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 340px;}
					
					/* Spam row */
					.pg_talking_circle #container #content #main.form #form #right #rightform .spamrow {float:left; margin-top: 20px; width: 375px;}
						.pg_talking_circle #container #content #main.form #form #right #rightform .spamrow label {float: left; margin-bottom: 10px;}
						.pg_talking_circle #container #content #main.form #form #right #rightform .spamrow span {float: left; position: relative;}
							.pg_talking_circle #container #content #main.form #form #right #rightform .spamrow span input {float: left; border: 1px solid #000; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 115px;}
				
					/* Terms */
					.pg_talking_circle #container #content #main.form #form #right #rightform #terms {float: left; width: 398px; margin-left: 0px; margin-top: 30px; padding-left: 7px; padding-top: 30px; border-top: 1px solid #f8f9fa; position: relative;}
						.pg_talking_circle #container #content #main.form #form #right #rightform #terms .row input {position: absolute; top:22px; right:135px; width: 13px; padding:0; border: none; background: none;}
						.pg_talking_circle #container #content #main.form #form #right #rightform #terms .row label {cursor: pointer;}
						.pg_talking_circle #container #content #main.form #form #right #rightform #terms p {float: left; width: 404px; display: none; margin-top: 10px;}
							.pg_talking_circle #container #content #main.form #form #right #rightform #terms p.postsuccess {display: block; width: 393px; padding: 10px 0 10px 25px; font-size: 18px; line-height: 24px; text-shadow: 1px 1px rgba(0,0,0,.2); font-weight: bold; background: #DE9756; color: #fff; margin-left: -17px;}
                            .pg_talking_circle #container #content #main.form #form #right #rightform #terms p.postsuccess a {float: left; margin: 0; color: #fff; font-weight: bold;}
						
						.pg_talking_circle #container #content #main.form #form #right #rightform #terms a {float: right; margin-right: 30px; margin-top: 15px;}
				
				/* Photos */
				.pg_talking_circle #container #content #main.form #form #right #photos {float: left; width: 415px; margin-top: 40px; text-align: center}
					.pg_talking_circle #container #content #main.form #form #right #photos img {width: 318px;}
					
			
					
	/* 9.x Talking Circle Details */
	
	/* 9.x Talking Circle Details */
	
	.pg_talking_circle #container #main.details #intro {float:left; border: none; padding:0; width: 970px;}
		.pg_talking_circle #container #main.details #intro h1 {position: relative; text-transform: uppercase; padding: 8px 87px 7px 108px; margin-left: 0px;}
			.pg_talking_circle #container #content #main.details #intro h1 a {position: absolute; top: -6px; left:25px; }
	
	.pg_talking_circle #container #main.details .details {float: left; width: 790px; margin-left: 104px; margin-top: 15px;}
		.pg_talking_circle #container #main.details .details h1 {float: left; width: 500px; padding: 18px 0 20px 100px; min-height: 34px; text-transform: uppercase; font: 26px arial; color: #717171; background: url(/App_Images/bg_project_locations.jpg) no-repeat;}
		.pg_talking_circle #container #main.details .details .linkbox {float: right; width: 190px; margin-top: 25px;}
			.pg_talking_circle #container #main.details .details a.next {float: right; font: 18px arial; color: #717171;}
			.pg_talking_circle #container #main.details .details a.prev {float: right; font: 18px arial; color: #717171;}
		
		.pg_talking_circle #container #main.details .details h2 {float: left; width: 593px; font: 18px arial; color: #4c4c4c; margin: -10px 0 10px 100px;}
			.pg_talking_circle #container #main.details .details h2 a {color: #31aed7; font-size: 18px; margin-left: 10px;}
		.pg_talking_circle #container #main.details .details .project {position:relative; float: left; width: 455px; font: 12px arial; min-height: 80px; line-height: 18px; color: #4c4c4c; margin-left: 100px;}
			
        .pg_talking_circle #container #main.details .details .project .icons { position: absolute; right: -305px; top: 0px; width: 265px; }
        
            .pg_talking_circle #container #main.details .details .project .icons a { padding: 5px 0; margin-bottom: 5px; min-height: 30px; font: normal 14px arial; color: #000; float: left; width: 100px; text-indent: 45px; }
                .pg_talking_circle #container #main.details .details .project .icons .yt { background: url(/App_Images/2015/ico_share_youtube.png) no-repeat; }
                .pg_talking_circle #container #main.details .details .project .icons .ppt { background: url(/App_Images/2015/ico_share_powerpoint.png) no-repeat 5px 0px; }
                .pg_talking_circle #container #main.details .details .project .icons .pdf { background: url(/App_Images/2015/ico_share_pdf.png) no-repeat 5px 0px; }
                .pg_talking_circle #container #main.details .details .project .icons .web { background: url(/App_Images/2015/ico_share_web.png) no-repeat 5px 0px; }

        .pg_talking_circle #container #main.details .details .project ul { width: 455px; font: 12px arial; line-height: 18px; margin: 10px 0; position: relative; }
				.pg_talking_circle #container #main.details .details .project ul li { width: 435px; background: url(/App_Images/ico_bullet.gif) no-repeat 0 2px; line-height: 18px; padding-left: 20px; margin-bottom: 10px;}
					.pg_talking_circle #container #main.details .details .project ul li a {font-size: 12px; color: #31aed7;}
					
		.pg_talking_circle #container #main.details .details #slidebox {float: left; width: 612px; margin-top: 25px; margin-left: 90px;}
			.pg_talking_circle #container #main.details .details #slidebox ul {float: left; width: 612px;}
				.pg_talking_circle #container #main.details .details #slidebox ul li {float: left;}
					.pg_talking_circle #container #main.details .details #slidebox ul li .whitebox {width: 139px; height: 91px; background: url(/App_Images/bg_slide_shadow.gif) no-repeat; padding-top: 16px;}
						.pg_talking_circle #container #main.details .details #slidebox ul li .whitebox img {width: 115px; height: 72px; margin-top: 16px; margin: 0 auto;}


/* 10.0 Teacher's Corner */
.pg_teachers #container .cms { font: normal 16px arial; float: left; }
.pg_teachers #container #main #intro {float:left; width: 895px;}
	.pg_teachers #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #7596a5; margin-left: -105px; padding: 8px 7px 7px 108px;}
	.pg_teachers #container #main #intro h2 {float: left; width: 790px; font: 20px arial; color: #7596a5; font-weight: bold; margin: 20px 0;}
	.pg_teachers #container #main #intro p, .pg_teachers #container #main #intro .cms {float: left; width: 790px; }
        .pg_teachers #container #main #intro .cms b { float: left; width: 790px; font: 20px arial; color: #7596a5; font-weight: bold; margin: 20px 0;}
		.pg_teachers #container #main #intro p span.under {text-decoration: underline;}

    .pg_teachers #container #main #intro ul {float: right; margin-right: 0px; width: 700px}
        .pg_teachers #container #main #intro ul li {float: left; margin: 0 10px 10px; }
            .pg_teachers #container #main #intro ul li a {float: left; border-top: 7px solid #f8f9fa;}
            .pg_teachers #container #main #intro ul li a.on,
            .pg_teachers #container #main #intro ul li a:hover {border-top: 7px solid #e7a872;}
		
            .pg_teachers #container #main #intro ul li:nth-child(4) { margin-right:34px;}

	.pg_teachers #container #main .section {float: left; width: 790px;}
        
		.pg_teachers #container #main .section h2 {float: left; width: 790px; margin-bottom: 20px; font: 18px arial; text-transform: uppercase; font-weight: bold; color: #1e1e1e; text-decoration: underline;}
		.pg_teachers #container #main .section p {float: left; margin-left: 25px;}
			.pg_teachers #container #main .section p a {color: #955217; font-size: inherit;}
	
            .pg_teachers #container #main .section .cms { float: left; }


	.pg_teachers #container #main #curriculum { margin-top: 35px;}
		.pg_teachers #container #main #curriculum h2 {}
		.pg_teachers #container #main #curriculum p, .pg_teachers #container #main #curriculum .cms {width: 360px;}
			
		.pg_teachers #container #main #curriculum #notice {float: right; width: 328px; background: url(/App_Images/bg_curriculum_pod.gif) repeat-y; position: relative; padding: 35px 0 30px 0; margin-top: -25px;}
			.pg_teachers #container #main #curriculum #notice img {position: absolute; top:-20px; left:123px;}
			.pg_teachers #container #main #curriculum #notice p, .pg_teachers #container #main #curriculum #notice .cms {border: 2px solid #c82404; background: #fff; width: 280px; margin:0 7px; padding: 40px 15px 30px 17px; font: 14px arial; line-height: 24px; color: #464646; font-weight: bold;}
				.pg_teachers #container #main #curriculum #notice p span, .pg_teachers #container #main #curriculum #notice .cms span {font-size: 18px; line-height: 24px;}
				.pg_teachers #container #main #curriculum #notice p a, .pg_teachers #container #main #curriculum #notice .cms a {color: #cc0000; font-size: inherit; font-weight: bold; line-height: 24px;}


             .pg_teachers #container #main #curriculum .cms, .pg_teachers #container #main #culturescience .cms { margin-left: 25px; }
            .pg_teachers #container #main #curriculum .cms b, .pg_teachers #container #main #culturescience .cms b { display: inline-block;  margin-left: -25px; white-space: nowrap;}
            .pg_teachers #container #main #curriculum #notice .cms b { margin: 0px; white-space: normal;}

	.pg_teachers #container #main #culturescience {margin-top: 30px;}
		.pg_teachers #container #main #culturescience h3 {float: left; margin-top: 20px;}
		.pg_teachers #container #main #culturescience ul {float: left; width: 745px; margin-left: 45px; margin-top: 15px;}
			.pg_teachers #container #main #culturescience ul li {float: left; width: 720px; padding-left: 25px; margin-bottom: 20px; font: 18px arial; color: #414141; background: url(/App_Images/ico_bullet_teacher.gif) 0 3px no-repeat;}
			
	.pg_teachers #container #main #scientific {}
		.pg_teachers #container #main #scientific p {margin-left: 0;}
		.pg_teachers #container #main #scientific #method {float:left; margin: 25px 0 0 -106px; padding: 0 106px; width: 790px; background: #d5d5d5;}
		
	.pg_teachers #container #main #overview {margin-top: 30px;}
		.pg_teachers #container #main #overview p {margin-left:0;}
			.pg_teachers #container #main #overview p a {color: #1e1e1e; font-weight: bold;}
		
	.pg_teachers #container #main #started {margin: 25px 0;}
		.pg_teachers #container #main #started p {margin-left: 0;}
		.pg_teachers #container #main #started h3 {float:left; width: 790px; font: 22px arial; font-weight: bold; color: #7596a5; margin-top: 20px; margin-bottom: 25px;}
		.pg_teachers #container #main #started #lifeways {float: left; width: 813px;  min-height: 375px; position: relative;}
			
        .pg_teachers #container #main #started #lifeways .cms { margin-bottom: 25px; min-height: 64px; }
        .pg_teachers #container #main #started #lifeways .cms:nth-child(odd) { clear: both; float: left; width: 110px;  }
        .pg_teachers #container #main #started #lifeways .cms:nth-child(even) { float: left; width: 250px; margin-left: 10px;}
        .pg_teachers #container #main #started #lifeways .cms:last-child { position: absolute; left: 385px; top: 0px;}
        
        .pg_teachers #container #main #started #lifeways p {width: 315px; padding-left: 110px; margin-bottom: 25px; }
				.pg_teachers #container #main #started #lifeways p.maple {background: url(/App_Images/bg_maple_text.gif) no-repeat; min-height: 64px;}
				.pg_teachers #container #main #started #lifeways p.fishing {background: url(/App_Images/bg_fish_text.gif) no-repeat; min-height: 57px;}
				.pg_teachers #container #main #started #lifeways p.rice {background: url(/App_Images/bg_rice_text.gif) no-repeat; min-height: 63px;}
				.pg_teachers #container #main #started #lifeways p.culture {background: url(/App_Images/bg_culture_text.gif) no-repeat; min-height: 57px;}
				
	.pg_teachers #container #main .spacer {float: left; width: 770px; height: 1px; background: #e2e2e2; margin-left: 6px;}
	
	.pg_teachers #container #main #investigate {float: left; width: 790px; margin-top: 30px;}
		.pg_teachers #container #main #investigate #invest-left {float: left; width: 350px; margin-right: 40px;}
		.pg_teachers #container #main #investigate #invest-right {float: left; width: 350px;}
		
		.pg_teachers #container #main #investigate p span, .pg_teachers #container #main #investigate .cms b:first-child {font: 22px arial; font-weight: bold; color: #7596a5; text-transform: uppercase; width: 350px; display: block}
	    .pg_teachers #container #main #investigate .cms b:first-child { display: inline;}
        .pg_teachers #container #main #investigate .cms { margin-bottom: 20px; ]}

        .pg_teachers #container #main #investigate ul { clear: both;}
		.pg_teachers #container #main #investigate ul li {background: url(/App_Images/ico_teacher_bullet_sq.gif) no-repeat 0 2px; padding-left: 30px; margin-top: 14px;}
			.pg_teachers #container #main #investigate ul li {font: 16px arial; color: #464646;}
            .pg_teachers #container #main #investigate ul li b {font: 16px arial; font-weight: bold; color: #7596a5; text-transform: uppercase;}
			
				.pg_teachers #container #main #investigate ul li a {color: #0c91ce;}
	
	
    /* 10.1 Teacher's Corner - Resources */

    .pg_teacherresources #container #main {float:left; width: 970px; padding: 0; padding: 35px 0px 85px 0px; margin-left: 0px;}
        .pg_teacherresources #container #main .secondary {float: left; width: 895px; margin-top: 20px; padding-bottom: 25px; }
            .pg_teacherresources #container #main .secondary h2 {float: left; font: 26px/60px arial; color: #717171; }
                .pg_teacherresources #container #main .secondary h2 span {font-weight: bold; color: #7596a5; text-transform: uppercase;}
            .pg_teacherresources #container #main .secondary a {float: right; margin-right: 80px;}
            .pg_teacherresources #container #main .secondary p { color: #666; text-align: center; float: left; width: 273px; margin: 5px 0px 0px 51px;font-weight:bold; position: relative}
            .pg_teacherresources #container #main .secondary p img {position: absolute; z-index: 100; left: 81px; top: 29px}

        .pg_teacherresources #container #main #resources {float: left; width: 1000px; border-bottom: 10px solid #efd0b6; margin-left: -105px; position: relative; padding-bottom: 60px; margin-bottom: 60px; background: url(/App_Images/2015/bg_resources.gif) repeat-y }
            .pg_teacherresources #container #main #resources .resource {float: left;}

                .pg_teacherresources #container #main #resources #videos, .pg_teacherresources #container #main #resources #videos_hidden {width: 260px; }
                .pg_teacherresources #container #main #resources #pdfs, .pg_teacherresources #container #main #resources #pdfs_hidden {width: 260px; }
                .pg_teacherresources #container #main #resources #powerpoints, .pg_teacherresources #container #main #resources #powerpoints_hidden {width: 240px; }
                .pg_teacherresources #container #main #resources #links, .pg_teacherresources #container #main #resources #links_hidden {width: 240px; }




                .pg_teacherresources #container #main #resources .resource h2 {float: left; width: 239px; p margin-bottom: 30px; background: #e7a872;text-align:center; border-bottom: 5px solid #f8f9fa; border-right: 1px solid #f8f9fa; font: 18px/37px arial; color: #fff;}
                    .pg_teacherresources #container #main #resources #videos h2, .pg_teacherresources #container #main #resources #videos_hidden h2 {width: 259px; border: none;}
                    .pg_teacherresources #container #main #resources #pdfs h2, .pg_teacherresources #container #main #resources #pdfs_hidden h2 {width: 259px; }
                    .pg_teacherresources #container #main #resources #links h2,.pg_teacherresources #container #main #resources #links_hidden h2 {width: 239px;  }


                 .pg_teacherresources #container #main #resources #videos li, .pg_teacherresources #container #main #resources #videos_hidden li {background: url(/App_Images/2015/ico_share_youtube.png) no-repeat 0px 0px;}
                .pg_teacherresources #container #main #resources #pdfs li, .pg_teacherresources #container #main #resources #pdfs_hidden li { background: url(/App_Images/2015/ico_share_pdf.png) no-repeat 0px 0px;}
                .pg_teacherresources #container #main #resources #powerpoints li, .pg_teacherresources #container #main #resources #powerpoints_hidden li { background: url(/App_Images/2015/ico_share_powerpoint.png) no-repeat 0px 0px;}
                .pg_teacherresources #container #main #resources #links li, .pg_teacherresources #container #main #resources #links_hidden li {background: url(/App_Images/2015/ico_share_web.png) no-repeat 0px 0px;}


            .pg_teacherresources #container #main #resources #videos_hidden,
            .pg_teacherresources #container #main #resources #pdfs_hidden,
            .pg_teacherresources #container #main #resources #powerpoints_hidden,
            .pg_teacherresources #container #main #resources #links_hidden {
                display: none;
            }

            /*.pg_teacherresources #container #main #resources #videos_hidden { display: block;}
            .pg_teacherresources #container #main #resources #videos { display: none;}*/


                .pg_teacherresources #container #main #resources .resource .sliderbox {float: left; margin-left: 25px;}
                    .pg_teacherresources #container #main #resources #videos .sliderbox, .pg_teacherresources #container #main #resources #videos_hidden .sliderbox {margin-top: 10px;}

                    .pg_teacherresources #container #main #resources .resource .sliderbox ul {float: left; width: 135px; position: relative;}
                        .pg_teacherresources #container #main #resources .resource .sliderbox ul li {float: left; margin-bottom: 30px;padding-left: 50px; padding-top: 5px;}
                            .pg_teacherresources #container #main #resources .resource .sliderbox ul li h3 {float: left; width: 135px; margin-bottom: 10px;}
                                .pg_teacherresources #container #main #resources .resource .sliderbox ul li h3 a {font-size: 14px; color: #000;}
                            .pg_teacherresources #container #main #resources .resource .sliderbox ul li .text {display: inline-block; width: 135px; font: 12px/18px arial;}
                            .pg_teacherresources #container #main #resources .resource .sliderbox ul li .text ul { list-style-type: disc; margin: 5px 0; margin-left: 12px}
                            .pg_teacherresources #container #main #resources #videos .sliderbox ul li .text ul li,
                            .pg_teacherresources #container #main #resources #pdfs .sliderbox ul li .text ul li,
                            .pg_teacherresources #container #main #resources #powerpoints .sliderbox ul li .text ul li,
                            .pg_teacherresources #container #main #resources #links .sliderbox ul li .text ul li,
                            .pg_teacherresources #container #main #resources #videos_hidden .sliderbox ul li .text ul li,
                            .pg_teacherresources #container #main #resources #pdfs_hidden .sliderbox ul li .text ul li,
                            .pg_teacherresources #container #main #resources #powerpoints_hidden .sliderbox ul li .text ul li,
                            .pg_teacherresources #container #main #resources #links_hidden .sliderbox ul li .text ul li { margin: 0; clear: both; float: left; background-image: none; padding: 0px; margin-top: 4px; }
        


                            .pg_teacherresources #container #main #resources .resource .sliderbox ul.none { margin-left: 32px}
                            .pg_teacherresources #container #main #resources #videos.resource .sliderbox ul.none li,
                            .pg_teacherresources #container #main #resources #pdfs.resource .sliderbox ul.none li,
                            .pg_teacherresources #container #main #resources #powerpoints.resource .sliderbox ul.none li,
                            .pg_teacherresources #container #main #resources #links.resource .sliderbox ul.none li { white-space: nowrap; float: none; background: none; padding: 0; text-align: center; font: italic 14px arial; }

                        .pg_teacherresources #container #main #resources .resource .sliderbox .bx-wrapper {margin: 0;}

            .pg_teacherresources #container #main #resources #resourcebuttons {position: absolute; bottom: -53px; left: 0px; width: 1000px;; }
                .pg_teacherresources #container #main #resources #resourcebuttons .viewall { display: block; color: #000; text-align: center;}
                .pg_teacherresources #container #main #resources #resourcebuttons #videobtns {float: left; width: 260px; text-align: center;}
                .pg_teacherresources #container #main #resources #resourcebuttons #pdfbtns {float: left; width: 240px; text-align: center;}
                .pg_teacherresources #container #main #resources #resourcebuttons #powerpointbtns {float: left; width: 240px; text-align: center;}
                .pg_teacherresources #container #main #resources #resourcebuttons #webbtns {float: left; width: 260px; text-align: center;}

                .pg_teacherresources #container #main #resources #resourcebuttons span {display: inline-block; margin: 0 -3px; cursor: pointer;}
                    .pg_teacherresources #container #main #resources #resourcebuttons span.dis {opacity: .2; cursor: default}

                    
    /* 10.2 Teacher's Corner - News */

    .pg_teachernews #container #main {float:left; width: 970px; padding: 0; padding: 35px 0px 85px 0px; margin-left: 0px;}
        .pg_teachernews #container #main #secondary {float: left; width: 895px; margin-top: 20px; padding-bottom: 25px; }
            .pg_teachernews #container #main #secondary h2 {float: left; font: 26px/60px arial; color: #717171; }
                .pg_teachernews #container #main #secondary h2 span {font-weight: bold; color: #7596a5; text-transform: uppercase;}

    .pg_teachernews #container #main .news {float: left; width: 690px; padding: 0 155px; margin-left: -105px;}
        .pg_teachernews #container #main .news h2 {float: left; width: 840px; padding-left: 160px; margin-left: -155px; font: 26px/56px arial; color: #fff; text-transform: uppercase; margin-bottom: 30px; background: #e7a872 url(/App_Images/2015/bg_title_teacher_news.gif) no-repeat;}

        .pg_teachernews #container #main .news div.text {float: left; font: 14px/18px arial; color: #4c4c4c; width: 690px;}

        .pg_teachernews #container #main .news ul.pdfs {float: left;  width: 690px; margin-bottom: 40px;}
            .pg_teachernews #container #main .news ul.pdfs li {float: left; margin-right: 50px; margin-top: 40px;}
                .pg_teachernews #container #main .news ul.pdfs li a.pdf {float: left; color: #000; font-size: 14px; line-height: 30px; padding-left: 45px; background: url(/App_Images/2015/ico_share_pdf.png) no-repeat;}


        .pg_teachernews #container #main .news .slidebox {clear:both; float: left; width: 513px; margin-left: 90px; padding-bottom: 30px;}
		    .pg_teachernews #container #main .news .slidebox ul {float: left; width: 500px;}
			    .pg_teachernews #container #main .news .slidebox ul li {float: left;}
				    .pg_teachernews #container #main .news .slidebox ul li .whitebox {width: 139px; height: 91px; background: url(/App_Images/bg_slide_shadow.gif) no-repeat; padding-top: 16px;}
					    .pg_teachernews #container #main .news .slidebox ul li .whitebox img {width: 115px; height: 72px; margin-top: 16px; margin: 0 auto;}

                        .pg_teachernews #container #main .news .slidebox .bx-wrapper .bx-next {background: url(/App_Images/2015/btn_next_teacher.gif) no-repeat; z-index: 100;}
                        .pg_teachernews #container #main .news .slidebox .bx-wrapper .bx-prev {background: url(/App_Images/2015/btn_prev_teacher.gif) no-repeat; z-index: 100;}


    /* 10.3 Teacher's Corner - Lesson Plans*/

    .pg_teachers #container #main.lessons {float:left; width: 970px; padding: 0; padding: 35px 0px 85px 0px; margin-left: 0px;}
        .pg_teachers #container #main.lessons #secondary {float: left; width: 895px; margin-top: 20px; padding-bottom: 25px; }
            .pg_teachers #container #main.lessons #secondary h2 {float: left; font: 26px/60px arial; color: #717171; }
            .pg_teachers #container #main.lessons #secondary a {float: right; margin-right: 80px;}

        .pg_teachers #container #main.lessons .lesson {float: left; border-top: 4px solid #b6c7cf; width: 800px; padding-left: 200px; padding-top: 50px; margin-left: -105px; min-height: 145px; background: url(/App_Images/2015/bg_teacher_lesson.gif) no-repeat;}

            .pg_teachers #container #main.lessons .lesson h2 {float: left; width: 720px; font: 26px arial; color: #717171; text-transform: uppercase; margin-bottom: 10px;}
            .pg_teachers #container #main.lessons .lesson h3 {float: left; width: 720px; font: 14px arial; color: #717171; text-transform: uppercase; font-style: italic; margin-bottom: 20px;}
            .pg_teachers #container #main.lessons .lesson h4 {float: left; width: 720px; font: 18px arial; color: #4c4c4c; margin-bottom: 10px;}

            .pg_teachers #container #main.lessons .lesson div.text {float: left; font: 14px/18px arial; color: #4c4c4c; width: 455px;}

            .pg_teachers #container #main.lessons .lesson div.accessories {float: left; width: 220px; margin-left: 45px;}
                .pg_teachers #container #main.lessons .lesson div.accessories ul {float: left; width: 220px;}
                    .pg_teachers #container #main.lessons .lesson div.accessories ul li {float: left; width: 110px; margin-bottom: 15px;}
                        .pg_teachers #container #main.lessons .lesson div.accessories ul li a {float: left; color: #000; font-size: 14px; line-height: 30px;}
                            .pg_teachers #container #main.lessons .lesson div.accessories ul li a.video {padding-left: 45px; background: url(/App_Images/2015/ico_share_youtube.png) no-repeat;}
                            .pg_teachers #container #main.lessons .lesson div.accessories ul li a.powerpoint {padding-left: 35px; background: url(/App_Images/2015/ico_share_powerpoint.png) no-repeat;}
                            .pg_teachers #container #main.lessons .lesson div.accessories ul li a.pdf {padding-left: 45px; background: url(/App_Images/2015/ico_share_pdf.png) no-repeat;}
                            .pg_teachers #container #main.lessons .lesson div.accessories ul li a.web {padding-left: 35px; background: url(/App_Images/2015/ico_share_web.png) no-repeat;}

            .pg_teachers #container #main.lessons .lesson .slidebox {clear:both; float: left; width: 612px; margin-top: 30px; margin-left: -15px; padding-bottom: 30px;}
			    .pg_teachers #container #main.lessons .lesson .slidebox ul {float: left; width: 612px;}
				    .pg_teachers #container #main.lessons .lesson .slidebox ul li {float: left;}
					    .pg_teachers #container #main.lessons .lesson .slidebox ul li .whitebox {width: 139px; height: 91px; background: url(/App_Images/bg_slide_shadow.gif) no-repeat; padding-top: 16px;}
						    .pg_teachers #container #main.lessons .lesson .slidebox ul li .whitebox img {width: 115px; height: 72px; margin-top: 16px; margin: 0 auto;}

                            .pg_teachers #container #main.lessons .lesson .slidebox .bx-wrapper .bx-next {background: url(/App_Images/2015/btn_next_teacher.gif) no-repeat; z-index: 100;}
                            .pg_teachers #container #main.lessons .lesson .slidebox .bx-wrapper .bx-prev {background: url(/App_Images/2015/btn_prev_teacher.gif) no-repeat; z-index: 100;}



        .pg_teachers .successMessage { margin-bottom: 20px; clear: both; float: left; width: 940px; background: #E7A872; color: #fff; font: normal 18px arial; text-align: center; margin-left: -105px; padding: 25px 30px; }
        /* 10.3 - Form*/
        .pg_teachers #overall_overlay {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,.8); z-index: 10000; text-align: center; display: none;}
            .pg_teachers #overall_overlay #form {width: 835px; display: inline-block; background: #e9eef0; padding-top: 20px; margin-top: 100px; padding-bottom: 35px; position: relative;}
                .pg_teachers #overall_overlay #form h1 {float:left; font: 26px arial; color: #f8f9fa; font-size: 26px; line-height: 47px; height: 47px; padding: 0 30px; width: 775px; background: #7596a5; position: relative; z-index: 100;}
                    .pg_teachers #overall_overlay #form h1 img {float: left; margin-top: -10px; margin-right: 20px;}
                    .pg_teachers #overall_overlay #form h1 a {float: right; font-size: 18px; color: #f8f9fa; line-height: 47px;}




                /* Required icons */
	            .pg_teachers #overall_overlay #form img.required {position: absolute; top: -8px; left:-10px;}
		            .pg_teachers #overall_overlay #form .tags img.required {position: absolute; top: -7px; left:-18px;}
		            .pg_teachers #overall_overlay #form #terms img.required {position: absolute; top: -13px; left:-18px;}
				
                /* Error icons */
	                .pg_teachers #overall_overlay #form img.erroricon {position: absolute; top: -18px; right:-18px; display: none;}
		                .pg_teachers #overall_overlay #form .drop img.erroricon {position: absolute; top: -18px; right:20px;}
		                .pg_teachers #overall_overlay #form .tags img.erroricon {position: absolute; top: 25px; right:15px;}
		                .pg_teachers #overall_overlay #form #terms img.erroricon {position: absolute; top: -33px; right:-33px;}


                /* Left form */	
			    .pg_teachers #overall_overlay #form #leftform {float: left; width: 370px; padding: 20px 0 18px 30px;}
			
				    .pg_teachers #overall_overlay #form #leftform .row {float:left; width: 393px; margin-bottom: 10px; position: relative}


					    .pg_teachers #overall_overlay #form #leftform .row span.box {float: left; position: relative;}
						    .pg_teachers #overall_overlay #form #leftform .row span.box input {float: left; border: 1px solid #000; background: #fff; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 300px;}
					    .pg_teachers #overall_overlay #form #leftform .row label {font: 20px arial; line-height: 26px; color: #464646; float: left;}
                            .pg_teachers #overall_overlay #form #leftform .row label strong {line-height: inherit;}
						    .pg_teachers #overall_overlay #form #leftform .row span.box ul {float: left; width: 330px; margin-top: 10px; margin-left: 16px;}
							    .pg_teachers #overall_overlay #form #leftform .row span.box ul li {float: left; width: 330px; line-height: 21px; height: 21px; margin-bottom: 10px; background: url(/App_Images/2015/ico_radio_off.gif) no-repeat;}
                                    .pg_teachers #overall_overlay #form #leftform .row span.box ul li.on {background: url(/App_Images/2015/ico_radio_on.gif) no-repeat;}
								    .pg_teachers #overall_overlay #form #leftform .row span.box li input {float: left; width: 13px; border: none; padding: 0; background: #f0f3f5; opacity: 0; position: absolute; width: 0px; height: 0px;}
								    .pg_teachers #overall_overlay #form #leftform .row span.box li label {float: left; font: 18px arial; color: #4c4c4c; cursor: pointer; margin-left: 30px; line-height: 21px;}
						
						    /* Drop downs */
						    .pg_teachers #overall_overlay #form #leftform .row span.customStyleSelectBox {font: 20px arial; color: #4c4c4c; padding: 11px 15px 11px 15px; background: url(/App_Images/bg_dropdown.gif) no-repeat; border: none;}
							    .pg_teachers #overall_overlay #form #leftform .row option { background: #f0f3f5;}
							
							    /* File uploads */
							    .pg_teachers #overall_overlay #form #leftform .row span.browse {float: left; margin-left: 3px; margin-top: -3px;}
							    .pg_teachers #overall_overlay #form #leftform .row .hdnupload {position:absolute; height: 40px; right:10px; top:0; font: 20px arial; padding: 5px 20px; opacity: 0; filter:alpha(opacity=0); outline: none; border: none;}
							
						    
						    .pg_teachers #overall_overlay #form #leftform .weblinkrow {float:left; width: 393px; margin-top: 15px;}
							    .pg_teachers #overall_overlay #form #leftform .weblinkrow label {float:left; font: 20px arial; color: #4c4c4c; width: 380px; margin-bottom: 10px;}
							    .pg_teachers #overall_overlay #form #leftform .weblinkrow span {float: left; position: relative; }
								    .pg_teachers #overall_overlay #form #leftform .weblinkrow span input {float: left; border: 1px solid #000; background: #fff; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 340px;}
						
			    /* Right form */
			    .pg_teachers #overall_overlay #form #right {float: left; width: 380px; margin-left: 42px; }
				    .pg_teachers #overall_overlay #form #right #rightform {float: left; width: 380px; padding: 20px 0 18px 0px; }
					    .pg_teachers #overall_overlay #form #right #rightform .row {float:left; width: 393px; margin-bottom: 10px;position: relative}
                        .pg_teachers #overall_overlay #form #right #rightform .row label {font: 20px arial; line-height: 26px; color: #464646; float: left;}
                            .pg_teachers #overall_overlay #form #right #rightform .row label strong {line-height: inherit;}

                            /* File uploads */
							.pg_teachers #overall_overlay #form #right #rightform .row span.browse {float: left; margin-left: 3px; margin-top: -3px;}
							.pg_teachers #overall_overlay #form #right #rightform .row .hdnupload {position:absolute; height: 40px; right:10px; top:0; font: 20px arial; padding: 5px 15px; opacity: 0; filter:alpha(opacity=0); outline: none; border: none;}
							
                            
                            .pg_teachers #overall_overlay #form #right #rightform .pdf .icon {float: left; margin-left: -50px;}
                            .pg_teachers #overall_overlay #form #right #rightform .powerpoint .icon {float: left; margin-left: -50px;}
                            .pg_teachers #overall_overlay #form #right #rightform .youtube .icon {float: left; margin-left: -50px;}

                            .pg_teachers #overall_overlay #form #right #rightform .web .icon {float: left; margin-left: -50px;}
						    .pg_teachers #overall_overlay #form #right #rightform .row span.box {float: left; position: relative;}
							    .pg_teachers #overall_overlay #form #right #rightform .row span.box input {float: left; border: 1px solid #000; background: #fff; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 330px;}
					
					    /* Spam row */
					    .pg_teachers #overall_overlay #form #right #rightform .spamrow {float:left; margin-top: 20px; width: 375px;}
						    .pg_teachers #overall_overlay #form #right #rightform .spamrow label {float: left; margin-bottom: 10px;}
						    .pg_teachers #overall_overlay #form #right #rightform .spamrow span {float: left; position: relative;}
							    .pg_teachers #overall_overlay #form #right #rightform .spamrow span input {float: left; border: 1px solid #000; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 115px;}
				
					    

                /* Text areas */
				.pg_teachers #overall_overlay #form #wholerow .commentrow {float:left; width: 805px; margin-top: 15px; padding-left: 30px;}
					.pg_teachers #overall_overlay #form #wholerow .commentrow label {float:left; font: 16px arial; color: #4c4c4c; width: 760px; margin-bottom: 10px;}
                        .pg_teachers #overall_overlay #form #wholerow .commentrow label strong {font-size: 20px}
					.pg_teachers #overall_overlay #form #wholerow .commentrow span {float: left; position: relative; }
						.pg_teachers #overall_overlay #form #wholerow .commentrow span textarea {float: left; border: 1px solid #000; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 720px; height: 160px; resize: none;}

                /* Terms */
				.pg_teachers #overall_overlay #form #wholerow #terms {float: left; width: 805px; margin-top: 15px; border-top: 1px solid #f8f9fa; position: relative;}
					.pg_teachers #overall_overlay #form #wholerow #terms p {float: left; width: 775px; display: none; margin-top: 10px; margin-left: 30px;}
						.pg_teachers #overall_overlay #form #wholerow #terms p.postsuccess {display: block; width: 393px; padding: 10px 0 10px 25px; font-size: 18px; line-height: 24px; text-shadow: 1px 1px rgba(0,0,0,.2); font-weight: bold; background: #cbdd90; color: #fff; margin-left: -17px;}
                        .pg_teachers #overall_overlay #form #wholerow #terms p.postsuccess a {float: left; margin: 0; color: #fff; font-weight: bold;}
						
					.pg_teachers #overall_overlay #form #wholerow #terms a {float: right; margin-right: 30px; margin-top: 15px; position: relative; z-index: 4;}

								



/* 10.0 Resources - NEW */
/* 10.3 Outreach Resources */

 .pg_outreach #container #main {float:left; width: 970px; padding: 0; padding: 35px 0px 85px 0px; margin-left: 0px;}
    .pg_outreach #container #main .secondary {float: left; width: 895px; margin-top: 20px; padding-bottom: 0px; }
        .pg_outreach #container #main .secondary h2 {float: left; font: 26px/60px arial; color: #717171; }

        .pg_outreach #overall_wrapper #container #main h6.outreach-resource-title {

            clear: both;
            float: left;
            width: 854px;
            background: #9a9a9a;
            font: bold 24px arial;
            color: #fff;
            text-transform: uppercase;
            height: 80px;
            margin-top: 20px;
            margin-left: -23px; 

        }

        .pg_outreach #overall_wrapper #container #main h6.outreach-resource-title a {
    
            color: inherit;
            font: inherit;
            display: block;
            line-height: 80px;
            background: url(/App_Images/2018/ico_outreach_rightarrow.png) left center no-repeat;
            padding-left: 75px;
            margin-lefT: 10px;
            text-decoration: underline;
    
        }

        .pg_outreach #overall_wrapper #container #main h6.open  {
        
            background: #e7a872;

        }

        .pg_outreach #overall_wrapper #container #main h6.open a {
        
            text-decoration: none;
            background: url(/App_Images/2018/ico_outreach_downarrow.png) left center no-repeat;

        }

        .pg_outreach #overall_wrapper #container #main h6.open a:hover {
        
            text-decoration: underline;

        }

        .pg_outreach .outreach-resource { display: none; }

        .pg_outreach .outreach-resource, .pg_outreach .outreach-resource ul {

            clear: both;

        }

        .pg_outreach .outreach-resource li {

            padding: 35px 0px 0px 55px;

        }

        .pg_outreach .outreach-resource li h3 { display: block; margin-bottom: 5px;}
        .pg_outreach .outreach-resource li h3 a {

            font-size: 18px;
            color: #5b5b5c;
            font-weight: bold;                

        }

        .pg_outreach .outreach-resource li .text {

            display: block;
            border-bottom: 1px solid #ddddde;
            font: normal 14px arial;
            color: #4c4c4c;
            padding-bottom: 35px;

        }

        .pg_outreach .outreach-resource li:last-child .text { border: 0px; }
        .pg_outreach .outreach-resource-pdf li { background: url(/App_Images/2015/ico_share_pdf.png) no-repeat 9px 30px; }
        .pg_outreach .outreach-resource-weblink li { background: url(/App_Images/2015/ico_share_web.png) no-repeat 9px 30px; }
        .pg_outreach .outreach-resource-powerpoint li { background: url(/App_Images/2015/ico_share_powerpoint.png) no-repeat 9px 30px; }
        .pg_outreach .outreach-resource-video li { background: url(/App_Images/2015/ico_share_youtube.png) no-repeat 9px 30px; }

        .pg_outreach .outreach-resource ul li ul { list-style-type: disc; padding: 20px 0px}
        .pg_outreach .outreach-resource ul li li {

            background-image: none;
            padding: 5px;
            margin-left: 50px;

        }

/* 11.0 Interactive Games */

.pg_games #container #main {float:left; width: 790px;}
	.pg_games #container #main #intro {float:left; width: 790px; margin-left: -105px;}
		.pg_games #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #7596A5; position: relative; text-transform: uppercase; padding: 8px 15px 7px 105px;}
	
	.pg_games #container #main #games {float: left; margin-left: -85px;}
		.pg_games #container #main #games .game {float: left; width: 300px; background: #e8e8e8; padding: 25px; padding-bottom: 0; margin-top: 25px; margin-left: 85px; min-height: 560px;}
			.pg_games #container #main #games .game a {float: left; padding: 25px 0 30px 70px; background: url(/App_Images/ico_play_game_blue.gif) no-repeat; font: 14px arial; color: #7596A5;}
			.pg_games #container #main #games .game h2 {float: left; width: 300px; font: 26px arial; color: #717171;}
			.pg_games #container #main #games .game p {float: left; width: 300px; font: 17px arial; color: #7596A5; margin-top: 10px; margin-bottom: 15px}
				.pg_games #container #main #games .game p.credit {font-size: 14px; font-style: italic;}
			.pg_games #container #main #games .game .box {float: left; width: 300px; margin-left: -8px; text-align: center;}
				.pg_games #container #main #games .game img {}

.pg_games #container #main #games .full { width: 736px; margin-top: 65px; min-height:260px}
.pg_games #container #main #games .full a { margin-top: 40px;}
.pg_games #container #main #games .full h2 { margin-top: 20px;}


        /* 11.0 Interactive Games- - Quiz */
       
        .pg_games #container #main.quiz #intro h1 { background: #faaa61; position: relative; z-index: 5 }
        .pg_games #container #main #questions {float: left; margin-left: -75px; width: 941px; margin-top: -20px; height: 350px; padding-top: 65px; position: relative; z-index: 4}
			.pg_games #container #main #questions.question1 {background:url(/App_Images/quiz/bg_question1.png) no-repeat;}
			.pg_games #container #main #questions.question2 {background:url(/App_Images/quiz/bg_question2.png) no-repeat;}
			.pg_games #container #main #questions.question3 {background:url(/App_Images/quiz/bg_question3.png) no-repeat;}
			.pg_games #container #main #questions.question4 {background:url(/App_Images/quiz/bg_question4.png) no-repeat;}
			.pg_games #container #main #questions.question5 {background:url(/App_Images/quiz/bg_question5.png) no-repeat;}
			
			.pg_games #container #main #questions #partA {float: left; width: 941px; height: 350px; display: block}
			.pg_games #container #main #questions #partB {float: left; width: 941px; height: 350px; display: none;}
			.pg_games #container #main #questions #partC {float: left; width: 941px; height: 350px; display: none;}
			.pg_games #container #main #questions #partD {float: left; width: 941px; height: 350px; display: none;}
			
			.pg_games #container #main #questions h3 {float: left; margin-top: -10px; margin-left: 20px; width: 1818px;}
			.pg_games #container #main #questions p {float: left; margin-top: 5px; margin-left: 20px; font: 16px arial; color: #fff; width: 400px; font-weight: bold; text-transform: uppercase;}
			.pg_games #container #main #questions.question2 p {width: 538px; }
			
			.pg_games #container #main #questions ul {float: left; width: 650px; margin-left: 25px; margin-top: 5px;}
				.pg_games #container #main #questions ul.feelings {display: none;}
				.pg_games #container #main #questions ul li {cursor: pointer; float: left; width: 600px; height: 34px; margin-bottom: 0px; position: relative;}
					.pg_games #container #main #questions.question5 ul li {float: left; width: 320px; height: 34px; margin-bottom: 5px; position: relative;}
					
					.pg_games #container #main #questions ul li img {position: absolute; bottom: 0; left: 0;}
			
            .pg_games #container #main #questions #correcttext,
            .pg_games #container #main #questions #incorrecttext,
            .pg_games #container #main #questions #dontknowtext { position: absolute; top: 250px; left: 25px; width: 548px; height: 117px; padding: 10px 15px; font: 14px arial; color: #fff; /*text-shadow: 2px 2px 4px #00000c; filter: dropshadow(color=#00000c, offx=2, offy=2);*/}

                .pg_games #container #main #questions #correcttext span.title ,
                .pg_games #container #main #questions #incorrecttext span.title,
                .pg_games #container #main #questions #dontknowtext span.title {font-size: 20px; display: block; width: 1081px; margin-bottom: 10px; font-weight: bold; }

			.pg_games #container #main #questions #correcttext {background:url(/App_Images/quiz/bg_correct.png) no-repeat; }
				.pg_games #container #main #questions.question4 #correcttext {font-size: 13px;}
			
			.pg_games #container #main #questions #incorrecttext {background:url(/App_Images/quiz/bg_incorrect.png) no-repeat; }
				.pg_games #container #main #questions #incorrecttext img {position: absolute; bottom: 0; right: 0; }
					.pg_games #container #main #questions.question4 #incorrecttext img {position: absolute; bottom: 0; right: -40px;}
				
			.pg_games #container #main #questions #dontknowtext {background:url(/App_Images/quiz/bg_dontknow.png) no-repeat; }
					.pg_games #container #main #questions #dontknowtext span.title span {color: #cadc8c}
				.pg_games #container #main #questions.question4 #dontknowtext {font-size: 13px;}
				
			.pg_games #container #main #questions .next {cursor: pointer; position: absolute; top: 197px; left: 424px; }
			.pg_games #container #main #questions .reset {cursor: pointer; position: absolute; top: 415px; right: 17px;}
			.pg_games #container #main #questions .return {cursor: pointer; position: absolute; top: 342px; right: 337px;}
			
			.pg_games #container #main #questions iframe {position: absolute; top: 75px; right: 25px;}

			.pg_games #container #main #questions img.proof {position: absolute; top: 50px; right: 0px;}
				.pg_games #container #main #questions.question3 img.proof {position: absolute; top: 50px; right: 0px;}
				.pg_games #container #main #questions.question4 img.proof {position: absolute; top: 50px; right: 0px;}
				.pg_games #container #main #questions.question5 img.proof {position: absolute; top: 50px; right: 0px;}

/* 12.0 Contact */

.pg_contact #container #main #intro {float:left; width: 790px;}
	.pg_contact #container #main #intro h1 {float:left; font: 26px arial; color: #f8f9fa; background: #7596A5; margin-left: -105px; padding: 8px 220px 7px 108px;}
	
.pg_contact #container #main #form {float: left; width: 393px; background: #f0f3f5; margin-top: 25px; padding: 23px 16px 18px 6px; position: relative;}
	.pg_contact #container #main #form h2 {position: absolute; top: -15px; right:0;}
	.pg_contact #container #main #form .row {float:left; width: 393px; margin-bottom: 10px;}
		.pg_contact #container #main #form .row span {float: left; position: relative; padding-left: 20px;}
			.pg_contact #container #main #form .row span input {float: left; border: 1px solid #000; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 310px;}
			.pg_contact #container #main #form .row span img.required {position: absolute; top: -14px; left:0;}
			.pg_contact #container #main #form .row span img.erroricon {position: absolute; top: -22px; right:-22px; display: none;}
	.pg_contact #container #main #form .commentrow {float:left; width: 393px; margin-top: 15px;}
		.pg_contact #container #main #form .commentrow label {float:left; font: 20px arial; color: #4c4c4c; width: 380px; padding-left: 13px; margin-bottom: 10px;}
		.pg_contact #container #main #form .commentrow span {float: left; position: relative; padding-left: 20px;}
			.pg_contact #container #main #form .commentrow span textarea {float: left; border: 1px solid #000; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 310px; resize: none;}
			.pg_contact #container #main #form .commentrow span img.required {position: absolute; top:-9px; left:0;}
			.pg_contact #container #main #form .commentrow span img.erroricon {position: absolute; top: -22px; right:-22px; display: none;}
			
	.pg_contact #container #main #form .spamrow {float:left; padding-left: 18px; margin-top: 20px; width: 375px;}
		.pg_contact #container #main #form .spamrow label {float: left; margin-bottom: 10px;}
		.pg_contact #container #main #form .spamrow span {float: left; position: relative;}
			.pg_contact #container #main #form .spamrow span input {float: left; border: 1px solid #000; padding: 5px 20px; font: 20px arial; color: #4c4c4c; width: 115px;}
			.pg_contact #container #main #form .spamrow span img.required {position: absolute; top: -14px; left:-20px;}
			.pg_contact #container #main #form .spamrow span img.erroricon {position: absolute; top: -22px; right:-22px; display: none;}
	
	.pg_contact #container #main #form a.submit {float: right; margin-top: 20px;}
	.pg_contact #container #main #form p.hdnmsg {float: left; width: 375px; padding-left: 18px; display: none;}


.pg_contact #container #main #photos {float: right; margin-right: -10px; width: 375px; margin-top: 13px;}
