@charset "utf-8";
/*RESET BROWSER DEFAULTS*/
body, dev, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table, td, tr, th { font-size: 100%;}
/* Removes border from fieldset and img */
fieldset, img
{ border: 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 { font-size: 100%; }

/* Removes list-style from lists */
ol, ul
{ list-style: none; font-size: 100%}
/* 62.5 allows 1em to be equal to 10px */
body {
	background: #082050 url(../templates/games/background.gif) -98px -50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
p 	{
	padding:0px 0px 0px 0px;
	margin:.2em 0px 1.1em 0px;
	line-height:17px;
	font-size: 1.2em;
}
/*--------------------------*/
/*HEADERS*/
/*--------------------------*/
/* IDs are required to only select content areas NOT navs*/
#content-body h1, #content-header h1, #related-content h1 { font-size: 1.9em; padding: 0em 0em 1em 0em; margin: 0; }
#content-body h2, #content-header h2, #related-content h2 { font-size: 1.9em; padding: 0em 0em 1em 0em; margin: 0; }
#content-body h3, #content-header h3, #related-content h3 { font-size: 1.6em; padding: 0em 0em .8em 0em; margin: 0; }
#content-body h4, #content-header h4, #related-content h4 { font-size: 1.4em; padding: 0em 0em .8em 0em; margin: 0; }
#content-body h5, #content-header h5, #related-content h5 { font-size: 1.2em; padding: 0em 0em .8em 0em; margin: 0; }
#content-body h6, #content-header h6, #related-content h6 { font-size: 1.2em; padding: 0em 0em .8em 0em; margin: 0; }
/*specifies the body for games & activities unused for now*/
#gamesactivities {
}
/*specifies the body for homeworkhelp unused for now*/
#homeworkhelp {
}

#homeworkhelp h3 {color:#0099FF;}
/*specifies the body for fieldguide unused for now*/
#fieldguide {
}
/*specifies the body for fieldguide unused for now*/
#about {
}
#haveyoursay {
}
#game {
}
/*TOP NAV*/
/*container*/
#top-nav {
	width: 850px;
	height: 105px;
	background: url(../templates/games/ecokids_logo_blue.gif) left top no-repeat;
	/*border: 1px dashed #00CCCC;*/
}
/*creates rollvoer link to home*/
#top-nav .home-link a {
	width: 190px;
	height: 105px;
	display: block;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	float: left;
}
/*#top-nav .home-link a:hover {
	background: url(../templates/games/ecokids_logo_blue_ov.gif) left top no-repeat;
}*/
#nav_access { position : absolute; top : -9999px; margin : 0; }

/*top text nav container*/
#top-nav #admin-nav {
	float:right;
	width: 655px;
	text-align:right;
	font-size: .9em;
	/*background-color:#00FF00*/
}
#top-nav #admin-nav ul {
	margin:0;
	padding: 0;
	list-style:none;
	/*background-color:#33FFCC;*/
}
#top-nav #admin-nav ul li {
	float: right;
}
/* controls size of bottom area in Firefox but NOT IE*/
#top-nav #admin-nav ul li a {
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 2px;
	border-right: 1px solid #FFFFCC;
	line-height: normal;
}
#top-nav #admin-nav .no-divider a {
	padding-right: 7px;
	border-right: none;
}
/*#295185*/
/*#top-nav #admin-nav .teachers-icon {
	background: url(../templates/games/tab_teachers.jpg) top no-repeat;
}*/
/*background-color: #295185;*/
/* controls size of bottom area in Firefox but NOT IE*/
#top-nav #admin-nav .teachers-icon a {
	padding-left: 7px;
	padding-bottom: 2px;
	border-right: 1px solid #295185;	
	border-bottom: 1px solid #295185;
	border-left: 1px solid #295185;
	display: block;
	/*background: #FF9900;*/
}

#top-nav #admin-nav .home-icon a  {
	margin-right: 3px;
	padding-bottom: 2px;
	border-right: 1px solid #295185;	
	border-bottom: 1px solid #295185;
	border-left: 1px solid #295185;
	display: block;
}
#top-nav #admin-nav ul a:link, #top-nav #admin-nav ul a:visited { 
	color: #CCFFFF;
	text-decoration: none;
}

#top-nav #admin-nav ul a:hover { 
	color: #FFFFFF;
	background-color: #0066FF;
}
#top-nav #admin-nav ul a:active { 
	color: #FFCC00;
}
/*MAIN NAV*/
#top-nav #main-nav {
	float:right;
	width: 655px;
	height: 80px;
	margin-top: 4px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	/*background: url(../templates/games/games_nav/top-games-selected.jpg) no-repeat;*/
}
#top-nav #main-nav ul {
	margin:0;
	padding: 0;
	list-style:none;
}
#top-nav #main-nav ul li { float: left; }
/*games nav item*/
#top-nav #main-nav .ga-topnav a {
	width: 126px;
	height: 80px;
	display:block;
	background: url(../templates/games/games_nav/games.jpg) no-repeat;
	text-indent: -5000px;
	margin-right:10px;
	margin-left:15px;
}
#top-nav #main-nav .ga-selected a {
background: url(../templates/games/games_nav/games_selected.jpg) no-repeat;
}
#top-nav #main-nav .ga-topnav a:hover {
	background: url(../templates/games/games_nav/games_selected.jpg) no-repeat;
}
/*homework nav item*/
#top-nav #main-nav .hh-topnav a {
	width: 109px;
	height: 80px;
	display:block;
	background: url(../templates/games/games_nav/hh.jpg) no-repeat;
	text-indent: -5000px;
	margin-right:10px;
}
#top-nav #main-nav .hh-topnav a:hover {
	background: url(../templates/games/games_nav/hh_selected.jpg) no-repeat;
}
#top-nav #main-nav .hh-selected a {
	background: url(../templates/games/games_nav/hh_selected.jpg) no-repeat;
}
/*reporters nav item*/
#top-nav #main-nav .reporters-topnav a {
	width: 103px;
	height: 80px;
	display:block;
	background: url(../templates/games/games_nav/reporters.jpg) no-repeat;
	text-indent: -5000px;
	margin-right:10px;
}
#top-nav #main-nav .reporters-topnav a:hover {
	background: url(../templates/games/games_nav/reporters_selected.jpg) no-repeat;
}
#top-nav #main-nav .reporters-selected a {
	background: url(../templates/games/games_nav/reporters_selected.jpg) no-repeat;
}
/*hys nav item*/
#top-nav #main-nav .hys-topnav a {
	width: 97px;
	height: 80px;
	display:block;
	background: url(../templates/games/games_nav/hys.jpg) no-repeat;
	text-indent: -5000px;
	margin-right:10px;
}
#top-nav #main-nav .hys-topnav a:hover {
	background: url(../templates/games/games_nav/hys_selected.jpg) no-repeat;
}
#top-nav #main-nav .hys-selected a {
	background: url(../templates/games/games_nav/hys_selected.jpg) no-repeat;
}
/*was 113*/
#top-nav #main-nav .c-topnav a {
	width: 64px;
	height: 80px;
	display:block;
	background: url(../templates/games/games_nav/contests.jpg) no-repeat;
	text-indent: -5000px;
	margin-right:10px;
}
#top-nav #main-nav .c-topnav a:hover {
	background: url(../templates/games/games_nav/contests_selected.jpg) no-repeat;
}
#top-nav #main-nav .contests-selected a {
	background: url(../templates/games/games_nav/contests_selected.jpg) no-repeat;
}
/*was 87*/
#top-nav #main-nav .blog-topnav a {
	width: 91px;
	height: 80px;
	display:block;
	background: url(../templates/games/games_nav/blog.jpg) no-repeat;
	text-indent: -5000px;
}
#top-nav #main-nav .blog-topnav a:hover {
	background: url(../templates/games/games_nav/blog_selected.jpg) no-repeat;
}

.clear-nav {
	clear:both;
}
/*SIDE NAV CONTAINER*/
/*position: relative;*/
#leftnav {
	width: 190px;	
}
/*SEARCH*/
/*----------------------*/
#leftnav .search {
	width: 178px;
	background: url(../templates/games/search_top_background.gif) left top no-repeat;
}
#leftnav .search h3 {
	background: url(../templates/games/search_top.gif) no-repeat left top;
	height: 35px;
	margin: 0;
	padding: 0;
}
/*hides text within browser but still accessible*/
#leftnav .search h3 span {
	position: absolute;
	text-indent: -5000px;
}
#leftnav .search-form {
	margin-left: 7px;
}
#leftnav .search-form input{
	background-color:#99CCCC;
	border: 1px solid #000066;
	font-size: 1.2em;
	margin: 2px 0 0 0;
}
#leftnav .search-form .go-button {
	margin: 5px 0 0 4px;
	border: none;
}
#leftnav .search-form select {
 	color: #000066;
 	background-color:#99CCCC;
	font-size: 1em;
	margin: 0 0 0 0;
}
/*----------------------*/
/*ENTIRE NAV BLOCK*/
#leftnav .sub-categories {
	width: 178px;
	/*height: 239px;*/
	margin: 0;
	padding: 0;
	background: #22436F url(../templates/games/but_nav_rollover.jpg) repeat-y left;
}
/*clears out list formatting*/
#leftnav .sub-categories ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background: url(../templates/games/but_nav_rollover.jpg) repeat-y right bottom;
}
/*nav element size and background*/
#leftnav .sub-categories ul a {
	display: block;
	width: 178px;
	height: 22px;
	line-height: 22px;
	color: #FFFFFF;
	background: url(../templates/games/but_nav_rollover.jpg) no-repeat left center;
	text-decoration: none;
	text-indent: 20px;
	font-size: 1.1em;
	font-weight: bold;
}
/*rollover state for nav elements*/
#leftnav .sub-categories ul a:hover{
	background-position: right bottom;
	color: #FFFFFF;
}
/* for IE6 */
#leftnav .sub-categories ul a:visited{
	color: #FFFFFF;
}
/*selected state for nav elements*/
#leftnav .sub-categories ul .selected a {
	background-position: right bottom;
}
/*stops flicker in IE6*/
#leftnav .sub-categories ul li {
	display: inline; /*IE6 Kludge to remove gaps between li elements*/
}
/*----------------------*/
/*large header with icon*/
/*----------------------*/
#leftnav .sub-categories h3 a {
	margin: 0;
	padding: 0;
	display: block;
	height: 63px;
	width: 178px;
	/*background: #22436F url(../templates/games/but_hdr_games.jpg) no-repeat left center;*/
	text-indent: -5000px;
}
#leftnav .sub-categories .ga-hdr {
	background: #22436F  url(../templates/games/but_hdr_games.jpg) no-repeat left center;
}
#leftnav .sub-categories .hh-hdr {
	background: #22436F url(../templates/hh/but_hdr_homework.jpg) no-repeat left center;
}
#leftnav .sub-categories .about-hdr {
	background: #22436F url(../templates/but_hdr_about.jpg) no-repeat left center;
}
#leftnav .sub-categories .reporters-hdr {
	background: #22436F url(../templates/but_hdr_reporters.jpg) no-repeat left center;
}
#leftnav .sub-categories .hys-hdr {
	background: #22436F url(../templates/but_hdr_hys.jpg) no-repeat left center;
}
#leftnav .sub-categories .challenge-hdr {
	background: #22436F url(../templates/but_hdr_challenge.jpg) no-repeat left center;
}
#leftnav .sub-categories .contest-hdr {
	background: #22436F url(../templates/but_hdr_contest.jpg) no-repeat left center;
}
/*hides text within browser but still accessible*/
/*#leftnav .sub-categories .hide-header span {*/
	/*position: absolute;*/
	/*text-indent: -5000px;*/
/*}*/
/*end large header*/
/*bottom of box*/
#leftnav .nav-bottom {
	width: 178px;
	height: 13px;
	background: url(../templates/games/nav_bottom.jpg) no-repeat left bottom;
	margin: 0;
	padding: 0;
}
/*end bottom of box*/
/*DOWNLOADS BUTTON */
#leftnav .but-downloads h3 a {
	display:block;
	width: 178px;
	height: 55px;
	background: url(../templates/games/but-downloads.gif) top left no-repeat;
	text-indent: -1000px;
}
#leftnav .but-downloads h3 a:hover {
	background:url(../templates/games/but-downloads.gif) bottom left no-repeat;
}
#leftnav .but-downloads h3 .selected {
	background:url(../templates/games/but-downloads.gif) bottom left no-repeat;
}
/*GLOSSARY BUTTON */
#leftnav .but-glossary h3 a {
	display:block;
	width: 178px;
	height: 55px;
	background:url(../templates/games/but-glossary.gif) top left no-repeat;
	text-indent: -1000px;
}
#leftnav .but-glossary h3 a:hover {
	background:url(../templates/games/but-glossary.gif) bottom left no-repeat;
}
#leftnav .but-glossary h3 .selected {
	background:url(../templates/games/but-glossary.gif) bottom left no-repeat;
}
/*BOOKS BUTTON */
#leftnav .but-books h3 a {
	display:block;
	width: 178px;
	height: 55px;
	background:url(../templates/games/but-books.gif) top left no-repeat;
	text-indent: -1000px;
}
#leftnav .but-books h3 a:hover {
	background:url(../templates/games/but-books.gif) bottom left no-repeat;
}
#leftnav .but-books h3 .selected {
	background:url(../templates/games/but-books.gif) bottom left no-repeat;
}
/*CONTESTS BUTTON */
#leftnav .but-contest h3 a {
	display:block;
	width: 178px;
	height: 55px;
	background:url(../templates/games/but_other_contests.gif) top left no-repeat;
	text-indent: -1000px;
}
#leftnav .but-contest h3 a:hover {
	background:url(../templates/games/but_other_contests.gif) bottom left no-repeat;
}
#leftnav .but-contest h3 .selected {
	background:url(../templates/games/but_other_contests.gif) bottom left no-repeat;
}
/*BOTTOM NAV*/
#bottom-nav {
	width: 850px;
	height: 71px;
	background: url(../templates/games/logo-earthday.gif) bottom right no-repeat;
	font-size: .9em;
}
#bottom-nav .edc-link a {
	width: 65px;
	height: 71px;
	display: block;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	float: right;
}
#bottom-nav .bottom-text-nav {
	float: right;
	width: 770px;
	text-align: right;
	margin-top: 20px;
}
#bottom-nav .second-bottom-nav {
	margin-top: 0px;
}
#bottom-nav .bottom-text-nav ul {
	margin:0;
	padding: 0;
	list-style:none;
	color:#FFFFCC;
}
#bottom-nav .bottom-text-nav ul li {
	float: right;
}
#bottom-nav .bottom-text-nav ul li a {
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #FFFFCC;
	line-height: .8em;
}
#bottom-nav .bottom-text-nav .no-divider a {
	padding-right: none;
	border-right: none;
}
#bottom-nav .bottom-text-nav ul a:link { 
	color: #CCFFFF;
	text-decoration: none;
}
#bottom-nav .bottom-text-nav ul a:visited { 
	color: #FFFF66;
	text-decoration: none;
}
#bottom-nav .bottom-text-nav ul a:hover { 
	color: #FFFFFF;
	background-color: #295185;
}
#bottom-nav .bottom-text-nav a:active { 
	color: #FFCC00;
}
.copyright {
	width: 770px;
	text-align: right;
	float: right;
	color:#CCFFFF;
	line-height: 1.3em;
}
table .box-top {
	background: url(../templates/games/blue_box/blue_box_r1_c2.gif) repeat-x;
}
table .main-box-background {
	background: #FFFFFF url(../templates/games/box-background.gif) bottom right no-repeat;
}
table .box-left {
	background: url(../templates/games/blue_box/blue_box_r2_c1.gif) repeat-y;
}
table .box-right {
	background: url(../templates/games/blue_box/blue_box_r2_c3.gif) repeat-y;
}
table .box-bottom {
	background: url(../templates/games/blue_box/blue_box_r3_c2.gif) repeat-x;
}

/*main content area*/
#content-body {
	/*background:#FFFF00;*/
	padding:0;
	margin:0;
	width:100%;
}

#content-header {
	padding:0;
	margin:0;
	width:100%;
}

#related-content {
	padding:0 0 0 7px;
	margin:0;
	width:100%;
}
/*extra padding in field guide contetn areas*/
#fieldguide #related-content {
	font-size: .95em;
	border-left: #3366FF 1px dashed;
	margin-top: 5px;
}
#fieldguide #related-content p{
	padding-right: 5px;
}
#fieldguide #content-body{
	margin-top: 5px;
}
#fieldguide #content-body p{
	padding-right: 10px;
}
#haveyoursay #content-body, #haveyoursay .breadcrumbs {
	padding-right: 0;
	padding-left: 0;
}
#gamesactivities  .findoutmore, #homeworkhelp .findoutmore {
	width: 137px;
	background: #CEF2F0 url(../templates/games/moreaboutthistopic.gif) top center no-repeat;
	border: 1px solid #9AE4E1;
	margin-bottom: 5px;
	font-size: .95em;
	padding: 0px 5px 15px 0px;
}
#gamesactivities  .findoutmore h4, #homeworkhelp .findoutmore h4 {
	text-indent: -5000px;
	margin-bottom: 15px
}

#gamesactivities  .findoutmore h5, #homeworkhelp .findoutmore h5 {
	color:#003366;
	padding: 3px 0px 0px 5px;
}
#gamesactivities  .findoutmore ul, #homeworkhelp .findoutmore ul {
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;
}

/* what is this??*/
/*td img {display: block;}*/