/* global print stylesheet */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h1 {
	margin-top: 0px;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1em;
	margin-bottom: 0px;
	margin-top: 0px;
}
ul {
	margin-bottom: 2px;
}
ul li {
	font-weight: bold;
	font-size: 0.9em;
}
ul ol {
	margin-bottom: 0px;
}
form {
	display: none;
}
#logo {
	display: none;
}
#welcome {
	padding: 0px;
	margin-top: 0px;
}
#worldMap, #teacherWorldMap, #AfricaMap, #AsiaMap, #AustralasiaMap, #EuropeMap, #MiddleEastMap, #NAmericaMap, #SAmericaMap {
	display: none;
}
#AfricaInfo, #AsiaInfo, #AustralasiaInfo, #EuropeInfo, #MiddleEastInfo, #NAmericaInfo, #SAmericaInfo, .countryInfo, .treeInfo {
	border: solid 5px #C48000;
	padding: 5px;
	margin-top: 15px;
	width: 405px;
}
#basicMapInstructions .countryInfo {
	width: 97%;
}
.treeInfo {
	border: solid 5px #83C500;
}
#loginHolder > .treeInfo {
	margin-top: 0px;
}
#AfricaInfo img, #AsiaInfo img, #AustralasiaInfo img, #EuropeInfo img, #MiddleEastInfo img, #NAmericaInfo img, #SAmericaInfo img, .countryInfo img, .treeInfo img {
	float: left;
}
#AfricaInfo h2, #AfricaInfo p, #AfricaInfo ul, #AsiaInfo h2, #AsiaInfo p, #AsiaInfo ul, #AustralasiaInfo h2, #AustralasiaInfo p, #AustralasiaInfo ul, #EuropeInfo h2, #EuropeInfo p, #EuropeInfo ul, #MiddleEastInfo h2, #MiddleEastInfo p, #MiddleEastInfo ul, #NAmericaInfo h2, #NAmericaInfo p, #NAmericaInfo ul, #SAmericaInfo h2, #SAmericaInfo p, #SAmericaInfo ul, .countryInfo h2, .countryInfo p, .countryInfo ul, .treeInfo h2, .treeInfo ul {
	margin-left: 175px;
	margin-top: 0px;
}
.treeInfo p {
	margin-left: 150px;
}
#instructions > .countryInfo {
	padding-bottom: 1.5em;
}
#instructions ul li {
	list-style-image: url(../images/bullet.gif);
}
.treeInfo {
	padding-bottom: 1.25em;
}
#loginHolder > .treeInfo {
	padding-bottom: 0.25em;
}
.treeInfo p {
	margin-bottom: 0px;
}
#loginForm, #teacherLoginForm {
	padding: 0.5em;
	margin-top: 15px;
}
#topBlock, #basicMapInstructions {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 15px;
	padding: 0.5em;
	border: solid 5px #83C500;
	background-color: #F2F9E5;
}
#basicMapInstructions {
	width: 100%;
}
#topBlock h2, #basicMapInstructions h2 {
	text-align: center;
	margin-top: 5px;
}
#topBlock ol, #basicMapInstructions ol {
	font-weight: bold;
	color: #4D7500;
	font-size: 1.2em;
}
#teacherLoginForm label {
	color: #C48000;
}
#loginProblems, #teacherLoginProblems {
	border: solid 5px #C48300;
	background-color: #F9F2E5;
	margin-top: 15px;
}
#loginProblems h2, #teacherLoginProblems h2 {
	color: #C48300;
	text-align: left;
	margin-left: 10px;
}
#loginProblems p, #teacherLoginProblems p {
	margin-left: 10px;
	margin-right: 10px;
}
.leftCol {
	width: 8em;
	float: left;
	text-align: right;
	margin-right: 1em;
	display: block;
	font-weight: bold;
	margin-bottom: 1em;
}
.error, .confirm {
	font-weight: bold;
	color: #CC0000;
	margin-top: 0.75em;
}
.confirm {
	font-size: 0.95em;
}
.hidden {
	display: none;
}
.invisible {
	position: absolute;
	left: -9000px;
	top: 0px;
}
.btnSubmit {
	margin-left: 9em;
	font-weight: bold;
}
#bar, #loggedInBar {
	margin-top: 0px;
	margin-left: 0px;
	height: 0.5em;
	clear: both;
}
#treeMenu {
	display: none;
}
#weatherBox {
	display: none;
}
#bottomContentClass #leagueGraph {
	border: 2px solid #699E00;
}
#bottomContentClass #leagueGraph {
	margin-top: 15px;
}
#bottomContentClass #leagueGraph {
	text-align: center;
}
#notWateredTree, #treeWatered {
	border: 2px solid #990000;
	padding: 0.5em;
}
#verifySchool {
	margin-top: 15px;
	border: 2px solid #785000;
}
#guestViewingTree {
	border: 2px solid #FFC712;
	padding: 0.5em;
}
#verifySchool h2 {
	text-align: left;
	color: #CC5200;
	vertical-align: top;
	font-size: 1.5em;
}
#verifySchool p {
	font-weight: normal;
	padding-left: 10px;
}
#verifySchool input {
	display: none;
}
#notWateredTree p, #wateredTree p, #treeWatered p, #guestViewingTree p {
	display: inline;
	padding-left: 1em;
	font-size: 0.95em;
	color: #FFFFFF;
	vertical-align: top;
	font-weight: bold;
	text-decoration: none;
}
#guestViewingTree p {
	color: #CC5200;
}
#wateredTree {
	border: 2px solid #4D7300;
	background-color: #8BA459;
	padding: 0.5em;	
}
#rightContent #treeStats, #guestTreeStats, #teacherDetails, #classDetails {
	background-color: #DBEBDB;
	margin-top: 1em;
	border: 2px solid #4D7300;
	padding: 0px;
}
#rightContent #guestTreeStats {
	background-color: #FFE388;
	border: 2px solid #FFC712;
}
#rightContent #treeStats  p, #guestTreeStats p, #schoolLookup p {
	display: inline;
}
#rightContent #treeStats .oddRow {
	background-color: #EFF6EF;
}
#guestTreeStats .oddRow {
	background-color: #FFF9E7;
}
#rightContent #treeStats div, #guestTreeStats div, #rightContent #schoolLookup div {
	padding: 5px;
	font-size: 0.95em;
}
#rightContent #treeStats span, #guestTreeStats span, #schoolLookup span, #teacherDetails span, #classDetails span {
	width: 12em;
	display: block;
	font-weight: bold;
	float: left;
	margin-right: 0.5em;
}
.greenText {
	font-weight: bold;
	color: #85C300;
	display: inline;
}
.redText {
	font-weight: bold;
	color: #CC0000;
	display: inline;
}
.brownText {
	display: inline;
	font-weight: bold;
	color: #BD8113;
}
#rightContent #leagueTable, #rightContentClass #leagueTable, #guestLeagueTable {
	margin-top: 15px;
}
#rightContent #leagueTable table, #rightContentClass #leagueTable table, #guestLeagueTable table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#guestLeagueTable table {
	border: 2px solid #CC5200;
}
#rightContent #leagueTable th, #rightContentClass #leagueTable th, #rightContent #guestLeagueTable th {
	text-align: left;
	background-repeat: repeat-x;
	background-position: left top;
	padding: 4px;
}
#rightContent #guestLeagueTable th {
	background-image: url(../images/guest-table-header-grad.jpg);
}
#rightContent #leagueTable td, #rightContentClass #leagueTable td, #guestLeagueTable td {
	padding: 4px;
}
#leftContentClass {
	float: left;
	width: 240px;
}
.true {
	border: solid 2px #80C500;
	background-color: #DFF0BF;
	display: inline;
	font-size: 1.2em;
	padding: 0.25em;
	margin-right: 0.25em;
}
.false {
	border: solid 2px #CC0000;
	display: inline;
	background-color: #F2BFBF;
	font-size: 1.2em;
	padding: 0.25em;
	margin-left: 0.25em;
}
#leftContentClass #classInstructions, #wateringInstructions, #schoolInstructions, #schoolDetails, #teacherInstructions, #classInstructions {
	border: 2px solid #4D7300;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
#weatherInstructions {
	border: solid 2px #507800;
	width: 100%;
}
#leftContent #schoolInstructions a:hover, #schoolInstructions a:visited:hover, #teacherInstructions a:hover, #teacherInstructions a:visited:hover, #teacherDetails a:hover, #teacherDetails a:visited:hover, #classInstructions a:hover, #classInstructions a:visited:hover {
	color: #9E6900;
}
#leftContent #schoolDetails {
	color: #803500;
}
#leftContent #schoolDetails {
	border: solid 2px #4D7300;
	margin-top: 15px;
}
#leftContent #schoolDetails h2 {
	text-align: left;
	color: #80C500;
}
#leftContent #schoolDetails p {
	margin-left: 2px;
	color: #85AF32;
}
.addyCol {
	width: 14em;
	float: left;
	text-align: right;
	margin-right: 1em;
	display: block;
	font-weight: bold;
}
.loginInfoBox {
	border: solid 2px #4D7300;
	padding: 1em;
}
#indexContent #indexLeft h1 {
	font-size: 2.65em;
	font-weight: normal;
	margin-bottom: 0em;
}
#indexContent #indexLeft h2 {
	font-size: 1.75em;
}
#indexRight {
	display: none;
}
#overview, #features, #benefits, #relevance, #press, #environment {
	margin: 0px;
	display: block;
}
#overview ul, #features ul, #benefits ul, #relevance ul, #press ul, #environment ul {
	display: none;
}
#overview li, #features li, #benefits li, #relevance li, #press li, #environment li {
	display: none;
}
#overview a, #features a, #benefits a, #relevance a, #press a, #environment a {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-color: #83C500;
	background-image: url(../images/tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 1em;
	padding-bottom: 0.5em;
}
html>/**/body #overview a, #features a, #benefits a, #relevance a, #press a, #environment a {
	padding-top: 0.15em;
}
#overview .notSelected a, #features .notSelected a, #benefits .notSelected a, #relevance .notSelected a, #press .notSelected a, #environment .notSelected a {
	background-color: #E0F0BF;
	background-image: url(../images/tr-ns.gif);
	color: #83C500;
}
#overview a span, #features a span, #benefits a span, #relevance a span, #press a span, #environment a span {
	background-image: url(../images/tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1em;
}
html>/**/body #overview a span, #features a span, #benefits a span, #relevance a span, #press a span, #environment a span {
	padding-top: 0.15em;
}
#overview .notSelected a span, #features .notSelected a span, #benefits .notSelected a span, #relevance .notSelected a span, #press .notSelected a span, #environment .notSelected a span {
	background-image: url(../images/tl-ns.gif);
}
#blockFeatures img, #blockBenefits img, #blockRelevance img {
	display: none;
}
#blockFeatures img {
	display: none;
}
#blockBenefits img, #blockRelevance img {
	border: none;
}
#blockOverview img, #blockPress img {
	display: none;
}
#blockBenefits li {
	list-style-image: url(../images/bullet.gif);
	margin-bottom: 1em;
	margin-left: 0px;
	margin-right: 220px;
}
#blockOverview a, #blockFeatures a, #blockBenefits a, #blockRelevance a, #blockPress a {
	color: #507800;
	font-weight: normal;
	text-decoration: underline;
}
#overview h2, #features h2, #benefits h2, #relevance h2, #press h2, #environment h2 {
	margin-top: 0px;
}
#features p, #features h3 {
	margin-left: 220px;
}
#overview p, #press p, #press h3 {
	margin-right: 0px;
}
#benefits p, #benefits h3, #relevance p, #relevance h3 {
	margin-left: 40px;
}
#overview form {
	display: none;
}
.noPrint {
	display: none;
}
.moz-spacer {
	height: 0px;
}
html>/**/body .moz-spacer {
	clear: left;
	height: 0px;
}
#relList li {
	display: block;
}
/* START rounded corner divs (c/o Webcredible...!) */
.t {
	background: url(../images/dot.gif) 0 0 repeat-x #83C500;
	color: #FFF;
}
html>/**/body .t {
	clear: left;
}
.b {
	background: url(../images/dot.gif) 0 100% repeat-x;
}
.l {
	background: url(../images/dot.gif) 0 0 repeat-y;
}
.r {
	background: url(../images/dot.gif) 100% 0 repeat-y;
}
.bl {
	background: url(../images/bl.gif) 0 100% no-repeat;
}
.br {
	background: url(../images/br.gif) 100% 100% no-repeat;
}
.tl {
	background: url(../images/tl-block.gif) 0 0 no-repeat;
}
.tr {
	background: url(../images/tr.gif) 100% 0 no-repeat; padding:10px;
}
/* END rounded corners */
.enviroImg {
	display: inline;
	margin-left: 0.15em;
	margin-right: 0.15em;
	margin-top: 0.75em;
	border: solid 2px #FFF;
}
.infoBlock {
	margin-left: 0.75em;
	margin-right: 0.75em;
	margin-bottom: 1em;
	background-color: #FFF;
	padding: 1em;
}
.infoBlock p {
	color: #507800;
	margin-left: 0px;
}
#noBG {
	display: none;
}
.evenActRow {
	background-color: #D9AE59;
	padding: 0.5em;
	margin-bottom: 0px;
}
.activityStatusRed {
	padding: 0.25em;
	background-color: #990000;
	margin-top: 0px;
}
.activityStatusGreen {
	padding: 0.25em;
	background-color: #4D7300;
	margin-top: 0px;
}
.activityStatusRed a, .activityStatusGreen a {
	color: #FFF;
}
.activityStatusRed li, .activityStatusGreen li {
	color: #FFF;
	font-weight: normal;
}
.activityStatusBrown {
	padding: 0.25em;
	background-color: #785000;
	margin-top: 0px;
}
.activityStatusBrown a {
	color: #FFF;
}
.contactCol {
	width: 6em;
	float: left;
	text-align: right;
	margin-right: 1em;
	display: block;
	font-weight: bold;
	color: #FFF;
}
.pressCol {
	width: 4em;
	float: left;
	text-align: right;
	margin-right: 1em;
	display: block;
	font-weight: bold;
}
.terms {
	margin-left: 1.5em;
	font-size: 0.9em;
}
#tourHolder {
	clear: left;
	color: #507800;
}	
#tourContent img {
	border: solid 2px #507800;
	padding: 5px;
}
#tourHolder #tourNav {
	display: none;
}
#footer {
	display: none;
}
.copyright {
	font-size: 0.75em;
	font-weight: bold;
	text-align: center;
	color: #785000;
}