/*
Title:		Living and Learning with Water: default.css
Author: 	Dwr Cymru Welsh Water
Created:	October 2007
*/


/* SITE STANDARD ELEMENTS */
html {
	font-size: 100%; /* IE5/6 Fix */
}

body {
	font-size: 1em;
	margin: 0 0 0.312em 0px;
	padding: 0;
	background-color: #4B6873;
	text-align: center;
	margin-bottom: 0px;
}

p, h1, h2, h3, h4, h5, h6, ul, li, a {  /* NETSCAPE FIX */
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

h1 {
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 0.625em 0;
}
h2 {
	font-size: 0.75em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
	padding: 1.25em 0 0 0;
}
h3 {
	font-size: 0.70em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}
h4 {
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
p {
	font-size: 0.7em;
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 0.625em 0;
}
ul#resource {
	font-size: 0.7em;
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 0;
}
#resource li {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#resource a {
	color: #06F;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#resource a:hover {
	color: #F00;
	text-decoration: none;
}

#container {
	border-top: 0.312em solid #000;
	background: #FFF;
	margin-right: auto;
	margin-left: auto;
	padding: 0 0.312em 0.312em 0.312em;
	text-align:left;
	width: 750px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 740px;
}
a:link, a:visited, a:active {
	color: #009EE0;
	text-decoration: none;
}
a:hover {
	background: 009EE0;
	color: #F00;
	text-decoration: none;
}
/* ---------------------------------------------------------------------------- */



/* HEADER CONTAINER ----------------------------------------------------------- */
#header {
	background: #FFF;
	border: 0;
	margin: 0;
	padding: 0;
	height: auto;
}

/* CRUMBTRAIL */
#crumbtrail {
	margin: 0;
	padding: 0;
	width: 740px;
	height: auto;
}
#crumbtrail p {
	font-size: 0.6em;
	color: #039;
	margin: 0;
	padding: 0.3em 0 0.3em 0.3em;
	text-align: left;
}
#crumbtrail a {
	color: #039;
	text-decoration: none;
}
#crumbtrail a:hover {
	color: #F00;
	text-decoration: underline;
}

/* MASTHEAD */
#masthead {
	background-color: #8DC02F;
	border: 0;
	margin: 0;
	padding: 0;
	height: 60px;
	width: 740px;
}

/* Language button */	
div#language {
	/* display: none; Temporary setting */
	border: 0;
	float: left;
	height: auto;
	width: auto;
	margin: 0.625em 0 0 0.625em;
	padding: 0;
	text-align: left;
}
#language a {
	float: left;
	display: block;
	background: url(/_images/wlb_bg.jpg) repeat-x;
	color: #FFF;
	font-size: 0.65em;
	font-weight: bold;
	margin: 0;
	padding: 0.3em 0.4em 0.4em 0.4em;
	text-decoration: none;
	border: 0;
	}
#language a:hover {
	background: #C7D725;
	color: #000;
}

/* Logo area */
div#logo {
	border: 0;
	margin: 0;
	padding: 0;
	height: 60px;
	float: right;
}
#logo img{
	border: 0;
	margin: 0;
	padding: 0;
}

/* Masthead Flash Player Area */
#flasharea {
	background: transparent url(/_images/flash_bg.gif) no-repeat;
	border: 0;
	margin: 0;
	padding: 0;
	height: 190px;
	width: 740px;
}
/* Masthead Image Area */
#imagearea {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	height: 190px;
	width: 740px;
}
/* ---------------------------------------------------------------------------- */

/* TEXT AREAS ----------------------------------------------------------------- */
table#content {
	background: #FFF;
	border: 0;
	margin: 2.5em 0 0.625em 0;
	padding: 0;
	width: 740px;
}
td#menu {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 250px;
}
td#txt {
	margin: 0;
	padding: 0 0 1.25em 0;
	text-align: left;
	vertical-align: top;
	width: 490px;
}
#txt h1, txt h2, #txt p {
	padding-right: 3.125em;
}

#partners #txt h1, #partners #txt h2, #partners #txt p { /* Wide column layout */
	padding-right: 2.875em;
}


/* Download boxes */
#box {
	border: 0;
	margin: 0.625em 0.937em 0 0;
	padding: 0;
	float: left;
	width: 155px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;
}
#box p {
	margin: 0;
	padding: 0 0 0.625em 0;
	line-height: 1.1em;
}
#boxwrap {
	margin: 0.375em 3.125em 0.937em 0;
	clear: both;
	border-bottom: dotted 1px;
}


/* Request Box - WaterWorld Explorers & Think Water */
#request {
	border: 0;
	margin: 0.625em 0 1.25em 0;
	padding: 0;
	width: 440px;
}
#request_ends {
	border: 0;
	margin: 0;
	padding: 0;
}
div#request_txt {
	height: auto;
	background: #ECEDE3 url(/_images/request_bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}
#request_txt h4, #request_txt a {
	color: #000;
	margin: 0;
	padding: 0.312em 0 0.312em 0;
	text-align: center;
}
div#request_txt a:hover {
	color: #009EE0;
}

/* class font styles */
.txtbd {
	font-weight: bold;
}
.itl {
	color:#666;
	font-style: italic;
}
.grey {
	color: #999;
}
.blue {
	color: #036;
}
/* ---------------------------------------------------------------------------- */

/* NEWS AREA ------------------------------------------------------------------ */
div#newsarea {
	background: url(/_images/news_bg.jpg) repeat-y;
	border: 0;
	margin: 0;
	padding: 0.312em 0 0.312em 0;
	width: 740px;
}
#newsarea h3, #newsarea p {
	padding: 0 0.312em 0 0.5em;
}
#newsarea p {
	line-height: 1.3em;
	margin-bottom: 0.312em;
}
#newsarea a {
	background: none;
	margin: 0;
	padding: 0;
	color: #039;
	text-decoration: underline;
}
#newsarea a:hover {
	color: #F00;
}

table#snippets {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	width: 742px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 740px;
}
#snippets img {
	float: right;
	border: 0;
	margin: 0 0 0 0.312em;
	padding: 0;
}
#newscols {
	border-right: 1px dotted #000;
	margin: 0;
	padding: 0.312em 0 0 0;
	text-align: top;
	vertical-align: top;
	width: 33.3%;
}
#newscol3 {
	margin: 0;
	padding: 0.312em 0 0 0;
	text-align: top;
	vertical-align: top;
	width: 33.3%;
}
/* ---------------------------------------------------------------------------- */

/* FOOTER --------------------------------------------------------------------- */
#footer {
	background: #000;
	border: 0;
	margin: 0;
	padding: 0;
	height: 1.562em;
	width: 740px;
}
#footer p {
	color: #FFF;
	font-size: 0.6em;
	margin: 0;
	padding: 0.75em 0.5em 0.3em 0.5em;
}

#smallprint {
	border: 0;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}
#smallprint a {
	color: #FFF;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: underline;
}
#smallprint a:hover {
	color: #FFF;
	text-decoration: none;
}

#copyright {
	border: 0;
	margin: 0;
	padding: 0;
	float: right;
}
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */



/* EDUCATION CENTRES ELEMENTS ------------------------------------------------- */

/* Map area */
#edcentres #maparea {
	border-left: 1px dotted #000;
	float: right;
	margin: 0.90em 1.875em 0 0.625em;
	padding: 0;
	width: 190px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 180px;
}
#edcentres #maparea h2 {
	margin: 0;
	padding: 0 0 0.312em 0.5em;
}

/* Eco Centres Area */
div#ecocentre {
	border: 0;
	margin: 2.187em 0 0.625em 0;
	padding: 0;
	width: 450px;
}
#ecocentre img {
	float: left;
	display:inline;
	border: 0;
	margin: 0;
	padding: 0;
}

div#ecocentreinfo {
	border: 0;
	margin: 0;
	padding: 0;
}
#ecocentreinfo h2 {
	margin: 0;
	padding: 0;
}
#ecocentreinfo p {
	padding: 0;
}

/* Centres Information */
div#centres {
	border: 0;
	margin: 1.25em 0 0.625em 0;
	padding: 0;
	width: 450px;
}
#centres img {
	float: left;
	display:inline;
	border: 0;
	margin: 0 0 1.25em 0;
	padding: 0;
}

div#centreinfo {
	border: 0;
	margin: 0 0 0 5.312em;
	padding: 0;
}
#centreinfo h2 {
	margin: 0;
	padding: 0;
}
#centreinfo p {
	padding: 0;
}

/* Centre Resources Links */
table#centreresources {
	border: 0;
	margin: 0.312em 0 0 0;
	padding: 0;
	width: 365px;
}
#centreresources td {
	vertical-align: top;
}
#centreresources ul {
	font-size: 0.7em;
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 0;
}
#centreresources li {
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#centreresources a {
	color: #009EE0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
#centreresources a:hover {
	color: #F00;
	text-decoration: none;
}
/* ----------------------------------------------------------------------------- */



/* EDUCATION PARTNERS ---------------------------------------------------------- */

/* Map area */
body#partners #maparea {
	border-left: 1px dotted #000;
	float: right;
	margin: 0 0.625em 2.5em 0.625em;
	padding: 0;
	width: 260px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px;
}
body#partners #maparea h2, body#partners #maparea img {
	margin: 0;
	padding: 0 0 0.625em 0.5em;
}
#partners #maparea img {
	margin-top: 1.25em;
	margin-bottom: 2.5em;
}
/* ---------------------------------------------------------------------------- */



/* LETS PLAY ELEMENTS --------------------------------------------------------- */
body#letsplay #txt h1, txt h2 {
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
}

#download {
	width: 460px;
	margin-bottom: 1.25em;
}
#download td{
	vertical-align:top;
	margin: 0;
	padding: 0;
}
#download p{
	vertical-align:top;
	margin: 0;
	padding: 0 0 0 0.44em;
}


/* Game & Video PopUps Generic Elements */
body#bridge, body#foodchain, body#lifecycles, body#riverflow, body#video {
	background: #FFF;	
	border: 0;
	margin: 0;
	padding: 0.625em;
	text-align: center;
}
#bridge_gamewrap, #foodchain_gamewrap, #lifecycles_gamewrap, #riverflow_gamewrap, #thewaterfamily_gamewrap {
	width: 460px;
	margin-bottom: 1.25em;
}
#bridge_gamewrap h2, #foodchain_gamewrap h2, #lifecycles_gamewrap h2, #riverflow_gamewrap h2, #thewaterfamily_gamewrap h2 {
	padding-top: 0.625em;
}
#bridge_gamewrap a:hover, #foodchain_gamewrap a:hover, #lifecycles_gamewrap a:hover, #riverflow_gamewrap a:hover, #thewaterfamily_gamewrap a:hover {
	color:#F00;
}


/* Bridge Game Elements */
#bridge_gamewrap td {
	background: #CAAE63 url(/letsplay/_images/bridge_bg.gif) no-repeat;
	margin: 0;
	padding: 0;
}
#bridge_gamewrap a {
	color: #960;
	font-weight:bold;
	text-decoration:underline;
}

/* Bridge PopUp */
#bridge div#gamearea {
	background: #CAAE63 url(/letsplay/_images/bridge_bg.gif) no-repeat;
}

/* Foodchain Elements */
#foodchain_gamewrap td {
	background: #DBC9ED url(/letsplay/_images/foodchain_bg.gif) no-repeat;
	margin: 0;
	padding: 0;
}
#foodchain_gamewrap a {
	 color: #639;
	font-weight:bold;
	text-decoration:underline;
}

/* Foodchain PopUp */
#foodchain div#gamearea {
	background: #DBC9ED url(/letsplay/_images/foodchain_bg.gif) no-repeat;
}
#foodchain div#gamelevel {
	background: #DBC9ED;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
}

/* Lifecycles Elements */
#lifecycles_gamewrap td {
	background: #ABE1FA url(/letsplay/_images/lifecycles_bg.gif) no-repeat;
	margin: 0;
	padding: 0;
}
#lifecycles_gamewrap a {
	color:#069;
	font-weight:bold;
	text-decoration:underline;
}

/* Lifecycles PopUp */
#lifecycles div#gamearea {
	background: #ABE1FA url(/letsplay/_images/lifecycles_bg.gif) no-repeat;
}

/* RiverFlow PopUp */
#riverflow_gamewrap td {
	background: #8DC02F url(/letsplay/_images/riverflow_bg.gif) no-repeat;
	margin: 0;
	padding: 0;
}
#riverflow_gamewrap a {
	color: #360;
	font-weight:bold;
	text-decoration:underline;
}

/* RiverFlow PopUp */
#riverflow div#gamearea {
	background: #8DC02F url(/letsplay/_images/riverflow_bg.gif) no-repeat;
}

/* WaterFamily PopUp */
#thewaterfamily_gamewrap td {
	background: #FC0 url(/letsplay/_images/waterfamily_bg.gif) no-repeat;
	margin: 0;
	padding: 0;
}
#thewaterfamily_gamewrap a {
	color: #F60;
	font-weight:bold;
	text-decoration:underline;
}


#gamethumb {
	float: left;
	padding: 0 0.44em 0 0.44em;
	height: auto;
}
#gamethumb img {
	border: 0;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------- */



/* WATERWORLD EXPLORERS ELEMENTS ---------------------------------------------- */
#waterworld #request_txt h4 {
	padding: 0.312em 1.25em 0.312em 1.25em;
}

#waterworld #box h1{
	font-size: 0.75em;
	margin: 0.312em 0.625em 0.937em 0;
	padding: 0;
}

#waterworld #download p {
	padding: 0.937em 0 0 0;
}

/* ---------------------------------------------------------------------------- */



/* GAMES WINDOWS -------------------------------------------------------------- */
#gamewrap {
	border: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 460px;
}
#ends {
	border: 0;
	margin: 0;
	padding: 0;
}
#gamearea {
	border: 0;
	margin: 0;
	padding: 0.875em 0 0.875em 0;
	width: 460px;
}
#gamelevel form {
	border: 0;
	margin: 0 0 0 1.312em;
	padding: 0 0 0.625em 0;
}

/* ---------------------------------------------------------------------------- */



/* WATER CONSERVATION - WATER SAVING TIPS | WATER FACTS ----------------------- */
body#conservation #centreinfo {
	border: 0;
	margin: 0 0 0 150px;
	padding: 0;
}
body#conservation #centres img {
	margin: 0 0 0.625em 0;
	padding: 0;
	border: 0;
}
#tip, #fact {	
	width: 350px;
	margin-bottom: 0.625em;
}
#tip td, #fact td {
	border-bottom: #CDD1BB solid 1px;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
	vertical-align: top;
}
#tip img, #fact img {
	padding: 0;
}
#tip p, #fact p {
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 0.625em;
}

#conservation #box h1{
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

body#conservation #boxwrap {
	margin: 0.625em 30px 0.937em 0;
}
/* ---------------------------------------------------------------------------- */



/* VIDEO POPUPS --------------------------------------------------------------- */
div#videowrap {
	margin: 0;
	padding: 0;
	text-align: center;
	width: auto;
}

body#clips {
	background: #4B6873;
	margin: 0.625em 0 0 0;
	padding: 0;
	text-align: center;
}

/* ---------------------------------------------------------------------------- */



/* WATER SAFETY --------------------------------------------------------------- */
#watersafety #box2 {
	margin: 0.625em 0 2.250em 0;
	padding: 0;
	float: left;
	width: 310px;
}
#watersafety #box2 img {
	margin: 0;
	padding: 0;
	float: left;
}
#watersafety #box2 h1 {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}
#watersafety #box2 p {
	margin: 0.625em 0 0.312em 5em;
	padding: 0;
	line-height: 1.1em;
}

/* ---------------------------------------------------------------------------- */



/* THEMES AND EVENTS ---------------------------------------------------------- */
body#themes #centreinfo {
	border: 0;
	margin: 0 0 0 9.375em;
	padding: 0;
}
body#themes #centres img {
	margin: 0 0 0.625em 0;
	padding: 0;
	border: 0;
}

/* Resorce Image areas */
#watersafety #box h1{
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------- */


/* NEWS ---------------------------------------------------------- */

#news #date p{
	color:#6C0;
	margin: 0;
	padding: 0;
}

#news #title h2{
	margin: 0;
	padding: 0 3.125em 0 0;
}

#news #body p{
	margin: 0;
	padding: 0 3.125em 0 0;
}

#news #click p{
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}
#news #search {
	border: 0;
	margin: 0;
	padding: 0;
	width: 440px;
	text-align:left;
}
#news #search td{

}
#news #search p {
	margin: 0 0 0 0.312em;
	padding: 0 0 0 0;
	line-height: 1.1em;
}
#news .input {
	width: 200px;
	font-size: 0.75em;
	margin: 0.187em 0 1.25em 0.625em;
}
#news .input2 {
	width: 200px;
	font-size: 0.75em;
	margin: 0.187em 0 1.25em 0.625em;
}
#news .submit {
	width: 60px;
	font-size: 0.65em;
	margin: 0 0 0.187em 0.312em;
}

/* ---------------------------------------------------------------------------- */


/* LIBRARY (TEACHER'S AREA) --------------------------------------------------- */
/* Factsheets, Games, Health & Safety, Leaflets, Location Maps, Other, Podcasts, Software and Task sheets */
body#library #search {
	border: 0;
	margin: 0;
	padding: 0;
	width: 440px;
	text-align:left;
}
body#library #search p {
	margin: 0 0 0 0.312em;
	padding: 0;
	line-height: 100%;
}

body#library #title h2{
	margin: 0;
	padding: 0 3.125em 0 0;
}
body#library #item P {
	margin: 0;
	padding: 0;
	text-align:left;
}
#boxwrap {
	margin-bottom: 0.312em;
}

body#library .input {
	width: 150px;
	font-size: 0.75em;
	margin: 0.187em 0 0.125em 0.625em;
}

/* ---------------------------------------------------------------------------- */


/* CONTACT US ---------------------------------------------------------- */
body#contactus #box h1{
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------------------------------- */



/* USEFUL LINKS ---------------------------------------------------------- */
#links #boxwrap {
	margin: 0px 50px 0.625em 0;
}

#usefullinks{
	padding: 0;
}

/* ---------------------------------------------------------------------------- */



/* SITE MAP PAGE ELEMENTS ----------------------------------------------------- */
ul#a2z {
	border: 0;
	font-size: 0.75em;
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#a2z li, #a2z a {
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;
}
li#spacer {
	border: 0;
	display: inline;
	margin: 0;
	padding: 0 3px 0 3px;
}

#a2z_items p {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
}

/* ---------------------------------------------------------------------------- */


@import url("print.css");