@charset "utf-8";
/* CSS Document */

/*Div elements*/
#outer_container {
	width:95%;
	padding:0;
	margin:0;
	padding-bottom:25px;
}
.screen_reader {
	display:none;
}
.print {
	display:block;
}
.top_banner_box {
	display:none;
}

.top_banner {
	display:none;
}
#content {
	min-height:505px;
	_height:505px;
}
#breadcrumbs {
	display:none;
}
#content .img {
	margin:15px;
}
#content div.column div img {
	margin:0;
}
#content div.column div img.img {
	margin:10px;
	padding:10px;
}
#content div.column img.img, #content div.column img {
	margin-bottom:10px;
}
.characterBox {
	width:180px;
	float:left;
	padding:15px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
}
.characterBox img {
	text-align:center;
}
.bubble {
	background-image:url(/extra/kids/images/bubble.png);
	background-repeat:no-repeat;
	height:150px;
	padding-top:15px;
	padding-left:110px;
	padding-right:60px;
	margin-left:200px;
	font-size:130%;
	width:25em;
}
.column, .columnNormal {
	padding: 0;
	width:47%;
	float:left;
	margin:10px;
}
.fullwidth {
	padding: 0;
	margin:0;
}
.fullwidth_coloured {
	background-color:#eeeeee;
	padding: 10px 0px 10px 10px;
	margin-left:0.5em;
}
#bottom_links {
	display:none;
}

#navigation {
	display:none;
}

.tableBorder {
	border:#000 solid medium;
	padding:5px;
}
img {
	border:0;
}
table th {
	background-color:#060;
	color:#FFF;
	vertical-align:top;
	text-align:left;
}
.padding {
	padding:10px;
	margin:10px;
}
/*General styles*/
body {
	font-family: Verdana, "Comic Sans MS", Georgia, Arial;
	font-size:0.95em;
	margin:5px;
	padding:10px;
	text-align:justify;
}
h1, h2, h3, h4 {
	font-family:"Comic Sans MS", cursive;
	padding:5px;
	margin:0;
	margin-bottom:15px;
	padding-left:25px;
}
h1 {
	font-size:1.4em;
	font-family:"Comic Sans MS", cursive;
}
h2 {
	font-size:1.4em;
	padding-top:10px;
	margin-bottom:3px;
	text-align:right;
	padding-right:40px;
}
h2.alignLeft {text-align:left;}
h3 {
	font-size:1.1em;
	padding-top:0.5em;
}
h4 {
	font-size:0.9em;
	margin-bottom:5px;
}
hr {
	padding-left:5px;
	padding-right:5px;
	color:#666666;
}
p {
	padding-top:3px;
	padding-bottom: 5px;
	margin:0;
	line-height:150%;
}
#content ul {
	padding-top:2px;
	padding-bottom: 2px;
	margin-top:2px;
	margin-bottom:2px;
}
ul li {
	list-style-type:square;
	line-height:140%;
}
a:link {
	color:#2b2480;
	padding:0px;
	margin:0px;
	text-decoration:underline;
}
a:hover {
	color:#2b2480;
	text-decoration:underline;
}
a:visited {
	color:#2b2480;
	text-decoration:underline;
}
.button {
	color:#FFFFFF;
	background-color:#000;
	border-color:#CCCCCC #000033 #000033 #CCCCCC;
	border-style:solid;
	border-width:2px;
	font-weight: bold;
	padding: 2px;
}
.button:hover {
	color:#000
}
a.menus:link {
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}
a.menus:hover {
	color:#FFFF00;
	text-decoration:underline;
}
a.menus:visited {
	color:#ffffff;
	text-decoration:none;
}
sub {
	line-height:0;
}
sup {
	line-height:0;
}
.clear {
	clear:both;
	padding:0;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
}
p.clear {
	margin:0;
	padding:0;
	line-height:0;
}
.break {
	clear:both;
	padding:0;
	margin:0;
	margin-bottom:5px;
}
.caption {
	font-style:italic;
	font-size:90%;
	color:#0000FF;
	margin:10px;
	padding:5px;
	text-align:center;
}
#content p.smallText {
	font-size:80%;
	text-align:center;
	margin:0;
	padding:0;
	padding-bottom:4px;
}
#content p.smallText img {
	margin:0;
	padding:0;
}
.highlight {
	margin:25px;
	padding:20px;
}
map area:hover {cursor:pointer;}
/* home styles */

.home {
	background-color:#99F;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.home h1, .home h2, .home h3, .home h4, .home #breadcrumbs, .home #footer {
	background-color:#9933CC;
	color:#FF0;
}
.home h3 a:link {
	color:#FF0;
}
.home .clear {
	border-bottom:#9933CC solid 15px;
}
/* what_is styles */

.what_is {
	background-color:#FF9;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.what_is h1, .what_is h2, .what_is h3, .what_is h4, .what_is #breadcrumbs, .what_is #footer {
	background-color:#EDD634;
	color:#063;
}
.what_is .clear {
	border-bottom:#EDD634 solid 15px;
}
.what_is .highlight {
	background-color:#693;
	color:#f93;
}
/* maps styles */

.maps {
	background-color:#F9F;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.maps h1, .maps h2, .maps h3, .maps h4, .maps #breadcrumbs, .maps #footer {
	background-color:#F0C;
	color:#006;
}
.maps .clear {
	border-bottom:#F0C solid 15px;
}
.maps .highlight {
	background-color:#FFF;
	color:#000;
}
/* rocks styles */

.rocks {
	background-color:#9CF;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.rocks h1, .rocks h2, .rocks h3, .rocks h4, .rocks #breadcrumbs, .rocks #footer {
	background-color:#33C;
	color:#ccc;
}
.rocks .clear {
	border-bottom:#33C solid 15px;
}
.rocks .highlight {
	background-color:#090;
	color:#000;
}
#tiles, #tap, #wall, #cement, #road, #water, #phone, #window, #pottery, #salt, #can, #car, #electricity, #paint, #cutlery {
	display:block;
	background-color:#FFF;
}
/* fossils styles */

.fossils {
	background-color:#ccc0d9;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.fossils h1, .fossils h2, .fossils h3, .fossils h4, .fossils #breadcrumbs, .fossils #footer {
	background-color:#8064a2;
	color:#eee;
}
.fossils .clear {
	border-bottom:#8064a2 solid 15px;
}
.fossils .highlight {
	background-color:#090;
	color:#000;
}
/* earthquakes styles */

.earthquakes {
	background-color:#FFC;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.earthquakes h1, .earthquakes h2, .earthquakes h3, .earthquakes h4, .earthquakes #breadcrumbs, .earthquakes #footer {
	background-color:#600;
	color:#FF9;
}
.earthquakes .clear {
	border-bottom:#600 solid 15px;
}
.earthquakes .highlight {
	background-color:#FFF;
	color:#000;
}
/* volcanoes styles */

.volcanoes {
	background-color:#e5b8b7;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.volcanoes h1, .volcanoes h2, .volcanoes h3, .volcanoes h4, .volcanoes #breadcrumbs, .volcanoes #footer {
	background-color:#cc0000;
	color:#FC0;
}
.volcanoes .clear {
	border-bottom:#cc0000 solid 15px;
}
.volcanoes .highlight {
	background-color:#cc0000;
	color:#fff;
}
/* geology styles */

.geology {
	background-color:#daeef3;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.geology h1, .geology h2, .geology h3, .geology h4, .geology #breadcrumbs, .geology #footer {
	background-color:#31849b;
	color:#FF0;
}
.geology .clear {
	border-bottom:#31849b solid 15px;
}
.geology .highlight {
	background-color:#14ad6e;
	color:#fff;
}
/* energy styles */

.energy {
	background-color:#FF9;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.energy h1, .energy h2, .energy h3, .energy h4, .energy #breadcrumbs, .energy #footer {
	background-color:#000;
	color:#FF0;
}
.energy .clear {
	border-bottom:#000 solid 15px;
}
.energy .highlight {
	background-color:#F93;
	color:#000;
}
/* water styles */

.water {
	background-color:#CFF;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.water h1, .water h2, .water h3, .water h4, .water #breadcrumbs, .water #footer {
	background-color:#6F9;
	color:#006;
}
.water .clear {
	border-bottom:#6F9 solid 15px;
}
.water .highlight {
	background-color:#6FF;
	color:#000;
}
/* getInvolved styles */

.getInvolved {
	background-color:#ccff99;
	padding:0;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.5em;
	clear:both;
	margin-bottom:10px;
}
.getInvolved h1, .getInvolved h2, .getInvolved #breadcrumbs, .getInvolved #footer {
	color:#FF9;
	background-color:#060;
}
.getInvolved h3, .getInvolved h4 {
	color:#060;
	background:none;
}
.getInvolved .clear {
	border-bottom:#060 solid 15px;
}
.getInvolved .highlight {
	background-color:#6FF;
	color:#000;
}
#footer {
	display:none;
}
#content div.smallImage {
	float:left;
	margin:0;
	padding:10px;
}
#content div.smallImage img {
	margin:0;
	padding:0;
}
.competitions {
	background-image:url(images/competitions.png);
	background-repeat:no-repeat;
	background-position:center;
	width:20em;
	height:10em;
	text-align:center;
	padding-top:5em;
	margin-left:auto;
	margin-right:auto;
	padding-left:18em;
	padding-right:18em;
"
}