@charset "utf-8";
/* CSS Document */

/*Div elements*/
#outer_container {
	width:58em;
	padding:0;
	margin:0;
	padding-bottom:25px;
}
.screen_reader {
	display:none;
}
.print {
	display:none;
}
/*color:#336699; padding-bottom:0.2em;}*/
.top_banner_box {
	width: 58em;
	background-color:#336699;
	position:relative;
	min-height:1em;
}
a:link.top_banner {
	background-color:#336699;
	color:#336699;
	font-size: 0.8em;
}
a:visited.top_banner {
	background-color:#336699;
	color:#336699;
	font-size: 0.8em;
}
.top_banner {
	font-size: 1.6em;
	color:#FFFFFF;
	font-style:italic;
	padding:0;
	margin:0;
	background-color:#336699;
}
#content {
	min-height:505px;
	_height:505px;
}
#breadcrumbs {
	padding:5px;
	color:#FFF;
}
.languages {
	float:right;
}
#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:125%;
	width:26em;
}
.littleBubble {background-image:url(/extra/kids/images/littleBubble.png); float:left;
	background-repeat:no-repeat;
	height:100px;
	width:150px;
	padding-left:35px;
	padding-top:15px;
	padding-right:15px;}
.littleIcon {float:left; width:40px; height:50px; margin:10px; margin-right:0;}
.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 {
	clear:both;
}
#bottom_links dd {
	background-color:#336699;
	width:7.165em;
	float:left;
	padding:0;
	padding-top:0.5em;
	margin:0;
	margin-left:1px;
	height:2em;
	text-align:center;
}
#navigation {
	padding:0;
	margin:0;
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.kidsMenuItem {
	margin:0;
	padding:0;
	float:left;
	font-size:0.62em;
	width:9.3em;
	text-align:center;
	font-weight:normal;
	margin-bottom:5px;
}
.kidsMenuItem a:link, .kidsMenuItem a:visited {
	color:#000;
	text-decoration:none;
}
.kidsMenuItem a:hover {
	color:#000;
	text-decoration:underline;
}
.tableBorder {
	border:#000 solid medium;
	padding:5px;
}
img, a 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:none;
	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;
}
/* lightboxKeys */
#rockCycleText, #faultMapText, #shockwaveDiagramText, #timelineSpiralText, #continentalPlatesText, #extrusiveIgneousRocksText {
	display:none;
}
#footer {
	height:60px;
	clear:both;
	margin-top:25px;
	padding-bottom:20px;
	padding-top:0;
}
#footer a:link, #footer a:visited {
	color:#FFF;
}
/*rounded corners (using jQuery) */
/* Green is what_is page */
/*blue is maps page */
/*fauwn is fossils page*/

div.blackGreen, div.blackWhite, div.blackWhite100, div.greenWhite, div.blueWhite, div.blackBlue, div.blackBlue100, div.blackFauwn, div.blackFauwn100, div.fauwnWhite, div.redWhiteLeft, div.redWhiteRight, div.whiteFauwn, div.fauwnWhite50, div.blackAqua, div.blackAqua100, div.aquaWhite, div.blackOrange, div.orangeWhite, div.orangeWhite100, div.blackYellow, div.blackYellow100, div.blackNavy, div.navyWhite, div.greySky, div.greyBlue, div.blackOrange100 {
	margin: 0;
	padding: 10px;
	border:0;
	padding-bottom:20px;
}
#kitchen img {
	z-index:-1;
}
#kitchen #tiles, #kitchen #tap, #kitchen #wall, #kitchen #cement, #kitchen #road, #kitchen #water, #kitchen #phone, #kitchen #window, #kitchen #pottery, #kitchen #salt, #kitchen #can, #kitchen #car, #kitchen #electricity, #kitchen #paint, #kitchen #cutlery {
	margin:10px;
	padding:10px;
	margin-top:495px;
	min-height:100px;
	border:0;
	position:absolute;
	left:30px;
	width:250px;
	z-index:100;
}
div.fauwnWhiteFossils {
	margin: 0;
	padding: 10px;
	border:0;
	width:8.5em;
}
div.blackGreen {
	background:#693;
}
div.whiteFauwn {
	background:#c4bc96;
}
div.blackBlue, div.blackBlue100 {
	background:#69F;
}
div.blackFauwn, div.blackFauwn100 {
	background-color:#c4bc96;
}
div.blackAqua, div.blackAqua100 {
	background-color:#6CC;
}
div.blackOrange, div.blackOrange100 {
	background-color:#f79646;
}
div.blackYellow, div.blackYellow100 {
	background-color:#fdfd57;
}
div.blackNavy {
	background-color:#06C;
	color:#FFF;
}
div.greySky {
	background-color:#9CF;
}
div.greyBlue {
	background-color:#9FF;
}
div.blackGreen a, div.blackBlue a, div.blackBlue100 a, div.blackNavy a, div.what_is div.highlight a {
	color:#FF0;
}
div.blackWhite, div.blackWhite100, div.greenWhite, div.fauwnWhite, div.fauwnWhite50, div.fauwnWhiteFossils, div.blueWhite, div.aquaWhite, div.orangeWhite, div.orangeWhite100, div.redWhiteLeft, div.redWhiteRight, div.navyWhite {
	background:#fff;
}
div.outerBlackHidden {
	display:none;
}
div.outerBlack, div.outerBlack100, div.outerBlackHidden, div.outerGreen, div.outerBlue, div.outerWhite, div.outerWhite100, div.outerFauwn, div.outerBlue100, div.outerRedLeft, div.outerRedRight, div.outerAqua, div.outerOrange, div.outerOrange100, div.outerNavy, div.outerGrey {
	padding: 5px;
	margin:15px;
}
div.column div.outerBlack, div.column div.outerBlackHidden, div.column div.outerGreen, div.column div.outerBlue, div.column div.outerWhite, div.column div.outerFauwn, div.column div.outerRedLeft, div.column div.outerRedRight, div.column div.outerAqua, div.column div.outerOrange, div.column div.outerNavy, div.column div.outerGrey {
	width:95%;
	margin-top:0;
}
div.columnNormal div.outerBlack {
	margin-top:0;
}
div.column .highlight {
	width:83%;
	margin-top:0;
}
div.outerBlack, div.outerBlackHidden, div.outerGreen, div.outerBlue, div.outerFauwn, div.outerWhite, div.outerAqua, div.outerGrey, div.outerOrange {
	float:left;
}
div.outerRedLeft, div.outerRedRight {
	width:60%;
}
div.outerRedLeft {
	float:left;
}
div.outerRedRight {
	float:right;
	margin-right:0;
}
div.outerBlue100, div.outerBlack100, div.outerFauwn100 {
	clear:both;
}
div.outerBlack, div.outerBlack100, div.outerBlackHidden {
	background: #000;
}
div.outerGreen {
	background: #090;
}
div.outerRedLeft, div.outerRedRight {
	background:#900;
}
div.outerBlue, div.outerBlue100 {
	background:#69F;
}
div.outerFauwn, div.outerFauwn100, div.outerFauwnFossils {
	background:#c4bc96;
}
div.outerFauwnFossils {
	width:10em;
	margin:5px;
}
div.outerWhite, div.outerWhite100 {
	background:#fff;
}
div.outerAqua, div.outerAqua100 {
	background: #6CF;
}
div.outerOrange, div.outerOrange100 {
	background:#f79646;
}
div.outerNavy, div.outerNavy100 {
	background:#036;
}
div.outerGrey, div.outerGrey100 {
	background:#666;
}
#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;
"
}
