/* CSS Document */



body { 
	margin: 0; padding: 0 0 20px 0; 
	background: #167861 url(images/bkgd-main.jpg) repeat-x center top; 
	font: 0.75em "lucida sans", Arial, Helvetica, sans-serif;
	color: #666666;
}

a { color: #666; text-decoration: underline; }
a:hover { text-decoration:none; }

.mainNav { margin: 26px 0 0 20px; }

.rightPanel { background: url(images/backgrounds/bg-rightPanel.gif) repeat-y left top; width: 302px;}
.leftPanel { background: url(images/backgrounds/bg-leftPanel.gif) repeat-y right top;}

.logoGraphic { padding: 25px 0 0 0; }

.pageTitle { background:#FFFFFF url(images/backgrounds/bg-titleArea.jpg) repeat-x right bottom;}

.general {
	background: #fff url(images/backgrounds/bg-actContent.jpg) repeat-x left bottom;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 50px;
}
.general h4, .ev-Content2 h4 { padding: 0; margin: 10px 29px 10px 98px; color: #2174c8; font-size: 1.40em;} 
.general p,
.general ul, .general ol, .ev-Content2 ol, .ev-Content2 ul{ padding: 0; margin: 0 29px 10px 98px; line-height: 1.5em;} 
.ev-Content2 ul {margin-left: 130px;} /*ng*/
.general strong { color: #2174c8;}
.general img.content { margin: 0 0 10px 55px;}
.general blockquote { color: #009b61; margin: 0 0 20px 0; padding: 10px 0 0 60px; font-style:italic; font-size: 1.5em; }

.general ul, .ev-Content2 ol{ margin-left:130px; }
.general dl {
	margin: 0 0 30px 98px;
}
.general dt {
	color: #03adf0;
	font-weight: bold;
	float: left;
	width: 150px;
	padding-top: 2px;
}

.general dd {
	margin: 0 20px 15px 160px;
	line-height: 1.5em;
}

.educatorPageTitle {
	background: url(images/backgrounds/bg-educator-b.jpg) no-repeat right bottom;
}

/*Quick Link Panel */
.quickLink {
	background: url(images/backgrounds/bg-quickLinks.jpg) no-repeat left top;
	padding-bottom: 20px;
	line-height: 1.5em;
	border: 1px solid #f3f3f3;
}
.quickLink h5 { display:none; }

.quickLink ul {
	margin: 55px 0 10px 40px;
	padding:0;
	color: #009c62;
}
.quickLink a {
	color: #009c62;
}

/*Register for Updates */
.registerUpdates {
	padding-bottom: 20px;
	line-height: 1.5em;
	border: 1px solid #f3f3f3;
	padding: 10px;
}
.registerUpdates h5 {
	background: url(images/headers/h-registerUpdates.gif) no-repeat left top;
	height: 29px;
	text-indent: -9999px;
	margin: 0 0 5px 0;
}
.registerUpdates p {
	margin: 0; padding: 0px;
}
.registerUpdates a { color: #ff8600; font-weight:bold;}

/* Updates Panel */
.updatePanel {
	padding-bottom: 20px;
	line-height: 1.5em;
	border: 1px solid #f3f3f3;
	padding: 10px;
	font-size: 0.9em;
}
.updatePanel h5 {
	font-size: 1.30em;
	margin: 0 0 5px 0;
	color: #2174c8;
	
}
.updatePanel p {
	margin: 0; padding: 0px;
}
.updatePanel a { font-weight: bold; }

.ev-Intro { margin: 0 0 0 7px; background: #fff; }

/* Controlling the Voice Bubble section on the Environment Trails page. Not sure if its used on other pages Just yet */
.voiceBubble {
	background:url(images/backgrounds/bg-voiceBubble.jpg) no-repeat left top;
	width: 341px;
	height:60px;
	padding: 50px 30px 30px 20px;
} 
.voiceBubble h3 {
	font: 1.80em "Times New Roman", Times, serif;
	font-weight:normal;
	margin: 0;
	padding:0;
	color: #146666;
	font-style: italic;
}
.voiceBubble p { font-size: 1.20em; margin: 0; padding:0; color:#333333; line-height: 1.5em}
/* End Voice Bubble Section */ 
.ev-Content {
	margin: 0 0 0 29px;
	background-color: #fff;
	padding: 10px 20px 20px 98px;
}
.ev-Content p { padding: 0; margin: 0 0 10px 0; line-height: 1.5em;} 

.ev-Content2 {
	margin: 0 0 0 30px;
	background: url(images/backgrounds/bg-wasteProblem.jpg) no-repeat left top;
	padding: 10px 20px 0 20px;
}
.ev-Content2 p { padding: 0; margin: 0 29px 10px 98px; line-height: 1.5em;} 
.ev-Content strong, .ev-Content2 strong { color: #2174c8;}

.ev-Content2 blockquote { color: #009b61; margin: 0 0 30px 0; padding: 10px 0 0 60px; font-style:italic; font-size: 1.5em; }

img.backButton { margin: 5px 0 15px 30px; }

.ev-TrailMenuHolder {
	background: url(images/backgrounds/bg-evMenu.gif) repeat-y right top;
	width: 265px; 
	margin: 0 0 0 7px;
	border-left: 1px solid #d8d8d8;
}
.ev-TrailMenuHolder td {
	padding: 7px 10px 15px 40px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003298;
}
/* These next 2 control the header menu item for Stage 1 in the FET menu */
.ev-TrailMenuHolder td.evStep01 			{ background: url(images/backgrounds/bg-evMenu01.gif) no-repeat right top; }
.ev-TrailMenuHolder td.evStep01Selected 	{ background: url(images/backgrounds/bg-evMenu01_f2.gif) no-repeat right top; }

.ev-TrailMenuHolder td.evStep02 			{ background: url(images/backgrounds/bg-evMenu02.gif) no-repeat right top; }
.ev-TrailMenuHolder td.evStep02Selected 	{ background: url(images/backgrounds/bg-evMenu02_f2.gif) no-repeat right top; }

.ev-TrailMenuHolder td.evStep03 			{ background: url(images/backgrounds/bg-evMenu03.gif) no-repeat right top; }
.ev-TrailMenuHolder td.evStep03Selected 	{ background: url(images/backgrounds/bg-evMenu03_f2.gif) no-repeat right top; }

.ev-TrailMenuHolder td.evStep04 			{ background: url(images/backgrounds/bg-evMenu04.gif) no-repeat right top; }
.ev-TrailMenuHolder td.evStep04Selected 	{ background: url(images/backgrounds/bg-evMenu04_f2.gif) no-repeat right top; }

.ev-TrailMenuHolder td.evStep05 			{ background: url(images/backgrounds/bg-evMenu05.gif) no-repeat right top; }
.ev-TrailMenuHolder td.evStep05Selected 	{ background: url(images/backgrounds/bg-evMenu05_f2.gif) no-repeat right top; }

.ev-TrailMenuHolder td.evStep06 			{ background: url(images/backgrounds/bg-evMenu06.gif) no-repeat right top; }
.ev-TrailMenuHolder td.evStep06Selected 	{ background: url(images/backgrounds/bg-evMenu06_f2.gif) no-repeat right top; }

.ev-TrailMenuHolder td.evStep07 			{ background: url(images/backgrounds/bg-evMenu07.gif) no-repeat right top; }
.ev-TrailMenuHolder td.evStep07Selected 	{ background: url(images/backgrounds/bg-evMenu07_f2.gif) no-repeat right top; }


.ev-TrailMenuHolder td a {
	color: #003298; text-decoration:none;
}
.ev-TrailMenuHolder td a:hover {
	text-decoration:underline;
}
.ev-TrailMenuHolder td.starClub {
	background: url(images/backgrounds/bg-starClubMenu.jpg) no-repeat right bottom;
	padding-top: 25px;
	padding-bottom: 29px;
}

/* This style is used when there is no next button at the bottom of the Menu */
.ev-TrailMenuHolder td.starClub2 {
	background: url(images/backgrounds/bg-starClubMenu_f2.jpg) no-repeat right bottom;
	padding-top: 25px;
	padding-bottom: 29px;
}

.ev-TrailMenuNe-Ba {
	width: 250px; 
	margin: 0 0 0 7px;
}

/*Whats Next Section. Not usre just yet ho many pages this appears on  */ 
.whatsNext { background: url(images/backgrounds/bg-whatsNext.jpg) repeat-y left top; }
.whatsNextTitle { background: url(images/headers/h-whatsNext.jpg) no-repeat left top; } 
.whatsNextNav {
	padding: 22px 0 16px 70px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003298;
	width: 320px;
 }
 .whatsNextNav a { color: #003298; }
.whatsNextNav a.selected { font-size: 130%; font-weight:bold; }

.whatsNextNav.step01 { background:url(images/backgrounds/bg-whatsNextStep01.jpg) no-repeat left top; }
.whatsNextNav.step02 { background:url(images/backgrounds/bg-whatsNextStep02.jpg) no-repeat left top; }
.whatsNextNav.step03 { background:url(images/backgrounds/bg-whatsNextStep03.jpg) no-repeat left top; }
.whatsNextNav.step04 { background:url(images/backgrounds/bg-whatsNextStep04.jpg) no-repeat left top; }
.whatsNextNav.step05 { background:url(images/backgrounds/bg-whatsNextStep05.jpg) no-repeat left top; }
.whatsNextNav.step06 { background:url(images/backgrounds/bg-whatsNextStep06.jpg) no-repeat left top; }
.whatsNextNav.step07 { background:url(images/backgrounds/bg-whatsNextStep07.jpg) no-repeat left top; }

.whatsNextNav.starClub { background:url(images/backgrounds/bg-whatsNextStarClub.jpg) no-repeat left top; }

.bigWhatsNextButton { margin-top: 9px; }
 /*End of Whats Next Specific Section */

/* Question and Anwser Listings */

ol.questions, ol.answers {
	list-style: none;
	padding: 0 20px 0 150px;; margin: 0 0 15px;
	text-indent: -43px;
}

.activityHead {
	background: url(images/backgrounds/bg-activityMain_a.jpg) no-repeat center top;
	height: 134px;
}
.activityHead_b {
	background: url(images/backgrounds/bg-activityMain_b.jpg) no-repeat center top;
	height: 31px;
}

.activityHead p.quote {
	font-family: Times, "Times New Roman", serif; color: #0099cc; font-size: 2.00em; font-style: italic;
	margin: 10px 40px;
}
.activityHead p.explain {
	color: #afe2a6;
	font-size: 1.3em;
	margin: 10px 40px;
	line-height: 1.4em;
	font-weight: bold;
}

.activityHolder {
	background: #fff url(images/backgrounds/bg-activityMain_c.jpg) no-repeat right top;
}

/* this is being used to hold the combined Activity Panels */
.activityPanels {
	margin: 0 45px 0 45px;
	height: 342px;
}
 /* This is controlling the individual panels */
.activityPanel {
	width: 400px;
	height: 168px;
	margin-bottom: 10px;
}

.activityPanel ul { margin: 28px 0 0 28px; padding: 0; line-height: 1.40em; }

.paperCuts { background: url(images/backgrounds/bg-paperCuts.jpg) repeat-y right top; }
.paperCuts ul { color: #009c62; }
.paperArt { background: url(images/backgrounds/bg-paperArts.jpg) repeat-y right top; }
.paperArt ul { color: #cc3399; }
.reuseArt { background: url(images/backgrounds/bg-reuseArt.jpg) repeat-y right top; }
.reuseArt ul {color: #ff8600; }
.downloads { background: url(images/backgrounds/bg-downloads.jpg) repeat-y right top; }
.downloads ul { color: #275081; }

.activityPanel table.controls {
	color: #216FAB;
	height: 26px;
	font-weight: bold;
	margin: 0 5px;
}

.actSubMenu {
	padding: 30px 15px 10px 0;
	color: #009c62;
	font-size: 0.9em;
	text-align: right;
}
.actSubMenu a { color:#009c62; }

.requiredSoftware { 
	background: url(images/backgrounds/bg-reqSoftware.jpg) repeat-y left top;
	font-size: 0.90em;
}
.requiredSoftware p {
	margin: 0 0 15px 58px; padding: 0; line-height: 1.50em;
}
.requiredSoftware p.title {
	margin-top: 17px; margin-bottom: 0;
	font-size: 1.40em; color: #009c62;

}
.requiredSoftware .buttons { 
	padding-right: 15px;
}

/* The activity Subpages controls */
.act-Content {
	/*margin: 10px 100px 40px 45px;*/
	margin-top: 10px; margin-bottom: 40px; margin-left: 45px; 
	width: 544px;
}
.act-Content p{
	margin: 0 0 10px;
	line-height: 1.5em;
}

.actSubmenu {
	padding-bottom: 20px;
	line-height: 1.5em;
	border: 1px solid #f3f3f3;
}
.actSubmenu ul {
	margin: 55px 0 10px 40px; padding:0;
}

.reuseContent strong { color: #e2081e; }
.reuseSubmenu 	 	 { background: url(images/backgrounds/bg-subMenuReuseArt.jpg) no-repeat left top; }
.reuseSubmenu ul, .reuseSubmenu a 	 { color: #ff3300; } 

.paperContent strong { color: #999999; }
.paperSubmenu 	 	 { background: url(images/backgrounds/bg-subMenuPaperArt.jpg)  no-repeat left top; }
.paperSubmenu ul, .paperSubmenu a  { color: #333333; } 

.downlContent strong { color: #004cbf; }
.downlSubmenu 	 	 { background: url(images/backgrounds/bg-subMenuDownloads.jpg) no-repeat left top; }
.downlSubmenu ul, .downlSubmenu a	 { color: #336699; } 

.pcutsContent strong { color: #009c62; }
.pcutsContentExtra	 { background: url(images/backgrounds/bg-fillPaperCuts-b.gif) no-repeat right top;}

.pcutsSubmenu 	 	 { background: url(images/backgrounds/bg-subMenuPaperCuts.jpg) no-repeat left top; }
.pcutsSubmenu ul, .pcutsSubmenu a 	 { color: #009c62; } 


/*Download page Styles*/
img.downloadTitle {
	margin-left: 20px;
}

td.screensaver {
	background:#fff url(images/backgrounds/bg-screensaverPanel.jpg) repeat-x left top;
}
td.screensaver h4 {
	height: 40px; margin-top:0;
	background: url(images/backgrounds/bg-screensaverTitle.gif) no-repeat left top;
	text-indent: -9999px;
}

td.wallpaper {
	background:#fff url(images/backgrounds/bg-wallpaperPanel.jpg) repeat-x left top;
}
td.wallpaper h4 {
	height: 40px; margin-top:0;
	background: url(images/backgrounds/bg-wallpaperTitle.gif) no-repeat left top;
	text-indent: -9999px;
}
td.moreDownloads {
	background:#fff url(images/backgrounds/bg-moreDownloadsPanel.jpg) repeat-x left top;
	padding-bottom: 100px;
}
td.moreDownloads h4 {
	height: 40px; margin-top:0;
	background: url(images/backgrounds/bg-moreDownloadsTitle.gif) no-repeat left top;
	text-indent: -9999px;
}
td.moreDownloads ul, td.moreDownloads a { color: #336699; } 

p.reqSoftPanel {
	background: #fff url(images/backgrounds/bg-softReqPanel.jpg) repeat-x left top;
	border: 1px solid #f3f3f3;
	padding: 5px;
	font-size: 0.9em;
	color: #000000;margin: 30px 10px 10px; padding: 5px; 
}
p.reqSoftPanel img {
	margin: 15px 5px 8px;
}

td.wallpaper p,
td.screensaver p {
	margin: 0 10px 10px;
	padding-left: 5px;
	padding-right: 5px;
}
td.wallpaper p.intro,
td.screensaver p.intro {
	color:#fff;	

}
p.wallpaperPanel,
p.screensaver 			 {
	border: #B6B6B6 1px solid;
	background: #F3F3F3;
	text-align: center;
	margin: 5px 20px 10px; padding: 15px 5px;
}
p.wallpaperPanel img,
p.screensaver img		 {
	border: #D6D6D6 1px solid;
	margin-bottom: 12px;
}
/*end Download page Styles*/





/* Required Software Panel as it is on the Activity Sub pages */
.reqSoftPanel {
	background: #fff url(images/backgrounds/bg-softReqPanel.jpg) repeat-x left top;
	border: 1px solid #f3f3f3;
	padding: 10px 10px 0 18px;
	font-size: 0.9em;
	color: #000000;
}
.reqSoftPanel p {margin: 0 0 10px 0; padding: 0; }


.actSubPage{
	background: #fff url(images/backgrounds/bg-actContent.jpg) repeat-x left bottom;
	border-bottom: 1px solid #f3f3f3;
	padding-bottom: 80px;
}
ol.actSteps {
	background: url(images/backgrounds/bg-actSteps.gif) no-repeat left top;
	border: 1px solid #f3f3f3;
	margin: 0 45px 45px;
	padding: 50px 0 20px;
}
ol.actSteps li {
	margin: 0 30px 7px 40px;
}

/* end activity Subpages contols*/

/* Bottom Content Panels */
.sectHighlights {
	margin: 15px 0 15px;
}
.highlightPanel { margin: 0 15px; font-size: 0.80em;}
.highlightPanel strong { color: #86d279; } 
.highlightPanel p { margin: 0 0 2px 10px; padding: 0; }

* html .highlightPanel p { margin-right: 15px; }

td.rightBorder { border-right: 1px solid #e5e5e5; }

.cartWorld { background: url(images/backgrounds/bg-cartWorld.gif) no-repeat right top; height: 50px; text-align:center;}

h2.fillFoot {
	background: url(images/backgrounds/bg-fwFoot.gif) no-repeat center top;
	margin-top: 13px;
	height: 46px;
	text-indent: -9999px;
}
.footMenu {
	font-size: 0.90em; color: #87d379;
	text-align: center;
	padding: 10px;
	background:  no-repeat center;
}
.footMenu a {
	color: #87d379;
	text-decoration: none;
	margin: 0 13px;
}
.footMenu a:hover { text-decoration: underline; }
/* Fills Zone Controls */
#fzHolder {
	margin: 0 0 0 17px;
}
#fzHolder td.leftColumn {
	width: 379px;
	background: url(images/backgrounds/bg-fillsZoneLeftColumn.gif) repeat-y right top;
}

#fzHolder td.leftColumn table td.speech {
	background: url(images/backgrounds/bg-fillsSpeechBubble.jpg) no-repeat left top;
	padding: 40px 120px 66px 25px;
	width: 234px;
}
#fzHolder td.leftColumn table td.speech h3 {
	color: #003399;
	margin: 0 0 7px; padding: 0;
}
#fzHolder td.leftColumn table td.speech p {
	padding: 0;
	margin: 0;
	line-height: 1.6em;
}
#fzHolder td.leftColumn table td.bio {
	background:url(images/backgrounds/bg-foot.jpg) no-repeat right top;
	padding: 10px 0 10px 50px;
	color: #0099cc;
}
#fzHolder td.leftColumn table td.bio p {
	margin: 0; padding:0 0 5px;
}
#fzHolder td.leftColumn table td.whyFillsWorld {
	background: url(images/backgrounds/bg-whyFillsWorld.jpg) no-repeat left top;
	padding: 0 100px 0 30px; height: 183px;
}
#fzHolder td.leftColumn table td.whyFillsWorld h5 {
	margin: 18px 0 0; padding:0;
	font-size: 1.2em; color: #009c62;
}
#fzHolder td.leftColumn table td.whyFillsWorld p {
	margin: 0;
	padding:0;
	line-height: 1.4em;
}
#fzHolder td.leftColumn table td.whyFillsWorld2 {
	background: url(images/backgrounds/bg-whyFillsWorld2.gif) no-repeat left top;
	padding: 0 0 27px 130px;
	color: #73be1e ;
	font-weight: bold;
}
#fzHolder td.leftColumn table td.whyFillsWorld2 a {
	color: #73be1e ;
	font-weight: bold;
}
#fzHolder td.rightColumn {
	background: #fff;
}
#fzHolder table td.vidPics img,
#fzHolder table td.dLoads img {
	margin: 20px 0 0;
}	
/* end fills zone*/
/* Q&A Panel */
div.greenGroover {
	margin: 30px 0 20px;
}
div.greenGroover.extraleftMargin {
	margin-left: 98px;

}
div.greenGroover h4 { color: #2174c8; margin: 0; padding:0; }

p.questionText {
	margin: 0px; padding: 5px 6px;
}
.answerText {
	background: #86cb78 ; 
	border: 1px solid #167861; 
	padding: 5px;
	color:#167861;
	font-size: 1.30em;
}
.answerText p { margin: 0; padding: 0; }

.answerText a { color:#167861; }

.answerText p.closeHolder { text-align: right; margin: 0 10px;}
.answerText a.closeAnswer { color: #fff; font-size: 0.70em; margin-left:15px; }
/*End Q&A Panel */