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


/*
--------------------------------------------------------
	S I T E  S T A N D A R D  E L E M E N T S
--------------------------------------------------------
*/

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

body {
	font-size: 1em;
	margin: 0 auto 0.312em auto;
	padding: 0;
	background: #69C url(/_images/bground.gif) no-repeat;
	background-position: center 0;
	text-align: center;
}

div, img, hr, p, h1, h2, h3, h4, h5, h6, ul, li, a, ul, li {
	border: 0;
	margin: 0;
	padding: 0;
	}

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

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

#container {
	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;
	}
	
	
	
/* LINKS */	
a:link, a:visited, a:active {
	color: #009EE0;
	text-decoration: none;
	}
a:hover {
	color: #F00;
	text-decoration: none;
	}



/*
--------------------------------------------------------
	H E A D E R  C O N T A I N E R
--------------------------------------------------------
*/

#header {
	background: #FFF;
	border: 0;
	margin: 0;
	padding: 0;
	height: auto;
	}

/* CRUMBTRAIL */

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


/* MASTHEAD */

#masthead {
	background-color: #8DC02F;
	height: 60px;
	width: 740px;
}

/* LANGUAGE BUTTON */	
.language {
	/* display: none; Temporary setting */
	background: transparent url(/_images/comma.gif) no-repeat;
	float: left;
	min-height: 1.5em;
	height: auto !important;
	height: 1.5em;
	margin: 0.625em 0 0 0.625em;
	padding: .25em 0 0 1.75em;
	text-align: left;
	}
.language a:link,
.language a:visited,
.language a:active {
	color: #036;
	font-size: .75em;
	text-decoration: none;
	text-shadow: #66CC33 1px 1px;
	}
.language a:hover {
	color: #FFF;
	}

/* Logo area */
div#logo {
	height: 3.75em;
	float: right;
	}

/* Masthead Flash Player Area */
#flasharea {
	background: #8DC02F; /* url(/_images/flash_bg.gif) no-repeat; */
	height: 190px;
	width: 740px;
	}

/* Masthead Image Area */
#imagearea {
	background: transparent;
	height: 190px;
	width: 740px;
	}



/*
--------------------------------------------------------
T E X T  A R E A S
--------------------------------------------------------
*/

#content {
	background: #FFF;
	margin: 2.5em 0 0.625em 0;
	width: 740px;
	}
.menu {
	float: left;
	text-align: left;
	vertical-align: top;
	width: 250px;
	}
.txt {
	margin: 0 0 0 250px;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 440px;
}

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



#content hr,
#news_area hr {
clear: both;
visibility: hidden;
}


/* DOWNLOAD BOX */
#box {
	margin: 0.625em 6px 0 0;
	float: left;
	width: 146px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 140px;
	}
#box p {
	padding: 0 0 0.625em 0;
	line-height: 1.2em;
	}


/* LISTINGS (LIBRARY (TEACHERS AREA)) */
#article {
	border-bottom: 1px solid #DDD;
	margin-bottom: .5em;
	}
body#library #article h2 {
	font-weight: normal;
	margin: 0;
	padding: 0 3.125em 0 0;
	}



/* DIVIDING RULES */
#divider {
	border-bottom: 1px dotted #DDD;
	clear: both;
	margin-bottom: 1em;
	padding-top: 1em;
	}
#short_divider {
	border-bottom: 1px dotted #DDD;
	clear: right;
	margin-bottom: .5em;
	padding-top: .25em;
	}
#hidden_divider {
	clear: both;
	visibility: hidden;
	}




/* REQUEST BOX (WaterWorld Explorers & Think Water) */
#request {
	margin: 0.625em 0 1.25em 0;
	width: 100%;
}
#request ul li {
	font-size: 0.9em;
	list-style: none;
	text-align: center;
	width: 100%;
}
#request li a:link,
#request li a:visited,
#request li a:active {
	background: #e1f4fd url(/_images/request_bg.gif) repeat-x;
	background-position: bottom;
	border: 1px solid;
	border-color: #BAE2EF #9BC8E1 #9BC8E1 #BAE2EF;
	display: block;
	padding: 6px 0 5px 0;
	text-align: center;
	}
#request li a:hover {
	border-color: #BAE2EF #BAE2EF #BAE2EF #BAE2EF;
	color: #036;
	}





/*
--------------------------------------------------------
	N E W S  A R E A
--------------------------------------------------------
*/

div#news_area {
	background: #7cc8e5 url(/_images/news_bg.gif) repeat-x;
	padding: 0.312em 0 0.312em 0;
	width: 740px;
}
#news_area h3, #news_area p {
	padding: 0 0.312em 0 0.5em;
}
#news_area p {
	line-height: 1.3em;
	margin-bottom: 0.312em;
}
#news_area a {
	background: none;
	color: #039;
	text-decoration: underline;
}
#news_area a:hover {
	color: #F00;
}

.newscol_left,
.newscol_centre,
.newscol_right {
	float: left;
	padding-top: 0.312em;
	text-align: top;
	width: 244px;
}

.newscol_left img,
.newscol_centre img,
.newscol_right img {
	float: right;
	margin-left: 0.312em;
}
#newscol3 {
	padding-top: 0.312em;
	text-align: top;
	vertical-align: top;
	width: 33.3%;
}



/*
--------------------------------------------------------
	F O O T E R
--------------------------------------------------------
 */

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

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

#copyright {
	float: right;
	}

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











/*
-----------------------------------------------------------------------------------------------
	W H A T   W E  D O  A S  A  B U S I N E S S
-----------------------------------------------------------------------------------------------
*/

body#whatwedo .container_info {
	float: right;
	margin: 0 0 0.625em 0;
	width: 290px;
	}
body#whatwedo .container img {
	padding-bottom: 12px;
	}

body#whatwedo #divider {
	margin-bottom: .5em;
	padding-top: .5em;
	}

body#watercycle #divider {
	margin-bottom: .5em;
	padding-top: .5em;
	}



/*
-----------------------------------------------------------------------------------------------
	T H E  W A T E R  C Y C L E
-----------------------------------------------------------------------------------------------
*/

#watercycle #box {
padding-right: 1em;
	}
#watercycle #box h1 {
	color: #009EE0;
	font-size: 0.75em;
	font-weight: normal;
	padding-bottom: .25em;
	}
#watercycle #box img {
	padding-bottom: .25em;
	}



/*
--------------------------------------------------------
	E D U C A T I O N  C E N T R E S  E L E M E N T S
--------------------------------------------------------
*/

/* Map area */
#edcentres .maparea {
	border-left: 1px solid #DDD;
	float: right;
	margin: 14px 0 0 10px;
	padding: 0 0 5px 10px;
	width: 201px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 180px;
}
#edcentres .maparea h2 {
	padding: 0 0 1em 0.5em;
}
#edcentres .maparea img {
	margin: 16px 0 0 0;
	heigh: 190px;
	width: 180px;
}


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

.ecocentreinfo h2 {
	margin: 0;
	padding: 0;
}
.ecocentreinfo p {
	padding: 0;
}


/* SHARED ELEMENTS - EDUCATION CENTRES AND EVENTS */
.container,
.event {
	padding: 1em 0 0.625em 0;
	width: 440px;
}
.container img,
.event img {
	float: left;
}


/* Centres Information */
.container_info {
	float: right;
	width: 355px;
}
.container_info h2 {
	margin: 0;
	padding: 0;
}
.container_info p {
	padding: 0;
}


/* CENTRE RESOURCES */
.centre_resources {
	margin: 0.312em 0 0 0;
	width: 355px;
	}
.subcol_left,
.subcol_centre,
.subcol_right {
	float: left;
	margin: 0;
	padding: 0;
	}
.subcol_left,
.subcol_centre {
	padding-right: 1.5em;
	}

.centre_resources ul {
	font-size: 0.7em;
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 0;
	}
.centre_resources li {
	margin: 0;
	padding: 0;
	text-indent: 0;
	}
.centre_resources a {
	color: #009EE0;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
.centre_resources a:hover {
	color: #F00;
	text-decoration: none;
	}





/*
--------------------------------------------------------
	E D U C A T I O N  P A R T N E R S
--------------------------------------------------------
*/

/* Map area */
#partners .maparea {
	border-left: 1px solid #DDD;
	float: right;
	margin: 14px 0 0 10px;
	padding: 0;
	width: 260px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 250px;
	}
body#partners .maparea h2,
body#partners, .maparea img {
	margin: 0;
	padding: 0 0 10px 8px;
	}
#partners .maparea img {
	margin-top: 1.25em;
	margin-bottom: 2.5em;
	}




/*
--------------------------------------------------------------------------------
	L E T S  P L A Y  E L E M E N T S  -  W A T E R W O R L D  E X P L O R E R S
--------------------------------------------------------------------------------
*/
body#letsplay .txt h1,
body#letsplay .txt h2,
body#letsplay .txt p {
	font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
	}

.bridgelink,
.foodlink,
.lifelink,
.riverlink,
.familylink,
.download {
	clear: right;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	margin: .5em 0 1em 0;
	width: auto;
	}
.bridgelink img,
.foodlink img,
.lifelink img,
.riverlink img,
.familylink img,
.download img {
	float: left;
	padding: .25em;
}
.bridgelink h2,
.foodlink h2,
.lifelink h2,
.riverlink h2,
.familylink h2 {
	font-size: 1.15em;
	font-weight: normal;
	margin: 0 0 0 9.5em;
	padding: 0;
	}
.bridgelink p,
.foodlink p,
.lifelink p,
.riverlink p,
.familylink p,
.download p {
line-height: 1.5em;
	margin-left: 15.65em;
	}


.bridgelink {
	background: #CAAE63 url(/letsplay/_images/bridge_bg.gif) no-repeat;
	}
.bridgelink a:link,
.bridgelink a:visited,
.bridgelink a:active {
	color: #960;
	font-weight: bold;
	text-decoration: underline;
	}


.foodlink {
	background: #DBC9ED url(/letsplay/_images/foodchain_bg.gif) no-repeat;
}
.foodlink a {
	 color: #639;
	font-weight: bold;
	text-decoration: underline;
}

.lifelink {
	background: #ABE1FA url(/letsplay/_images/lifecycles_bg.gif) no-repeat;
}
.lifelink a {
	color:#069;
	font-weight: bold;
	text-decoration: underline;
}

.riverlink {
	background: #8DC02F url(/letsplay/_images/riverflow_bg.gif) no-repeat;
}
.riverlink a {
	color: #360;
	font-weight: bold;
	text-decoration: underline;
}

.familylink {
	background: #FC0 url(/letsplay/_images/waterfamily_bg.gif) no-repeat;
}
.familylink a {
	color: #F60;
	font-weight: bold;
	text-decoration: underline;
}



.download {
margin-top: 2em;
	min-height: 1.25em;
	height: auto !important;
	height: 1.25em;
}










/* 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 a:hover,
#foodchain_gamewrap a:hover,
#lifecycles_gamewrap a:hover,
#riverflow_gamewrap a:hover,
#thewaterfamily_gamewrap a:hover {
	color:#F00;
}

	



/* POP UPS */
#bridge div#gamearea {
	background: #CAAE63 url(/letsplay/_images/bridge_bg.gif) no-repeat;
}
#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 div#gamearea {
	background: #ABE1FA url(/letsplay/_images/lifecycles_bg.gif) no-repeat;
}
#riverflow div#gamearea {
	background: #8DC02F url(/letsplay/_images/riverflow_bg.gif) no-repeat;
}
#gamethumb {
	float: left;
	padding: 0 0.44em 0 0.44em;
	height: auto;
}
#gamethumb img {
	border: 0;
	margin: 0;
	padding: 0;
}

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







/* WATERWORLD EXPLORERS ELEMENTS */

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

#adobebox {
	margin: 0.625em 6px 0 0;
	float: right;
	width: 121px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 115px;
	}
#adobebox p {
	padding: 0 0 0.625em 0;
	line-height: 1.2em;
	}



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



/* 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;
}





/*
---------------------------------------------------------------------------------------------------
	W A T E R  C O N S E R V A T I O N  -  W A T E R  S A V I N G  T I P S  |  W A T E R  F A C T S
---------------------------------------------------------------------------------------------------
*/

body#conservation .container_info {
	float: right;
	margin: 0 0 0.625em 0;
	width: 290px;
}
body#conservation .container img {
	padding-bottom: 12px;
}
body#conservation #divider {
	margin-bottom: .5em;
	padding-top: .5em;
}


/* WATER SAVING TIPS | WATER FACTS */

.tip {
	border-bottom: 1px solid #DDD;
	margin-bottom: 12px;
	min-height: 60px;
	height: auto !important;
	height: 60px;
	width: 360px;
	}

.tip img,
.fact img {
	float: left;
	}

.tip p {
	font-weight: bold;
	margin: 5px 0 0 80px;
	}

.fact {
	border-bottom: 1px solid #DDD;
	margin: 4px 0 12px 0;
	min-height: 45px;
	height: auto !important;
	height: 45px;
	width: 370px;
	}
.fact p {
	font-weight: bold;
	margin-left: 60px;
	}

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





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

body#clips {
	background: transparent;
	margin: 0.625em; /* 10px */
	padding: 0;
	text-align: center;
}




/* WATER SAFETY */

#watersafety #box2 {
	margin: 0.625em 0 2.250em 0;
	padding: 0;
	float: right;
	width: 290px;
}
#watersafety #box2 img,
#watersafety #welshbox2 img {
	margin: 0;
	padding: 0;
	float: left;
	}
#watersafety #box2 h1,
#watersafety #welshbox2 h1 {
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	}
#watersafety #box2 p,
#watersafety #welshbox2 p {
	margin: 0.5em 0 0.175em 6em;
	padding: 0;
	line-height: 1.1em;
	}

/* Adjusted for Welsh Water Safety page only */
#watersafety #welshbox2 {  
	margin: 0.625em 0 2.250em 0;
	padding: 0;
	float: left;
	width: 310px;
}




/*
--------------------------------------------------------
	T H E M E S  A N D  E V E N T S
--------------------------------------------------------
*/

.event h2 {
	margin-left: 12em;
	padding: 0;
}
.event p {
	margin-left: 13em;
	padding: 0;
}

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





/*
--------------------------------------------------------
	N E W S
--------------------------------------------------------
*/

body#news #request {
	background: #e1f4fd url(/_images/request_bg.gif) repeat-x;
	background-position: bottom;
	border: 1px solid;
	border-color: #BAE2EF #9BC8E1 #9BC8E1 #BAE2EF;
	padding: 6px 0 5px 0;
	text-align: left;
	}
body#news #request form {
	margin: 0;
	padding: 0;
	text-align: left;
	}

.yearwrap,
.keywordwrap,
.monthwrap,
.submitwrap {
	display: inline;
	margin-left: .25em;
	}

#news .input,
#news .submit,
#news .input2 {
	width: auto;
	font-size: 0.7em;
	}


/* RSS LINK */
#news .txt ul {
	font-size: 0.7em;
	line-height: 1.4em;
	list-style: none;
	margin: 1em 0 1.75em 0;
	padding: 0;
	}
#news .txt li {
	background: url(/_images/feed-icon-14x14.png) no-repeat;
	background-position: 0;
	margin: 0;
	padding-left: 1.75em;
	text-indent: 0;
	}
#news .txt a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
#news .txt a:hover {
	color: #F00;
	text-decoration: none;
	}







/* NEWS ARTICLE LIST */
#news #article {
	border-bottom: 1px solid #DDD;
	margin-bottom: .5em;
}

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

#news #article h2 {
	margin-top: 0;
	padding-top: 0;
}

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

#news .click p {
	margin: 0 0 .75em 0;
	padding: 0;
}






/*
--------------------------------------------------------
L I B R A R Y  (T E A C H E R 'S  A R E A)
--------------------------------------------------------
*/
/* Factsheets, Games, Health & Safety, Leaflets, Location Maps, Other, Podcasts, Software and Task sheets */

body#library #request {
	background: #e1f4fd url(/_images/request_bg.gif) repeat-x;
	background-position: bottom;
	border: 1px solid;
	border-color: #BAE2EF #9BC8E1 #9BC8E1 #BAE2EF;
	padding: 6px 0 5px 0;
	text-align: left;
	}
body#library #request form {
	margin: 0;
	padding: 0;
	text-align: left;
	}






/*
--------------------------------------------------------
	C O N T A C T  U S
--------------------------------------------------------
*/
body#contactus #box h1{
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}







/*
--------------------------------------------------------
	S I T E  M A P  (N O T  I N  U S E)
--------------------------------------------------------
*/
#error h1 {
font-size: 2.25em;
line-height: 1.25em;
margin-bottom: 0;
padding-bottom: .5em;
}
#error h2 {
font-size: 1.25em;
font-weight: normal;
line-height: 1.35em;
margin-top: 0;
padding-top: 0;
} 





/*
--------------------------------------------------------
	S I T E  M A P  (N O T  I N  U S E)
--------------------------------------------------------
*/
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");