/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 12px;
	background-color: #ffffff;
}

table {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}	

table tr td {
	margin: 0px;
	padding: 0px;
}

a img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}

img {
	border: 0px;
}

map {
	border: 0px;
}

h2 {
	color: #ffffff;
	font-size: 16px;
	margin: 10px 0 10px 0px;
}

table tr td.header_left {
	background: url(/images/header_left.gif) top right no-repeat; 
	height: 84px;
	width: 16px;
}

table tr td.header_middle {
	background: url(/images/header_middle.gif) top left repeat-x; 
	height: 84px;
}

table tr td.header_right {
	background: url(/images/header_right.gif) top left no-repeat; 
	height: 84px; 
	width: 16px;
}

table tr td.body_gr {
	background: #034555 url(/images/body_gr.jpg) top left repeat-x; 
	height: 657px;
 }

table tr td.footer_left {
	background: #034555 url(/images/footer_left.gif) bottom right no-repeat; 
	width: 16px;
}

table tr td.footer_middle {
	background: #034555 url(/images/footer_middle.gif) bottom right repeat-x; 
	height: 16px;
}

table tr td.footer_right {
	background: #034555 url(/images/footer_right.gif) bottom left no-repeat; 
	width: 16px;
}

ol li {
	margin: 0px 0px 20px 0px;
}

ol li ul {
	margin: 15px 0 15px 15px;
	padding: 0px;
}

ol li ul li {
	margin: 0px;
	padding: 0px;
}

/*===/ HEADER /===*/

div.logo {
	position: absolute; 
	margin: 7px 0 0 0; 
	padding: 0px; top: 0px;
}

div.heading {
	padding: 0px 0 0 150px;
	margin-top: 6px;
}

h1.header_title {
	font-size: 20px;
	color: #00763b;
	margin: 0px;
	padding: 0px;
	float: left;
}

div.header_title_right {
	float: right; 
	font-size: 22px; 
	color: #A7DCBF; 
	margin: 0px; 
	padding: 0px;
	font-weight: bold;
}

div.header_title_right a:link, div.header_title_right a:visited {
	color: #A7DCBF; 
	text-decoration: none;
}

div.header_title_right a:active, div.header_title_right a:hover {
	color: #A7DCBF; 
	text-decoration: none;
}

/*===/ FOOTER /===*/

div.home_copyright {
	font-size: 10px;
	margin: 0px 0 0 48px;
	display: inline;
	float: right;
}

div.home_copyright p {
	margin: 5px 20px 0 0;
}

div.copyright {
	font-size: 10px;
	margin: 0px 25px 20px 0px;
	float: right;
}

body.home table.footer_nav {
	display: none;
}

div.footer_nav {
	margin: 0px 0 0 20px;
}

div.footer_nav img {
	margin: 0 20px 0 0;
}

div.footer_nav div.footer_col {
	float: left; 
	display: inline; 
	width: 170px;
}

div.footer_nav div.footer_col a:link, div.footer_nav div.footer_col a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

div.footer_nav div.footer_col a:hover, div.footer_nav div.footer_col a:active {
	color: #ACFF97;
	text-decoration: none;
}

div.footer_nav div.footer_col ul.footer_list {
	margin: 0px 0px 0px 15px; 
	padding: 0px;
}

body.home div.footer_nav {
	display: none;
}

body.home div.divider {
	display: none;
}

/*===/ BODY /===*/

div.home_content {
	 margin: 5px 15px 35px 25px;
}

div.content {
	margin: 65px 20px 35px 25px;
}


div.content a:link, div.content a:visited {
	color: #ACFF97;
	text-decoration: none;
}

div.content a:hover, div.content a:active {
	color: #FFFFFF;
	text-decoration: none;
}

img.headings {
	margin: 5px 0px 10px 0px; 
}

h1.home {
	color: #FFFFFF;
	font-size: 36px;
	line-height: 26px;
	margin: 0px 0px 0px 135px;
}

h1.home span.highlight {
	color: #0E3742; 
	font-size: 22px; 
	margin-left: 70px;
}

p.home_blurb {
	font-size: 16px;
	color: #ffffff;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

p.home_blurb span {
	font-size: 22px;
}

p.home_blurb span.highlight_lblue {
	color: #A7F9F2;
}

p.home_blurb span.highlight_dblue {
	color: #9ACAD4;
}

p.home_blurb span.highlight_pink {
	color: #FCD2FB;
}

p.home_blurb span.highlight_yellow {
	color: #EFF187;
}

p.home_blurb span.highlight_green {
	color: #ACFF97;
}

/*===/ HOME - VIDEOS /===*/

table.videos {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color: #8ED0A9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

table.videos a:link, table.videos a:visited {
	color: #ffffff;
	text-decoration: none;
}

table.videos a:hover, table.videos a:active {
	color: #ACFF97;
	text-decoration: none;
}

table.videos tr td.topleft {
	background: url(/images/vid_topleft.jpg) bottom left no-repeat; 
	width: 8px; 
	height:8px; 
	margin: 0px; 
	padding: 0px;
}

table.videos tr td.topmid {
	background: url(/images/vid_topmid.jpg) bottom left repeat-x; 
	width: 521px; 
	height: 8px; 
	margin: 0px; 
	padding: 0px;
}

table.videos tr td.topright {
	background: url(/images/vid_topright.jpg) bottom left no-repeat; 
	width: 8px; 
	height:8px; 
	margin: 0px;
	padding: 0px;
}

table.videos tr td.mid {
	background: #094548 url(/images/vid_midgr.jpg) top left repeat-x;  
	margin: 0px; 
	padding: 0px 0px 20px 20px; 
	height: 395px;
	/*border-left: 1px solid #086E47; 
	border-right: 1px solid #086E47;*/
}

table.videos tr td.btmleft {
	background: url(/images/vid_btmleft.jpg) top left no-repeat; 
	width: 8px; 
	height:8px; 
	margin: 0px; 
	padding: 0px;
}

table.videos tr td.btmmid {
	background: url(/images/vid_btmmid.jpg) top left repeat-x; 
	width: 8px; 
	height:8px; 
	margin: 0px; 
	padding: 0px;
}

table.videos tr td.btmright {
	background: url(/images/vid_btmright.jpg) top left no-repeat; 
	width: 8px; 
	height:8px; 
	margin: 0px; 
	padding: 0px;
}

div.video {
	 float: left; 
	 display: inline; 
	 width: 238px; 
	 margin: 0 15px 0 0px;
	 padding: 0px;
	 font-size: 14px;
}

div.video h2 {
	font-style: italic;
}

/*===/ VIDEOS /===*/

div.vids_col {
	float: left; 
	display: inline; 
	width: 465px;
}

span.view_more {
	font-size: 14px;
}


/*===/ HOME - FACTS /===*/

div.facts {
	background: url(/images/facts.jpg) top left no-repeat; 
	width: 538px; 
	height: 74px;
	margin: 5px 0px 0px 0px;
	padding: 5px 20px 6px 20px;
	font-size: 11px;
	color: #C3F3D6;
}

div.facts h2 {
	border-bottom: 1px solid #616653;
	width: 500px;
	margin: 2px 0 10px 0;
	padding: 0px;
	line-height: 15px;
	
}

div.fact_item {
	font-size: 11px;
	color: #C3F3D6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 508px;
}

div.facts p {
	font-size: 11px;
	color: #C3F3D6;
	margin: 8px 0 0 0;
	padding: 0px;
}

/*===/ HOME - LEARN MORE /===*/

div.learnmore {
	margin-left: 0px;
	font-size: 14px;
}

div.learnmore div.recycle {
	 background: url(/images/learnmore2.jpg) top left no-repeat; 
	 width: 367px; 
	 height: 201px;
	 padding: 5px;
	 color: #ffffff;
}

div.learnmore div.recycle div.text {
	width: 335px;
	margin: 11px 14px 18px 21px;
	font-size: 12px;
}

div.learnmore div.recycle div.text p {
	margin: 4px 0px 5px 0px; 
	padding: 0px;
}


div.learnmore div.recycle div.text div.links {
	float: left;
	display: inline;
	width: 163px;
	margin: 0px 10px 0 0;
	padding: 0px;
}

div.learnmore div.recycle div.text div.image {
	float: left;
	display: inline;
	width: 150px;
	margin: 8px 0 0 0; 
	padding: 0px;
}

div.learnmore h2{
	margin: 0px 0px 8px 11px;
}

div.learnmore div.recycle div.text p a:link, div.learnmore div.recycle div.text p a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

div.learnmore div.recycle div.text p a:hover, div.learnmore div.recycle div.text p a:active {
	color: #ACFF97;
	text-decoration: none;
	font-weight: bold;
}

div.image_item {
	width: 150px;
}

/*===/ LEARN MORE /===*/

div.cols {
	float: left; 
	display: inline; 
	width: 360px;
	margin-right: 10px;
}

div.cols_lg {
	float: left; 
	display: inline; 
	width: 440px;
	margin-right: 15px;
}

/*===/ HOME - MEET CHARACTERS /===*/

div.meet_characters {
	margin: 10px 0 0 11px;
}

/*===/ MEET CHARACTERS /===*/

img.reese {
	position: absolute; 
	margin: -50px 0 0 525px;
}

img.leland {
	position: absolute;
	margin: -5px 0 0 525px;
}

img.buster {
	position: absolute;
	margin: -50px 0 0 525px;
}	

img.glummer {
	position: absolute;
	margin: 20px 0 0 525px;
}

table.meet_characters {
	margin: 0px; padding: 0px;
}	

table.meet_characters tr td.characters_topleft {
	background: url(/images/character_topleft.jpg) bottom right no-repeat; 
	height:14px;
}

table.meet_characters tr td.characters_topleftmid {
 background: url(/images/character_topmid.jpg) bottom right repeat-x; 
 height:14px;
}

table.meet_characters tr td.characters_toprightmid {
	background: url(/images/character_topmid2.jpg) bottom right repeat-x; 
	height:14px;
}
  
table.meet_characters tr td.characters_topright { 
	background: url(/images/character_topright.jpg) bottom left no-repeat; 
}

table.meet_characters tr td.characters_leftmid { 
	background: url(/images/character_leftmid.jpg) top left repeat-x; 
	height:502px;
}

table.meet_characters tr td.characters_leftmid div.characters_lefttext{ 
	font-size: 15px; 
	color: #B0F1CA; 
	margin: 0 5px 0 5px;
}
 
table.meet_characters tr td.characters_rightmid { 
    background: url(/images/character_rightmid.jpg) top left repeat-x; 
	height:502px;
}

table.meet_characters tr td.characters_rightmid div.characters_righttext{ 
 	font-size: 15px; 
	color: #FFFFFF; 
	margin: 0 5px 0 5px;
}

table.meet_characters tr td.characters_btmleft { 
 	background: url(/images/character_btmleft.jpg) top right no-repeat;
}

table.meet_characters tr td.characters_btmleftmid { 
	background: url(/images/character_btmmid.jpg) repeat-x;
}

table.meet_characters tr td.characters_btmrightmid {
	background: url(/images/character_btmmid2.jpg) top left repeat-x;
}

table.meet_characters tr td.characters_btmrightmid img.characters_btm {
	position: absolute; 
	margin: -65px 0 0 60px;
}

table.meet_characters tr td.characters_btmrightmid div.characters_btm {
	position: absolute;
	margin: -65px 0 0 60px;
}

table.meet_characters tr td.characters_btmrightmid div.characters_btm a{
	margin: 0px;
	padding: 0px;
}

table.meet_characters tr td.characters_btmright {
	background: url(/images/character_btmright.jpg) top left no-repeat; 
	width:14px;
 }

/*===/ HOME - GAMES /===*/

div.games {
	margin: 27px 0 0 11px;
}

/*===/ GAMES /===*/

div.games_col {
	float: left; 
	display: inline; 
	width: 675px;
}

div.games_col2 {
	float: left; 
	width: 150px; 
	display: inline;
	margin: 0 0 10px 0;
	font-size: 14px;
}
/*===/ HOME - TEACHER /===*/

div.teachers {
	margin: 27px 0 0 11px;
}

/*===/ Forms /===*/

fieldset { border: 1px solid #ffffff; border-width: 0 0 1px 0; padding: 1em .5em; }
fieldset img {float: left; }
fieldset ul {float: left; }
fieldset ul li label { display: block; float: left; clear: left; text-align: right; width: 200px; padding: .2em .4em 0 1em;}
form ul { list-style: none; margin: .5em 0; padding: 0;}
form li { margin: 0; padding: 0; }
form li label { display: block; float: left; clear: left; text-align: right; width: 100px; padding: .2em 1em 0 0;}
button[type="submit"] { margin: 1em 0 0 75px; }

dt { font-weight: bold; padding: 1.3em 0 0 ; }