/*-----------------------------------------------------------------------
//
//	Its Our Planet
//
//	by dpi21 - http://www.dpi21.com
//
//  Copyright 2009 dpi21. This code cannot be redistributed without
//  permission from http://www.dpi21.com
//
---------------------------------------------------------------------
//	Global Styles
// --------------------------------------------------------------------*/

* {
	margin: 0 ;
	padding: 0;
	border: 0;
}

body {
	font: 12px Helvetica, Verdana, Arial, Sans-Serif;
	color: #333333;
	line-height: 15px;
	background: url(../images/body.jpg) no-repeat top center #48331E;
}

#wrapper {
	width: 900px;
	margin: 20px auto;
}

a {
	color: #333333;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* @group Masthead */

#masthead, #masthead p {
	float: left;
}

#masthead img {
	float: right;
	width: 565px;
	height: 190px;
}

#masthead {
	width: 840px;
	height: 190px;
	background: url(../images/top/background.png) top no-repeat;
	padding: 5px;
}

#masthead p {
	width: 210px;
	height: 100px;
	background: url(../images/top/top-tip.png) top left no-repeat;
	padding: 60px 30px 30px 30px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 19px;
}

/* @end */

/* @group Main Menu */

#menu {
	float: left;
	width: 850px;
	border-bottom: 5px solid #8CB634;
	height: 59px;
}

#menu ul, #menu li {
	float: left;
}

#logo {
	float: right;
	width: 450px;
}

#menu ul {
	padding: 33px 0px 0px 0px;
	width: 400px;
}

#menu li {
	display: block;
	margin-right: 2px;
	height: 24px;
}

/* @end */

/* @group Home */

#main-workshop {
	float: left;
	width: 250px;
	height: 170px;
	padding: 15px 20px 15px 150px;
	margin: 10px 10px 0px 0px;
	background: url(../images/quick-links/cool-climate-workshop.png) left top no-repeat;
	color: #FFFFFF;
	}

#main-workshop p, #competition p {
	padding: 5px 0px;
	line-height: 15px;
	font-size: 13px;
}

#competition {
	float: right;
	width: 255px;
	height: 170px;
	padding: 15px 200px 15px 15px;
	margin-top: 7px;
	background: url(../images/quick-links/cool-to-be-green.png) left top no-repeat;
}
#competition .heading {
	font-size: 18px;
	color: #7BA630;
}

/* @end */

#content {
	float: left;
	width: 840px;
	background-color: #FFFFFF;
	padding: 10px 5px 0px 5px;
}

#contentError {
	float: left;
	width: 840px;
	background-color: #FFFFFF;
	padding: 10px 5px 0px 5px;
	height: 450px;
}

#sub-content {
	float: left;
	width: 695px;
	margin-left: 10px;
	padding: 5px 5px 0px 5px;
	background-color: #FFFFFF;
}

#round-corner {
	float: left;
	width: 850px;
	height: 7px;
	background: url(../images/bottom.png) left top no-repeat;
}

#round-corner2 {
	float: left;
	width: 850px;
	height: 5px;
	background: url(../images/bottom2.png) right top no-repeat;
}

#text-style-1, #text-style-2, #text-style-3, #text-style-4 {
	float: left;
	padding: 10px;
}

#text-style-1 {
	width: 540px;
	padding: 10px;
}

#text-style-2 {
	width: 395px;
	height: 320px;
}

html>body #text-style-2  {
	height: auto;
	min-height: 320px;
}

#text-style-3 {
	width: 675px;
}

#text-style-4 {
	width: 820px;
	height: 450px;
}

html>body #text-style-4  {
	height: auto;
	min-height: 450px;
}

#text-style-4 ul {
	padding: 5px 0px 5px 10px;
}

#text-style-4 li {
	list-style-type: none;
}

#image-style-1 {
	float: right;
	width: 260px;
	padding-right: 5px;
}

#text-style-1 p, #text-style-2 p, #text-style-3 p, #text-style-4 p, #image-style-1 p, #contact-text p, #enquiry-form p, #text-style-2 ul {
	padding: 5px 0px;
	line-height: 16px;
}

#top-image {
	float: left;
	width: 830px;
}

#top-image {
	margin-bottom: 10px;
}

#back {
	border-top: 1px dashed #CCCCCC;
	margin-top: 10px;
}

#back  a {
	color: #163B65;
	padding-left: 10px;
	background: url(../images/arrows/news.jpg) left no-repeat;
	text-decoration: none;
	font-weight: bold;
}

#back a:hover {
	text-decoration: underline;
}

/* @group Teachers Section */

/* Workshops */

.workshops li {
	background: url(../images/arrows/grey.jpg) left no-repeat;
}

.workshops li a {
	text-decoration: none;
}

.workshops li a:hover {
	text-decoration: underline;
}

#key-stage-1, #key-stage-2, #key-stage-3 {
	float: left;
	padding: 40px 10px 10px 10px;
	width: 250px;
	height: 110px;
	margin-left: 5px;
}

#key-stage-1 {
	background: url(../images/teachers/workshops/key-stage-1.jpg) left top no-repeat;
	margin-top: 5px;
}

.workshops li, #key-stage-1 li, #key-stage-2 li, #key-stage-3 li {
	padding-left: 10px;
	list-style-type: none;
	font-weight: bold;
}

#key-stage-1 li {
	background: url(../images/arrows/key-stage-1.jpg) left no-repeat;
}

#key-stage-2 li {
	background: url(../images/arrows/key-stage-2.jpg) left no-repeat;
}

#key-stage-3 li {
	background: url(../images/arrows/key-stage-3.jpg) left no-repeat;
}

#key-stage-1 li a, #key-stage-3 li a {
	color: #FFFFFF;
	text-decoration: none;
}

#key-stage-1 li a:hover, #key-stage-3 li a:hover {
	text-decoration:underline;
}

#key-stage-2 li a {
	color: #333333;
	text-decoration: none;
}

#key-stage-2 li a:hover {
	text-decoration: underline;
}

#key-stage-2 {
	background: url(../images/teachers/workshops/key-stage-2.jpg) left top no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}

#key-stage-3 {
	background: url(../images/teachers/workshops/key-stage-3.jpg) left top no-repeat;
	margin-bottom: 5px;
}

/* Projects */

.project, .project .image, .project .text {
	float: left;
}

.project {
	padding: 10px 0px;
	border-bottom: 1px dashed #CCCCCC;
	width: 675px;
}

.project .image {
	width: 200px;
}

.project .text {
	width: 465px;
	padding-left: 10px;
}

.project .heading {
	font-size: 16px;
	color: #163B65;
	font-weight: bold;
}

.project .text a {
	padding-left: 7px;
	background: url(../images/arrows/blue-arrow.jpg) left no-repeat;
	font-weight: bold;
	color: #163B65;
	text-decoration: none;
}

.project .text a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Sub Nav */

#sub-nav, #sub-nav li {
	float: left;
}

#sub-nav {
	width: 135px;
}

#sub-nav ul {
	float: left;
	padding: 10px 5px 0px 5px;
	background-color: #EBF7FE;
	line-height: 18px;
}

#sub-nav li {
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	width: 115px;
}

#sub-nav a {
	color: #7BA630;
	text-decoration: none;
}

#sub-nav a:hover {
	color: #163B65;
}

.link {
	border-top: 1px dashed #666666;
	padding-top: 7px;
	padding-bottom: 2px;
	margin-top: 5px;
}

#sub-nav-corners {
	clear: left;
	width: 135px;
	background: url(../images/sub-nav.png);
	height: 10px;
}

/* @end */


/* @group Kids Section */

/* Home */

#top-tips, #games {
	float: right;
	width: 250px;
}

#top-tips {
	background: url(../images/kids/home/top-tips-bg.jpg) left top no-repeat;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-size: 13px;
	height: 367px;
	padding: 5px 10px 10px 10px;
}

#top-tips p {
	padding: 10px 0px;
	line-height: 16px;
}

#top-tips a {
	color: #FFFFFF;
	text-decoration: none;
}

#top-tips a:hover {
	text-decoration: underline;
}

#ask-the-expert {
	float: left;
	width: 240px;
	background: url(../images/kids/home/ask-the-expert-bg.jpg) left top no-repeat;
	padding: 60px 170px 10px 10px;
	height: 143px;
	font-size: 13px;
	color: #FFFFFF;
}

#ask-the-expert img, #ask-the-expert p, #games img {
	padding: 5px 0px;
}

#games {
	background: url(../images/kids/home/games-bg.jpg) left top no-repeat;
	height: 145px;
	padding: 10px;
	font-size: 13px;
}

#games p {
	padding: 5px 100px 5px 0px;
	color: #FFFFFF;
}

/* Find out more */
#primary, #secondary, #ideas-factory, #ideas-factory ul {
	float: left;
}

#primary, #secondary {
	width: 325px;
}

#primary {
	padding: 0px 10px 10px 0px;
	border-right: 1px dashed #CCCCCC;
}

#secondary {
	padding: 0px 0px 10px 10px;
}

#primary strong, #secondary strong {
	font-size: 14px;
	color: #163B65;
}

#primary a, #secondary a {
	color: #163B65;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding-left: 7px;
	background: url(../images/arrows/blue-arrow.jpg) left no-repeat;
}

#primary a:hover, #secondary a:hover {
	text-decoration: underline;
}

#ideas-factory {
	padding: 10px;
	width: 675px;
	background: url(../images/kids/find-out-more/ideas-factory-bg.jpg) top left no-repeat;
	height: 150px;
}

#ideas-factory ul, #ideas-factory p {
	padding: 5px 0px;
	line-height: 16px;
	color: #FFFFFF;
}

#ideas-factory ul {
	width: 100px;
}

#ideas-factory li {
	padding-left: 10px;
	background: url(../images/arrows/white-green.jpg) left no-repeat;
	list-style-type: none;
}

#ideas-factory a {
	color: #FFFFFF;
	text-decoration: none;
}

#ideas-factory a:hover{
	text-decoration: underline;
}

/* Games */

.game, .game-image, .game-text {
	float: left;
}

.game {
	width: 675px;
	padding: 5px 0px;
}

.game-image {
	width: 140px;
}

.game-text {
	padding-left: 10px;
	width: 500px;
}

.game .heading {
	color: #7BA630;
	font-size: 15px;
}

.game a {
	padding: 10px 0px 10px 25px;
	background: url(../images/arrows/game.jpg) left no-repeat;
	color: #163B65;
	text-decoration: none;
	font-weight: bold;
}

.game a:hover {
	text-decoration: underline;
}

/* Ask The Expert */

#ask-the-expert-form {
	padding: 10px;
	width: 680px;
	float: left;
	background: url(../images/kids/forms/ask-the-expert-bg.jpg) left top no-repeat;
	height: 560px;
}

form#zcrf2785290e7da5b1f1591fafb437e1c96, form#zcr9e81c31cbf1cf5dba831d7fc100b2756, form#zcr2c7b5cbb5fbda9cd23ff3c1089a0daf3 {
	padding-top: 15px;
}

form#zcre31d57d08ab986a888cafb22ad22cec2 input.zemSubmit {
	background-color: #C2D82F;
	color: #FFFFFF;
	padding: 3px 5px;
	font-weight: bold;
}

#zcrf2785290e7da5b1f1591fafb437e1c96.zemThanks, #zcr9e81c31cbf1cf5dba831d7fc100b2756.zemThanks, #zcr2c7b5cbb5fbda9cd23ff3c1089a0daf3.zemThanks {
	padding-top: 20px;
	font-weight: bold;
	color: #ffffff;
	font-size: 18px;
}

#ask-the-expert-form legend {
	padding-bottom: 10px;
}

#ask-the-expert-form p {
	padding: 5px 0px;
	color: #FFFFFF;
}

#ask-the-expert-form #name, #ask-the-expert-form #school, #ask-the-expert-form #email, #ask-the-expert-form #hear {
	padding: 2px 3px;
	width: 280px;
	height: 15px;
	color: #7BA630;
	margin-top: 2px;
}

#ask-the-expert-form #askTheExpert {
	padding: 2px 3px;
	width: 280px;
	height: 200px;
	color: #7BA630;
	margin-top: 2px;
	font: 12px Helvetica, Verdana, Arial, Sans-Serif;
}

/* Top Tips */

#top-tips-form {
	padding: 10px;
	width: 680px;
	float: left;
	background: url(../images/kids/forms/top-tips-bg.jpg) left top no-repeat;
	height: 560px;
}

#top-tips-form legend {
	padding-bottom: 10px;
}

#top-tips-form p {
	padding: 5px 0px;
	color: #FFFFFF;
}

#top-tips-form #name, #top-tips-form #school, #top-tips-form #email, #top-tips-form #hear {
	padding: 2px 3px;
	width: 280px;
	height: 15px;
	color: #0089D0;
	margin-top: 2px;
}

#top-tips-form #topTip {
	padding: 2px 3px;
	width: 280px;
	height: 200px;
	color: #0089D0;
	margin-top: 2px;
	font: 12px Helvetica, Verdana, Arial, Sans-Serif;
}

#top-tips-form #send, form#zcr9e81c31cbf1cf5dba831d7fc100b2756 input.zemSubmit {
	background-color: #00B6EF;
	color: #FFFFFF;
	padding: 3px 5px;
	font-weight: bold;
}

/* @end */

/* @group Latest News */

#latest-news-story, .news-story, #latest-news-story .text, .news-story .image, .news-story .text {
	float: left;
}

#latest-news-story .image {
	float: right;
}

#latest-news-story {
	width: 820px;
	height: 172px;
	background: url(../images/news/background.jpg) left top no-repeat;
	padding: 10px;
	margin: 5px 0px;
	color: #FFFFFF;
}

#latest-news-story .text {
	width: 540px;
	padding: 5px 10px 5px 5px;
}

#latest-news-story .text img {
	padding-bottom: 10px;
}

#latest-news-story .heading {
	font-size: 17px;
	font-weight: bold;
}

#latest-news-story p, .news-story p {
	padding: 5px 0px;
	line-height: 16px;
}

#latest-news-story .image {
	width: 250px;
}

#latest-news-story a {
	color: #FFFFFF;
	padding-left: 10px;
	background: url(../images/arrows/latest-news.jpg) no-repeat left;
	text-decoration: none;
}

#latest-news-story a:hover {
	text-decoration: underline;
}

#latest-news-story .text a:hover {
	text-decoration: underline;
}

.news-story {
	width: 840px;
	padding: 5px 0px;
	border-top: 1px dashed #CCCCCC;
}

.news-story .text {
	width: 550px;
	padding: 10px;
}

.news-story  a {
	color: #163B65;
	padding-left: 10px;
	background: url(../images/arrows/news.jpg) left no-repeat;
	text-decoration: none;
}

.news-story a:hover {
	text-decoration: underline;
}

.news-story .heading {
	color: #7BA630;
	font-size: 17px;
	font-weight: bold;
}

.news-story .image {
	width: 250px;
	padding: 0px 5px;
}

/* @end */

/* @group Contact */

#contact-text {
	float: left;
	width: 530px;
	padding: 0px 10px;
}

#google-map {
	float: right;
	width: 260px;
	border: 1px solid #CCCCCC;
	padding: 4px;
	margin: 5px;
}

#google-map p {
	font-size: 11px;
	padding-top: 5px;
}

#google-map p a {
	color: #666666;
}

#google-map p a:hover {
	color: #7BA630;
}

#enquiry-form, #enquiry-form #col1, #enquiry-form #col2 {
	float: left;
}

#enquiry-form {
	width: 820px;
	padding: 10px;
	background: url(../images/contact/background.jpg) left top no-repeat;
	height: 284px;
	margin: 10px 0px 0px 0px;
	color: #FFFFFF;
}

#enquiry-form legend {
	padding: 10px 0px;
}

#enquiry-form #col1 {
	width: 260px;
}

#name, #telephone, #email, #hear {
	padding: 2px 3px;
	width: 240px;
	height: 15px;
	color: #7BA630;
	margin-top: 2px;
}

#furtherInfo {
	padding: 2px 3px;
	width: 540px;
	height: 130px;
	color: #7BA630;
	margin-top: 2px;
	font: 12px Helvetica, Verdana, Arial, Sans-Serif;
}

#enquiry-form #send, #ask-the-expert-form #send, #zcrf2785290e7da5b1f1591fafb437e1c96 input.zemSubmit, #zcr2c7b5cbb5fbda9cd23ff3c1089a0daf3 input.zemSubmit {
	background-color: #C2D82F;
	color: #FFFFFF;
	padding: 3px 5px;
	font-weight: bold;
}

/* @end */

/* @group Quick Links */

#quick-links-container, #about-us-link, #kids-link, #latest-news-link, #useful-resources-link, #competition-showcase-link, #general-information-link {
	float: left;
}

#quick-links-container {
	width: 850px;
	margin-top: 10px;
}

#quick-links-container p {
	padding: 5px 0px;
	line-height: 16px;
}


#latest-news-link, #useful-resources-link, #general-information-link {
	width: 245px;
	height: 110px;
	padding: 15px;
	color: #FFFFFF;
}

/* Home Quick Links */

#about-us-link {
	background: url(../images/quick-links/about-us.png) left top no-repeat;
	width: 120px;
	height: 110px;
	padding: 15px 140px 15px 15px;
	color: #FFFFFF;
	font-size: 11px;
}

#about-us-link a, #kids-link a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

#about-us-link a:hover, #kids-link a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

#kids-link {
	width: 160px;
	height: 110px;
	padding: 15px 100px 15px 15px;
	color: #FFFFFF;
	margin: 0px 12px;
	background: url(../images/quick-links/kids.png) left top no-repeat;
	font-size: 11px;
}

#latest-news-link {
	background: url(../images/quick-links/latest-new.png) no-repeat left top;
	font-size: 11px;
}

/* Kids Quick Links */

#competition-showcase-link {
	background: url(../images/quick-links/competition-showcase.png) no-repeat left top;
	width: 140px;
	height: 110px;
	padding: 15px 120px 15px 15px;
	margin: 0px 12px;
}

#useful-resources-link {
	background: url(../images/quick-links/useful-resources.png) no-repeat left top;
}

#general-information-link {
	background: url(../images/quick-links/general-information.png) no-repeat left top;
}

/* @end */

/* @group Footer */

#footer, #groundwork, #contact-details, #footer-links-kids, #footer-links-teachers, #footer-links-general {
	float: left;
}

#footer {
	width: 830px;
	padding: 10px;
	background: url(../images/footer/background.png) left top no-repeat;
	height: 115px;
	font-size: 11px;
	color: #C2B59B;
	margin: 10px 0px;
}

#footer a, #copyright a, #validation a {
	color: #C2B59B;
	text-decoration: none;
}

#footer a:hover, #copyright a:hover, #validation a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#groundwork {
	padding: 10px 15px;
}

#contact-details {
	width: 330px;
	padding: 10px;
	border-left: 1px dashed #C2B59B;
	height: 95px;
}

#footer-links-kids, #footer-links-teachers, #footer-links-general {
	padding: 10px;
	height: 95px;
	border-left: 1px dashed #C2B59B;
}

#footer-links-kids {
	width: 100px;
}

#footer-links-teachers {
	width: 120px;
}

#footer-links-general {
	width: 65px;
}

#contact-details p, #footer ul {
	padding-top: 10px;
	line-height: 15px;
}

#footer li {
	padding-left: 10px;
	display: block;
	background: url(../images/arrows/footer.jpg) left no-repeat;
}

#validation {
	float: left;
	font-size: 11px;
	width: 400px;
}

#validation li {
	float: left;
	display: block;
	padding: 0px 5px 0px 10px;
	background: url(../images/icons/tick.png) left no-repeat;
}

#copyright {
	color: #C2B59B;
	float: right;
	width: 400px;
	padding-right: 50px;
	text-align: right;
	font-size: 11px;
}
/* @end */

h1, h2, h3, h4 {
	padding: 5px 0px;
}

h1 {
	color: #7BA630;
	font-size: 20px;
}

h2 {
	font-weight: normal;
	font-size: 18px;
	color: #7BA630;
}

h3 {
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	color: #163B65;
}

h4 {
	font-size: 14px;
	color: #163B65;
}

.pdf a {
	padding: 2px 0px 2px 30px;
	background: url(../images/icons/pdf.jpg) left no-repeat;
	color: #163B65;
	text-decoration: none;
	font-weight: bold;
}

.pdf a:hover {
	text-decoration: underline;
}

.blue {
	color: #163B65;
}

.green {
	color: #7BA630;
}

.light-grey {
	color: #666666;
}

.size11 {
	font-size: 11px;
}

.size13 {
	font-size: 13px;
	color: #163B65;
}

.dotted-line {
	border-top: 1px dashed #FFFFFF;
}

.dotted-line-grey {
	border-top: 1px dashed #CCCCCC;
}


.clear {
	clear: both;
}

span.morelink a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

span.morelink a:hover {
	text-decoration: underline;
	color: #ffffff;
}

#twitter {
	margin-top: 15px;
}