body {
	font-size:62.5%;
	font-family: Georgia;
	background: #fff url(http://media.waterandclimatechange.eu/img/bg_top.gif) repeat-x;
	border-top: 5px solid #000;
	color: #333;
	padding: 28px 0 40px;
}
body.ie6 {
	font-size:62.5%;
	font-family: Georgia;
	background: #fff url(http://media.waterandclimatechange.eu/img/bg_top.gif) repeat-x 0 46px;
	border-top: 0px solid #000;
	color: #333;
	padding: 48px 0 40px;
}

a {
	text-decoration: none;
	color: #005F87;
}

a:hover {
	text-decoration: underline;
}
a:focus{
	outline:1px dotted invert
}

.clear{
	clear:both;
	height: 0px;
}
hr{
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}
.hide,#acc ul,.offscreen,.js .hide{position: absolute;top:-50000px;left:-50000px;}

h1.logo span,div.logo span,#acc-head{position: absolute;top:-50000px;left:-50000px;}
h2 {
}

h3{
	font-size:1.3em;
}

h4{
	font-size:19px
}

h5{
	font-size:17px
}

h6{
	font-size:15px
}

ol{
	list-style:decimal
}

ul{
list-style:disc
}

li{
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{
	margin-bottom:20px
}

p {
	overflow: hidden;
	padding: 10px 0;
	text-align: center;
}

#js-warning {
background:#FFFFE1;
border-bottom:1px solid #000000;
color:#000000;
font-size:1em;
text-align:center;
padding: 10px 0;
}
.js #js-warning {
display:none;
}


.ie6{
	margin-top:30px;	
}

#ie6-message{
	display:none;	
}
.ie6 #ie6-message{
border-top:3px dashed #900;
border-bottom:3px dashed #900;
margin-left:auto;
margin-right:auto;
width:100%;
display:block;
position:absolute;
top:0;
}
.ie6 #ie6-message p{
	width:600px;
	text-align:center;
	margin: 0 auto;
	color:#900;
	font-family:verdana;
}
#container-inner{
	background: #fff url(http://media.waterandclimatechange.eu/img/bg_header.gif) repeat-x 0 25px;
}

#container-inner #main #banner{
	background: #fff;
	font-family:verdana;
}


.mission-statement{
background:transparent url(http://media.waterandclimatechange.eu/img/square.gif) no-repeat scroll 0 13px;
color:#FFFFFF;
font-size:1.3em;
left:0;
padding:9px 0 6px 14px;
position:absolute;
top:-33px;
}

/* ##################################### Main Content ##################################### */
#main-content {
	margin: 8px 0 0 0;
	position:relative;
/*	min-height: 600px;*/
}
#main-content h1,#main-content h2{
	font-family: Georgia;
	font-size: 2.6em;
	font-weight: normal;
}
#main-content .txt h2{
	margin:0 0 5px 10px;
	font-size: 2.0em;
	padding:6px 0;
	border-bottom:1px dotted #777777;
}
#rainfall #main #main-content .txt h2,
#freshwater #main #main-content .txt h2,
#land #main #main-content .txt h2,
#evaporation #main #main-content .txt h2{
	font-size: 2.0em;
}
#main-content .txt h3{
	font-weight: normal;
	margin:16px 0 10px 10px;
	font-size:1.4em;
}
#main-content p{

	font-size:1.5em;
	padding:0 10px 0px 10px;
	text-align: left;
	line-height: 1.5em;
}

#default #main-content h2{
	font-size: 3.1em;
	line-height:1.4em;
	margin:0 10px 0px 10px;
	padding: 0;
	background: #fff;
	border-bottom:0px;
	color: #444;
}

#default #main-content p{
	color:#333;
}
#default #gallery img{
	width: 318px;
	border-left: 1px solid #fff;
}
#main-content .hfeed dl.aa{
	padding: 10px;
}

#main-content .hfeed dl.aa dd{
	list-style-type: decimal;
	padding: 10px;
}
#main-content .hfeed dl.aa dd a.rssArticle{
	font-size: 1.3em;
}
#main-content h1 {
background:#eee none repeat scroll 0 0;
border-bottom:1px dotted #777777;
color:#444444;
font-size:2.1em;
margin:0 0 0px 0;
padding:6px 14px;
text-transform:inherit;
}
.entry-content .text,
.entry-content .txt{
	margin:20px 0 0 0;
	overflow: hidden;
}
#default .entry-content .txt{
	margin:20px 0 0 0;
	overflow:visible;
}
#land-cover .entry-content .txt ol{
	list-style-type: decimal;
	list-style-position:inside;
	padding:0 0 0 10px;

}
#land-cover .entry-content .txt ol li{
	list-style-type: decimal;
	padding: 0 0 5px;	
}
#land-cover #main-content li p{
padding:0;
margin: 0;
}
.maps .entry-content .text,
.maps .entry-content .txt{
	margin:0px 0 0 0;
}

#river-basin #main-content .entry-content .txt ul li {
	margin: 5px 0 0 40px
}
#river-basin #main-content .entry-content .txt ul li a{
font-size:1.4em;
}
#river-basin .entry-content .text ul li a.external,a.external,
#river-basin .entry-content .txt ul li a.external,a.external{
	background:url(http://media.waterandclimatechange.eu/img/icons/external.png) no-repeat scroll center right;
	padding: 0 13px 0 0;
}
#rainfall .index .entry-content .txt,
#rainfall .single .entry-content .txt{
	font-size:0.8em;
/*	font-family:Georgia;
	line-height:1.2em;
	padding:5px 0;*/
}


#rainfall .entry-content .text,
#rainfall .maps .entry-content .txt,
#freshwater .entry-content .text,
#freshwater .entry-content .txt,
#evaporation .entry-content .text,
#evaporation .entry-content .txt,
#land .entry-content .text,
#land .entry-content .txt,
#elevation .entry-content .txt,
#land-cover .entry-content .txt,
#river-network .entry-content .txt{
	font-size:0.8em;
	font-family:Georgia;
	line-height:1.2em;
	padding:5px 0;
	width:230px;
}
#rainfall .maps .entry-content .text,
#rainfall .maps .entry-content .txt{
	float:right;
	margin-right:-241px;
	padding: 0 0 0 10px;
	margin-top:138px;
}
#rainfall .decadal .entry-content .text{
	float:right;
	margin-right:-241px;
	padding: 0 0 0 10px;
	margin-top:100px;
}
#rainfall .basin .entry-content .txt{
	float:right;
	margin-right:-241px;
	padding: 0 0 0 10px;
	margin-top:55px;
}
#rainfall .maps .entry-content .text,
#rainfall .maps .entry-content .txt,
#evaporation .maps .entry-content .text,
#evaporation .maps .entry-content .txt,
#land .maps .entry-content .text,
#land .maps .entry-content .txt,
#freshwater .maps .entry-content .text,
#freshwater .maps .entry-content .txt,
#elevation .single .entry-content .txt,
#land-cover .single .entry-content .txt,
#river-network .single .entry-content .txt{
	float:right;
	margin-right:-241px;
	padding: 0 0 0 10px;
	margin-top:120px;

}

#land .basin .entry-content .txt,
#evaporation .basin .entry-content .txt,
#freshwater .basin .entry-content .txt,
#rainfall .basin .entry-content .txt{
	float:right;
	margin-right:-241px;
	padding: 0 0 0 10px;
	margin-top:53px;
}
#evaporation .monthly .entry-content .text,
#evaporation .monthly .entry-content .txt,
#land .monthly .entry-content .text,
#land .monthly .entry-content .txt,
#freshwater .monthly .entry-content .text,
#freshwater .monthly .entry-content .txt,
#elevation .monthly .entry-content .txt,
#land-cover .monthly .entry-content .txt,
#river-network .monthly .entry-content .txt{
	float:right;
	margin-right:-241px;
	padding: 0 0 0 10px;
	margin-top:120px;
}
	.ie6 .maps .entry-content .text,
	.ie6 .maps .entry-content .txt{
	position: absolute;
	left: 700px;
	top:0px !important;
	height:330px;
	overflow:auto;
}	
#elevation .monthly .entry-content .txt,
#land-cover .monthly .entry-content .txt,
#river-network .monthly .entry-content .txt{
	margin-top:50px;
}

/*	.ie7 #rainfall .maps .entry-content .text{
		margin-right:-251px;
	}
*/
#rainfall  #main-content .entry-content .text h2,
#rainfall  #main-content .entry-content .txt h2,
#freshwater  #main-content .entry-content .text h2,
#freshwater  #main-content .entry-content .txt h2,
#evaporation  #main-content .entry-content .text h2,
#evaporation  #main-content .entry-content .txt h2,
#land  #main-content .entry-content .text h2,
#land  #main-content .entry-content .txt h2{
	font-size: 2.7em;
	margin: 0px 0 20px 10px;
	border-bottom: 1px dotted #777;
	padding: 0 0 10px 0;
	line-height: 1.0em;
}

#rainfall  #main-content .entry-content .text h3,
#rainfall  #main-content .entry-content .txt h3,
#freshwater  #main-content .entry-content .text h3,
#freshwater  #main-content .entry-content .txt h3,
#evaporation  #main-content .entry-content .text h3,
#evaporation  #main-content .entry-content .txt h3,
#land  #main-content .entry-content .text h3,
#land  #main-content .entry-content .txt h3{
	font-size: 2.0em;
	margin: 0px 0 0px 10px;
	padding: 0 0 0px 0;
	line-height: 1.0em;
}

#rainfall .index #main-content .entry-content .text,
#rainfall .river-basin #main-content .entry-content .text,
#freshwater .index #main-content .entry-content .txt,
#freshwater .river-basin #main-content .entry-content .txt,
#evaporation .index #main-content .entry-content .txt,
#evaporation .river-basin #main-content .entry-content .txt,
#land .index #main-content .entry-content .txt,
#land .river-basin #main-content .entry-content .txt{
	padding:0px;
	left:710px;
	position:relative;
	left:0px;
	top:0px;
	width:540px;
}
#rainfall .index #main-content p,
#rainfall .river-basin #main-content p,
#freshwater .index #main-content p,
#freshwater .river-basin #main-content p,
#evaporation .index #main-content p,
#evaporation .river-basin #main-content p,
#land .index #main-content p,
#land .river-basin #main-content p
{
	font-size:2em;
	line-height:1.3em;	
}
#rainfall .entry-content,
#freshwater .entry-content,
#evaporation .entry-content,
#land .entry-content,
#elevation .entry-content,
#land-cover .entry-content,
#river-network .entry-content{
	margin:0px 0 0 0;
	border-right:1px dotted #777777;
}
#rainfall .index .entry-content,#rainfall .river-basin .entry-content,
#evaporation .index .entry-content,#evaporation .river-basin .entry-content,
#freshwater .index .entry-content,#freshwater .river-basin .entry-content,
#land .index .entry-content,#land .river-basin .entry-content{
	margin:0px 0 0 0;
	border-right:0px dotted #777777;
}
.js #rainfall #main-content .entry-content .text p.click-info,
.js #rainfall #main-content .entry-content .txt p.click-info,
.js #freshwater #main-content .entry-content .text p.click-info,
.js #freshwater #main-content .entry-content .txt p.click-info,
.js #evaporation #main-content .entry-content .text p.click-info,
.js #evaporation #main-content .entry-content .txt p.click-info,
.js #land #main-content .entry-content .text p.click-info,
.js #land #main-content .entry-content .txt p.click-info{
	font-size:1.8em;
	left:5px;
	position:absolute;
	top:15px;
}
.js .ie6 #main-content .entry-content .text p.click-info,
.js .ie6 #main-content .entry-content .txt p.click-info,
.js .ie6 #main-content .entry-content .text p.click-info,
.js .ie6 #main-content .entry-content .txt p.click-info{
	margin: -110px 0 0 -700px;
	width: 500px;
}


#map-content .text-overlay{
	position: absolute; 
	top: 190px; 
	left: 10px;
	z-index:200;
	width:160px;
	font-size:1.3em;
	line-height:1.3em;
	background:#fff;
}

.monthly #map-content .text-overlay{
	top: 215px; 
}
/* ##################################### SEARCH RESULTS ##################################### */

#default #main-content .search-results h2 {
	font-size: 2.1em;
	margin: 10px 0;
	width: auto;
}
#default #main-content .search-results p.published{
	display: none;
}
#default #main-content .search-results p.entry-summary{
	font-size: 1.4em;
	padding: 0 0 4px;
}
#default #main-content .search-results p.small{
	border-bottom: 1px solid #dedede;
	padding:6px 26px;
	font-size: 1.2em;
	background:#EEEEEE url(http://media.waterandclimatechange.eu/img/bg_arrow.png) no-repeat scroll 7px 8px;
}
#default #main-content .search-results p.small{

}


/* ##################################### Secondary Content ##################################### */
#extra-info {
/*	position:absolute;
	top:55px;
	left:560px;*/
	width:380px;
	border-left:1px dotted #777; 
	height: auto;
}
.river-basin #extra-info, .percentage-change #extra-info, .maps .rainfall_maps {
	top:45px;
	position: absolute;
}
/*
#rainfall .maps .rainfall_maps {
	width: 240px;
	right: 0;
	top:80px;
}

#rainfall .basin .rainfall_maps {
	width: 240px;
	right: 0;
	top:46px;
}
*/
.maps .rainfall_maps {
	width: 240px;
	right: 0;
	top:116px;
}

.monthly .rainfall_maps,
.maps .river-basin-average{
	width: 240px;
	right: 0;
	top:80px;
}
#land-cover .rainfall_maps,
#elevation .rainfall_maps,
#river-network .rainfall_maps{
	top:43px;	
}
.basin .rainfall_maps {
	width: 240px;
	right: 0;
	top:44px;
}
	.ie6 .maps .rainfall_maps {
	left:-32px;	 
}

#default #extra-info h2, #extra-info h2{
font-family:georgia;
font-weight:normal;
background:#fff none repeat scroll 0 0;
padding:10px;
font-size: 1.7em;
border-bottom:1px dotted #777; 
margin: 0 0 0 10px;
width: auto;
}
.maps .rainfall_maps h2{
	position: absolute;
	left: -50000px;
	top: -50000px;
}
.maps .rainfall_maps .list-river-basins h2{
	position:static;
}
#extra-info h3{
	font-size: 1.0em;
	margin: 0;
}
#extra-info h3 span{
	bottom:0;
	display:block;
	margin:129px 0 0 0;
	text-align:center;
}
	.ie6 .index #extra-info h3 {
		border: 1px solid #fff;
		position: relative;
	}
	.ie6 .index #extra-info h3 span{
		margin:135px 0 0 0;
		text-align:center;
		left: -60px;
		z-index: 100;
		cursor: pointer;
	}
	.ie6 .index #extra-info h3 img{
		position:absolute;
		bottom: 0;
		left: -130px;
		display: block;
	}	
.maps .rainfall_maps .rainfall-maps h3{
background: #EEE url(http://media.waterandclimatechange.eu/img/bg_arrow.png) no-repeat scroll 7px 7px;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: Georgia;
font-size: 1.2em;
font-weight: normal;
margin: 0 0 7px;
padding: 4px 0 4px 10px;
line-height: 1.6em;
}
.maps h3.trigger{
margin:10px 0 0 0;
background:#EEEEEE url(http://media.waterandclimatechange.eu/img/bg_arrow_down.png) no-repeat scroll 7px 6px;
}
.maps h3.active{
margin:10px 0 0 0;
background:#EEEEEE url(http://media.waterandclimatechange.eu/img/bg_arrow_up.png) no-repeat scroll 7px 6px;
}
.maps h3 a{
color:#005F87;
display:block;
padding:0 0 0 17px;
text-decoration:none;
}

.maps h3 span{
	margin:0;
	text-align:left;
}

.index #extra-info ul.rainfall-maps li,
.index #extra-info ul.evaporation-maps li,
.index #extra-info ul.land-maps li{
	list-style-type: none;
	height: 13em;
	float:left;
	margin:10px;
/*	padding:10px 12px;*/
	padding:10px 0px;
	text-align:center;
	width:352px;
	position: relative;
}
.maps ul{
	margin:0px;
}
.single ul{

	margin:0px 0 0 20px;
}
#river-basin .single .txt ul{
	width:100%;
	margin:15px 0;
}
#river-basin .single .txt ul li{
	
}
/*#evaporation .maps ul,
#land .maps ul{
	width:220px;
	margin:60px 0 0 20px;
}
*/
	.ie6 .maps ul{
		margin:0 0 0 40px;
	}
.maps ul li{
	list-style-type:none;
}
	.ie6 .index #extra-info ul{
		margin:0px 0 0 0;
	}
	.ie6 .index #extra-info ul li{
		margin:0 0 10px 0
	}
.maps ul li.first{
	position: absolute;
	left: -50000px;
}
#extra-info ul li.first{
	position: absolute;
	left: 0;
}

#extra-info ul li p{
	font-size:1.1em;
}

#extra-info ul li img{
height:128px;
padding:0px;
width:300px;
display: block;
margin: 0 auto;
position: relative;
top: -150px;
}
 .ie6 #extra-info ul li img{
	top: 0px; 
 }
  .ie7 #extra-info ul li img{
	top: -140px; 
 }


.maps ul li img{
	display: none;
}
#default .maps ul li img{
	display: block;
}
#rainfall #main-content ul li a, #rainfall .toggle_container .maps ul li a,
#evaporation #main-content ul li a, #evaporation .toggle_container .maps ul li a,
#freshwater #main-content ul li a, #freshwater .toggle_container .maps ul li a,
#land #main-content ul li a, #land .toggle_container .maps ul li a,
#river-basin #main-content ul li a, #river-basin .toggle_container .maps ul li a,
#elevation #main-content ul li a, #elevation .toggle_container .maps ul li a,
#land-cover #main-content ul li a, #land-cover .toggle_container .maps ul li a,
#river-network #main-content ul li a, #river-network .toggle_container .maps ul li a {
	font-size:1.2em;
	font-weight:normal;
	text-decoration:none;
}
#rainfall #main-content ul li a:hover, #rainfall .toggle_container .maps ul li a:hover,
#evaporation #main-content ul li a:hover, #evaporation .toggle_container .maps ul li a:hover,
#freshwater #main-content ul li a:hover, #freshwater .toggle_container .maps ul li a:hover,
#land #main-content ul li a:hover, #land .toggle_container .maps ul li a:hover,
#river-basin #main-content ul li a:hover, #river-basin .toggle_container .maps ul li a:hover,
#elevation #main-content ul li a:hover, #elevation .toggle_container .maps ul li a:hover,
#land-cover #main-content ul li a:hover, #land-cover .toggle_container .maps ul li a:hover,
#river-network #main-content ul li a:hover, #river-network .toggle_container .maps ul li a:hover{
	text-decoration: underline;
}
#rainfall #secondary-content .extra-info h4,
#evaporation #secondary-content .extra-info h4,
#freshwater #secondary-content .extra-info h4 {
	background:#EEEEEE none repeat scroll 0 0;
	padding:10px;
}

/* 
 * ----------------- rainfall-key-wrapper -----------------
 */

.maps #extra-info .rainfall-key-wrapper, .maps .rainfall_maps .rainfall-key-wrapper{
	width:220px;	
}
.maps #extra-info .rainfall-key-wrapper h3,.maps .rainfall_maps .rainfall-key-wrapper h3{
	border:1px dotted #777;
	border-bottom:0;
	background:#eee url("http://www.waterandclimatechange.eu/img/bg_arrow_down.png") no-repeat scroll 7px 8px;
	color:#005F87;
	font-weight:400;
	font-size:1.4em;
	margin:0;
	padding:5px 0 5px 27px;
	text-align:left;
	cursor:pointer;
}
.maps #extra-info .rainfall-key-open ol,.maps .rainfall_maps .rainfall-key-open ol{
	padding:0 10px 10px 10px!important;
}
.maps #extra-info .rainfall-key-open h3,.maps .rainfall_maps .rainfall-key-open h3 {
	background:#eee url("http://www.waterandclimatechange.eu/img/bg_arrow_up.png") no-repeat scroll 7px 8px;
}
.maps #extra-info .rainfall-key-wrapper ol,.maps .rainfall_maps .rainfall-key-wrapper ol{
	overflow:hidden;
	height:0;
	background:#eee;
	padding:0 10px;
	border:1px dotted #777;
	border-top:0;
	font-family:verdana;
}
.js .maps #extra-info .rainfall-key-wrapper ol{
	
}
.maps #extra-info .rainfall-key-wrapper ol li{
	line-height:1.5em;
	padding:2px 0 2px 5px;
	margin-bottom:5px;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	text-align:left;
	height:1.4em;
}
.rainfall-key-wrapper li.a{border-left: 5px solid #2e67b2;}
.rainfall-key-wrapper li.b{border-left: 5px solid #73b2ff;}
.rainfall-key-wrapper li.c{border-left: 5px solid #cce8ff;}
.rainfall-key-wrapper li.d{border-left: 5px solid #ffffcc;}
.rainfall-key-wrapper li.e{border-left: 5px solid #ffa77f;}
.rainfall-key-wrapper li.f{border-left: 5px solid #cb2027;}



/* ------------- Location Summary ----------------- */


.location-info h4 {
border-bottom:2px solid #888888;
font-family:Georgia;
font-size:1.9em;
font-weight:normal;
margin:16px 0 5px;
text-transform:capitalize;
}

.location-info p{ 
font-family:arial;
font-size:1.3em;
line-height:1.2em;
padding:5px 0;
background: none;
border-bottom: none;
}

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




.slideshow { 
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:#FFFFFF #999999 #FFFFFF #FFFFFF;
border-style:dotted;
border-width:1px;
margin:13px 0;
position:relative;
}

.slideshow img { 
position: absolute; 
top: 50px; 
left: 10px; 
z-index: 10; 
background: #fff; 
float:left;
}
.slideshow .change-percentage{
	border:1px solid #333333;
	left:10px;
	position:absolute;
	top:241px;
	width:140px;
	z-index:10;
}
#main-content .slideshow .change-percentage p{
	text-align: center !important;
	padding: 5px 0;
	margin: 0;	
}
.slideshow .change-percentage span{
	display: block;
	font-size: 2em;
	width: 140px;
	margin: 5px auto;
}
.map2-nav1 .slideshow .info,
.map3-nav1 .slideshow .info,
.map4-nav1 .slideshow .info,
.location .slideshow .info
{
	margin:0px 0 0 0;
	clear:both;
}

.slideshow .info{
	margin:330px 0 0 0;
	clear:both;
}

ul.recentlist { 
position: absolute; 
top: -3pxpx; 
left: 0px; 
list-style: none; 
z-index: 20; 
height:23px;
border-bottom: 1px solid #dedede;
}

ul.recentlist li { display: inline; font-size:1.2em;}

ul.recentlist li a, ul.recentlist li a:visited { 
display: block; 
float: left; 
background: #e5e5e5; 
padding: 7px 17.9px; 
margin-right: 1px; 
margin-top: 3px;
color: #000; 
text-decoration: none; 
cursor: pointer; 
}

ul.recentlist li a:hover, ul.recentlist li a:visited:hover { 
background: #666; color: #fff; 
}

ul.recentlist li a.current { 
background: #900; 
color: #fff; 
}

/* footer */

#footer {
border-top:1px dotted #666;
clear:left;
font-size:1.2em;
margin:30px 8px 0;
padding:0 0 10px;
position:relative;
text-align:center;
top:10px;
}
	.ie6 #footer {
		border-top:1px dotted #666;
		clear:left;
		font-size:1.2em;
		margin:0 8px 0;
		padding:0 0 10px;
		position:relative;
		text-align:center;
		}
#footer ul.footerlist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:15px 0 0;
width:100%;
}
#footer ul.footerlist li {
border-right:1px solid #666666;
display:inline;
padding:0 10px 0 4px;
}
#footer ul.footerlist li.last {
border-right:0px;
}
#footer .backtop {
background:transparent url(http://media.waterandclimatechange.eu/img/bg_arrow_up.png) no-repeat scroll top right;
position:absolute;
right:20px;
top:-30px;
}
#footer .backtop a {
display:block;
height:40px;
width:110px;
}
#footer p {
font-size:0.9em;
margin:0;
padding:18px 0 0;
}
#footer p.copyright {
font-size:0.8em;
margin:5px;
padding:0 0 0;
}

#footer .ceh-logo{
	text-align:left;
	float:left;
	width: 300px;
}
#footer a.external{background:none!important;margin:0 0 0 10px;}
#footer .social{float:right;width: 227px;}
#footer .social img{margin:10px 0 0 0;display:inline}
#footer .social img.rss-icon{width:28px;}
#footer .social img.twitter-icon{width:110px}
#footer .social ul {padding:0 0 0 20px;}
#footer .social ul li{
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}

p#ticg {
margin:0;
padding:10px 0 0;
}
#ticg a {
background:transparent url(http://media.waterandclimatechange.eu/img/ticg.gif) no-repeat scroll 44px 1px;
padding:0 55px 3pt 0;
}
#ticg span {
display:none;
}
#ticg a:hover {
background:transparent url(http://media.waterandclimatechange.eu/img/ticg.gif) no-repeat scroll 44px -13px;
}
.w3c {
margin:10px 0 0;
}
.w3c ul {
display:inline;
list-style-type:none;
margin:0;
padding:10px 0 0;
}
.w3c ul li {
display:inline;
margin:10px 0 0;
}
.w3c ul li img {
border:0 none;
height:32px;
width:88px;
}

#gallery2{
	position:absolute;
	height:360px;
	top:-89px;
	left:621px;
}
#gallery2 #slideShow a{
		float:none;
	}
#gallery {
	position:absolute;
	height:360px;
	top:-90px;
	right:0px;
}
	.ie6 #gallery {
	position:absolute;
	height:360px;
	top:-90px;
	left:620px;
}

	#gallery #topStorySlideShow a{
		float:none;
	}


	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
		display: none;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}


/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin:16px 0 0 0;
}

.tabs ul {
	margin: 0;
	list-style-type: none;
}

/* single tab */
#rainfall #main-content .tabs ul li a,
#evaporation #main-content .tabs ul li a {
	background:#E5E5E5 none repeat scroll 0 0;
	cursor:pointer;
	display:block;
	float:left;
	margin:0px 0px 0 1px;
	padding:7px 17.9px;
	text-decoration:none;
	font-size: 1.2em;
}

.tabs ul li.active a, .tabs ul li.active a:link, .tabs ul li.active a:visited, .tabs ul li.active a:hover, .tabs ul li.active a:active {
background:#900;
color:#fff;
}
 #google-earth-button{
 	display: none
 }

.js #google-earth-button{
display: block;

position: absolute;
right: -240px;
top: 10px;
cursor: pointer;
margin: 0;
}

.js #google-earth-button h2{
background: #EEE url(http://media.waterandclimatechange.eu/img/bg_arrow.png) no-repeat scroll 7px 7px;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: Georgia;
font-size: 1.4em;
font-weight: normal;
margin: 0 0 10px;
padding: 3px 10px 3px 28px;
line-height: 1.6em;
width: 180px;
color: #005F87;
}
.js #google-earth-button h2.maps{
	background:#F7F7F7 url(http://media.waterandclimatechange.eu/img/bg_arrow.png) no-repeat scroll 7px 7px;
}


#google-earth-map{
	margin:0;
	position: absolute;
	top:10px;
    height:304px;
    width:680px;
    z-index:1000;
}
#google-earth-map {

  }

table.gadget{
	display: none;
}
.js .open table.gadget{
	display: block;
}

.js .open table.gadget a.external img,#google-earth-maptable.gadget span.powered {
	display: none;
}
.js #map_canvas{
	border:1px solid #000;
}
.js #map_canvas{
	width: 670px;
	height:312px;
	top:60px;
	position: relative;
}

.js #map_canvas img{
	position: relative;
	top: -20px;
}

/* NON JS VERSION OF THE GLOBAL RAINFALL MAPS */

#global-maps h2{
	margin:20px;
	font-size: 1.5em;
}
#global-maps h3{
	font-size: 1.3em
}
#global-maps ol{

}



dl.map.on {
background:transparent url(http://media.waterandclimatechange.eu/img/maps/rainfall_river_basins.jpg) no-repeat scroll 0 0;
}
.js .list-river-basins{
	position: absolute;
	top:-29px;
	right:0px;
	font-family:Georgia;
	width:178px;
}
.js .index .maps .list-river-basins{
	position: absolute;
	top:11px;
	right:0px;
	font-family:Georgia;
	width:370px;
}
.js .maps .list-river-basins {
font-family: Georgia;
position: absolute;
right: 0;
top: -36px;
width: 220px;
}



.js #evaporation .list-river-basins,
.js #land .list-river-basins,
.js #freshwater .list-river-basins,
.js #rainfall .list-river-basins,
.js #evaporation .list-river-basins,
.js #land .list-river-basins,
.js #freshwater .list-river-basins,
.js #rainfall .list-river-basins{
	right:0px;
	top:-36px;
	width:220px;
}
.js #rainfall #main-content .list-river-basins h2,
.js #evaporation #main-content .list-river-basins h2,
.js #land #main-content .list-river-basins h2,
.js #freshwater #main-content .list-river-basins h2,
.js #elevation #main-content .list-river-basins h2,
.js #land-cover #main-content .list-river-basins h2,
.js #river-network #main-content .list-river-basins h2 {
background:url("/img/bg_arrow_down.png") no-repeat scroll 7px 7px #eee;
font-size: 1.4em;
}
.js #evaporation #main-content .list-river-basins h2:hover,
.js #land #main-content .list-river-basins h2:hover,
.js #freshwater #main-content .list-river-basins h2:hover,
.js #elevation #main-content .list-river-basins h2:hover,
.js #land-cover #main-content .list-river-basins h2:hover,
.js #river-network #main-content .list-river-basins h2:hover{
	background: #eee url(http://media.waterandclimatechange.eu/img/bg_arrow_down.png) no-repeat scroll 7px 7px;
}

/*
.js .ie6 #main-content .list-river-basins ol{
	display: none;
}
.js .ie6 #main-content .list-river-basins ol.open{
	display: block;
}

.js .ie7 #main-content .list-river-basins #list-river-basins-container .closed{
display:none;
border:1px solid red;
}
.js .ie7 #main-content .list-river-basins #list-river-basins-container .open{
display:block;
height:100px;
}
.js .river-basin-list-open{
	border-bottom:1px dotted #898989;
	background:#eee;
}
*/

.js #main-content .list-river-basins h2{
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: Georgia;
font-size: 1.6em;
font-weight: normal;
margin: 0;
padding: 3px 10px 3px 27px;
line-height: 1.6em;
cursor: pointer;
color:#005F87;
}
.js #main-content .list-river-basins h2.open{
	background: #EEE url(http://media.waterandclimatechange.eu/img/bg_arrow.png) no-repeat scroll 7px 9px;
}

.js #main-content .list-river-basins h2.close{
	background: #eee url(http://media.waterandclimatechange.eu/img/bg_arrow_down.png) no-repeat scroll 7px 9px;
}
.js #main-content .list-river-basins h2 span{
	position: absolute;
	top:-50000px;
	left:-50000px;
}

.js #main-content .list-river-basins ol{
	display: block;
	z-index: 100;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#eee;
	margin:0;
	padding:0;

}
.js #main-content .river-basin-list-open ol{
	padding:0 0 10px 0;
}
.js #main-content .list-river-basins h3{
	display: block;
	z-index: 100;
	font-size:1.3em;
	margin: 0;

}
.js #main-content #extra-info .list-river-basins h3 span,
.js #main-content .list-river-basins h3.other-river-basins  span{
	padding: 10px 0 3px 8px;
	margin:0;
	text-align: left;
	display:block;
}
.js #main-content .river-basin-list-open h3.other-river-basins{
	padding: 5px 0 3px 8px;	
}/**/
.js #main-content .list-river-basins h3 a{
	background:url("/img/bg_arrow.png") no-repeat scroll 0 3px #eee;
	border-bottom:1px dotted #444444;
	display:block;
	margin:0 7px 0 0;
	padding:4px 0 7px 20px;
	position: relative;
	left: 7px;
	font-weight: 100;
}

.js #main-content .list-river-basins h3.closed,.js #main-content .list-river-basins ol.closed{
	display:none;
}
.js #main-content .list-river-basins h3.open,.js #main-content .list-river-basins ol.open{
	display:block;
}

#main-content .list-river-basins-open ol{
	padding: 10px 0 10px 0;
}
#main-content .list-river-basins ol{

		border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#main-content .list-river-basins ol li{
font-size:1.4em;
list-style-type:circle;
margin:0 0 0 29px;
padding:2px 0;
float: left;
width: 150px;

}
#main-content .list-river-basins ol li.yearly{
	margin:5px 0 5px 29px;
	list-style-type:square;
}
.cnt {
    display: none;
    margin:-1px 0 0 0;
    
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.index .cnt{
    padding:0 0 10px 0;	
}




/* ------------ CONTACT FORM -------------- */
form.zemContactForm {background:#f1f1f1; width:470px; padding:10px; border:0px solid #000; margin:0 20px;}
form.zemContactForm fieldset {width:450px; display:block; padding:5px;margin-bottom:0.5em; line-height:1.5em;}
form.zemContactForm fieldset ul {
	list-style-type: none;
	margin:0 0 0 30px;
	color: #900;
}
form.zemContactForm fieldset ul.zemError{
	font-size:1.3em;
	margin:0 0 18px 0;
	text-align:center;	
}
* html form.zemContactForm fieldset#personal, * html form.zemContactForm fieldset#medical {background-position:400px 20px;}
* html form.zemContactForm fieldset#current {background-position:390px 20px;}
form.zemContactForm fieldset#opt {background:#dee;}
form.zemContactForm legend {font-family:georgia, sans-serif; font-size:1.1em; font-weight:bold;text-indent: -50000px;}
form.zemContactForm label {
clear:left;
color:#444444;
display:block;
float:left;
font-size:1.3em;
margin-bottom:0.5em;
padding-right:10px;
text-align:right;
width:100px;
}

form.zemContactForm input.zemText{
border:1px solid #888888;
padding:4px;
}
form.zemContactForm input.zemSubmit{
	width: 90px;
}
form.zemContactForm input {padding-left:0.2em; margin-bottom:0.6em;display: block;width:305px;}
form.zemContactForm textarea {
height:7em;
overflow:auto;
padding:0.5em;
width:300px;
}
form.zemContactForm option {background:#788; color:#fff;}
form.zemContactForm #button1, form.zemContactForm #button2 {color:#c00; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px;}
form.zemContactForm #button1:hover, form.zemContactForm #button2:hover {background-position:center left; color:#000;}




#default .water-cycle{
	border-top:1px solid #dedede;
	padding-top:10px;	
	margin-top: 11px
}
#default .water-cycle h2, #default .maps h2 {
	font-size:2.4em;
	margin: 0px 0pt 0px 0px;
	font-family: georgia;
	font-weight: normal;
}
#default #main-content .water-cycle h2{
	padding:8px 0;
}
#default .water-cycle  a { text-decoration: none; display:block; position: relative;}
#default .water-cycle  a img { border: solid 1px #ccc; padding: 0px;}   
#default .water-cycle  a span{ background:url("http://media.waterandclimatechange.eu/img/open_in_new_window.gif") no-repeat scroll right top transparent;
display:none;
height:80px;
margin:0 10px 0 0;
opacity:0.8;
position:absolute;
right:-18px;
top:33px;
width:100px;
z-index:100;
filter: alpha(opacity=80); }
#default .water-cycle  a:hover span { display:block; }



#default .water-cycle img{
	border:1px solid #333;
	margin:10px 0 0 0;
}


#watercycle {display:block; height:400px; background:url(http://www.waterandclimatechange.eu/img/hydro.jpg?v1); position:relative;margin:20px 0 0 0;}

#watercycle a#title {display:block; width:400px; height:0; padding-top:240px; overflow:hidden; position:absolute; left:0; top:0; cursor:default;}

* html #watercycle a#title {height:240px; he\ight:0;}

#watercycle a#title:hover {background-position: 0 0; z-index:10;}

#watercycle dd {position:absolute; padding:0; margin:0;}
#watercycle #pica {left:766px; top:139px; z-index:20;}
#watercycle #picb {left:268px; top:225px; z-index:20;}
#watercycle #picc {left:633px; top:44px; z-index:20;}
#watercycle #picd {left:62px;top:160px;z-index:20;width: 130px;}
#watercycle #pice {left:540px; top:139px; z-index:20;}
#watercycle #picf {left:266px; top:146px; z-index:20;}
#watercycle #picg {left:203px; top:74px; z-index:20;}
#watercycle #pich {left:405px; top:169px; z-index:20;}
#watercycle #pici {left:147px; top:226px; z-index:20;}
#watercycle #picj {left:33px; top:222px; z-index:20;}
#watercycle #pick {left:153px; top:299px; z-index:20;}
#watercycle #picl {left:320px; top:339px; z-index:20;}
#watercycle #picm {left:293px; top:372px; z-index:20;}
#watercycle #picn {left:509px; top:204px; z-index:20;}

#watercycle a#evaporation,
#watercycle a#urban,
#watercycle a#condensation,
#watercycle a#snowmelt,
#watercycle a#evapotranspiration,
#watercycle a#atmosphere,
#watercycle a#precipitation,
#watercycle a#surface,
#watercycle a#streamflow,
#watercycle a#infiltration,
#watercycle a#springs,
#watercycle a#ground_water_discharge,
#watercycle a#ground_water_storage,
#watercycle a#agricultural_land
{display:block; width:115px; height:25px; text-decoration:none; z-index:20;}

#watercycle a#springs{width:70px;}
#watercycle a#urban{height:35px;}
#watercycle a span, #watercycle a:visited span {display:none;}

#watercycle a#evaporation:hover, #watercycle a#urban:hover, #watercycle a#condensation:hover, 
#watercycle a#snowmelt:hover,
#watercycle a#evapotranspiration:hover,
#watercycle a#atmosphere:hover,
#watercycle a#precipitation:hover,
#watercycle a#surface:hover,
#watercycle a#streamflow:hover,
#watercycle a#infiltration:hover,
#watercycle a#springs:hover,
#watercycle a#ground_water_discharge:hover,
#watercycle a#ground_water_storage:hover,
#watercycle a#agricultural_land:hover {background-position:0 0;}

#watercycle a:hover span {width:180px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;line-height: 1.2em;}
.ie6 #watercycle a:hover span {width:180px; w\idth:180px;}

#watercycle a#evaporation:hover span {left:36px; top:200px;}
#watercycle a#urban:hover span {left:-36px; top:200px;}
#watercycle a#condensation:hover span {left:-36px; top:200px;}
#watercycle a#snowmelt:hover span {left:-36px; top:200px;}
#watercycle a#evapotranspiration:hover span {left:-36px; top:200px;}
#watercycle a#atmosphere:hover span {left:-36px; top:200px;}
#watercycle a#precipitation:hover span {left:-36px; top:200px;}
#watercycle a#surface:hover span {left:-36px; top:200px;}
#watercycle a#streamflow:hover span {left:-36px; top:200px;}
#watercycle a#infiltration:hover span {left:-36px; top:200px;}
#watercycle a#springs:hover span {left:-36px; top:200px;}
#watercycle a#ground_water_discharge:hover span {left:-36px; top:200px;}
#watercycle a#ground_water_storage:hover span {left:-36px; top:200px;}
#watercycle a#agricultural_land:hover span {left:-36px; top:200px;}

#watercycle a span:first-line {font-weight:bold; font-style:italic;}

/* RAINFALL DIAGRAM */
#rainfall_diagram {display:block; width:900px; height:400px; background:url(http://media.waterandclimatechange.eu/img/diagrams/rainfall.jpg) no-repeat 0 0; position:relative;margin:33px 0 7px 0;}

#rainfall_diagram a#title {cursor:default;
display:block;
font-size:1.6em;
height:0;
left:0;
position:absolute;
top:-28px;
width:400px;}

* html #rainfall_diagram a#title {height:240px; he\ight:0;}

#rainfall_diagram a#title:hover {background-position: 0 0; z-index:10;}

#rainfall_diagram dd {position:absolute; padding:0; margin:0;width:900px;}
#rainfall_diagram #pica {left:452px; top:200px; z-index:20;width:180px;}
#rainfall_diagram #picb {left:183px; top:179px; z-index:20;width:180px;}
#rainfall_diagram #picc {left:550px; top:2px; z-index:20;width:188px;}
#rainfall_diagram #picd {left:669px; top:206px; z-index:20;width:188px;}

#rainfall_diagram a#surface,
#rainfall_diagram a#snow-melt,
#rainfall_diagram a#precipitation,
#rainfall_diagram a#evaporation{display:block; width:115px; height:25px; text-decoration:none; z-index:20;}

#rainfall_diagram a span, #rainfall_diagram a:visited span {display:none;}

#rainfall_diagram a#surface:hover, #rainfall_diagram a#snow-melt:hover, #rainfall_diagram a#precipitation:hover, #rainfall_diagram a#evaporation:hover
{background-position:0 0;}

#rainfall_diagram a:hover span {width:180px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;line-height: 1.2em;}
.ie6 #rainfall_diagram a:hover span {width:180px; w\idth:180px;}

#rainfall_diagram a#surface:hover span {left:36px; top:200px;}
#rainfall_diagram a#snow-melt:hover span {left:-36px; top:200px;}
#rainfall_diagram a#precipitation:hover span {left:-36px; top:200px;}
#rainfall_diagram a#evaporation:hover span {left:-36px; top:200px;}

#rainfall_diagram a span:first-line {font-weight:bold; font-style:italic;}


/* FRESHWATER DIAGRAM */
#freshwater_diagram {display:block; width:900px; height:400px; background:url(http://media.waterandclimatechange.eu/img/diagrams/freshwater.jpg) no-repeat 0 0; position:relative;margin:33px 0 7px 0;}

#freshwater_diagram a#title {cursor:default;
display:block;
font-size:1.6em;
height:0;
left:0;
position:absolute;
top:-28px;
width:400px;}

* html #freshwater_diagram a#title {height:240px; he\ight:0;}

#freshwater_diagram a#title:hover {background-position: 0 0; z-index:10;}

#freshwater_diagram dd {position:absolute; padding:0; margin:0;width:900px;}
#freshwater_diagram #pica {left:434px; top:165px; z-index:20;}
#freshwater_diagram #picb {left:250px; top:165px; z-index:20;width:180px;}
#freshwater_diagram #picc {left:410px; top:14px; z-index:20;width:188px;}

#freshwater_diagram a#surface,
#freshwater_diagram a#snow-melt,
#freshwater_diagram a#precipitation{display:block; width:115px; height:25px; text-decoration:none; z-index:20;}

#freshwater_diagram a span, #freshwater_diagram a:visited span {display:none;}

#freshwater_diagram a#surface:hover, #freshwater_diagram a#snow-melt:hover, #freshwater_diagram a#precipitation:hover
{background-position:0 0;}

#freshwater_diagram a:hover span {width:180px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;line-height: 1.2em;}
.ie6 #freshwater_diagram a:hover span {width:180px; w\idth:180px;}

#freshwater_diagram a#surface:hover span {left:36px; top:200px;}
#freshwater_diagram a#snow-melt:hover span {left:-36px; top:200px;}
#freshwater_diagram a#precipitation:hover span {left:-36px; top:200px;}

#freshwater_diagram a span:first-line {font-weight:bold; font-style:italic;}


/* EVAPOTRANSPIRATION DIAGRAM */
#evapotranspiration_diagram {display:block; width:900px; height:385px; background:url(http://media.waterandclimatechange.eu/img/diagrams/evapotranspiration.jpg) no-repeat 0 0; position:relative;margin:33px 0 7px 0;}

#evapotranspiration_diagram a#title {cursor:default;
display:block;
font-size:1.6em;
height:0;
left:0;
position:absolute;
top:-28px;
width:400px;}

* html #evapotranspiration_diagram a#title {height:240px; he\ight:0;}

#evapotranspiration_diagram a#title:hover {background-position: 0 0; z-index:10;}

#evapotranspiration_diagram dd {position:absolute; padding:0; margin:0;width:900px}
#evapotranspiration_diagram #pica {left: 246px;top: 37px;z-index: 20;width: 200px}
#evapotranspiration_diagram #picb {left: 631px;top: 37px;z-index: 20;width: 176px;}
#evapotranspiration_diagram #picc {left: 76px;top: 216px;z-index: 20;width: 146px}

#evapotranspiration_diagram a#evaporation,
#evapotranspiration_diagram a#transpiration,
#evapotranspiration_diagram a#interception
{display:block; width:115px; height:25px; text-decoration:none; z-index:20;}

#evapotranspiration_diagram a span, #evapotranspiration_diagram a:visited span {display:none;}

#evapotranspiration_diagram a#evaporation:hover, #evapotranspiration_diagram a#transpiration:hover, #evapotranspiration_diagram a#interception:hover
{background-position:0 0;}

#evapotranspiration_diagram a:hover span {width:180px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;line-height: 1.2em;}
.ie6 #evapotranspiration_diagram a:hover span {width:180px; w\idth:180px;}

#evapotranspiration_diagram a#evaporation:hover span {left:36px; top:200px;}
#evapotranspiration_diagram a#transpiration:hover span {left:-36px; top:200px;}
#evapotranspiration_diagram a#interception:hover span {left:-36px; top:200px;}

#evapotranspiration_diagram a span:first-line {font-weight:bold; font-style:italic;}

/* SOIL MOISTURE DIAGRAM */
#soilmoisture_diagram {display:block; width:900px; height:525px; background:url(http://media.waterandclimatechange.eu/img/diagrams/soilmoisture.jpg) no-repeat 0 0; position:relative;margin:33px 0 7px 0;}

#soilmoisture_diagram a#title {cursor:default;
display:block;
font-size:1.6em;
height:0;
left:0;
position:absolute;
top:-28px;
width:400px;}

* html #soilmoisture_diagram a#title {height:240px; he\ight:0;}

#soilmoisture_diagram a#title:hover {background-position: 0 0; z-index:10;}

#soilmoisture_diagram dd {position:absolute; padding:0; margin:0;width:900px}
#soilmoisture_diagram #pica {left: 488px;top: 33px;z-index: 20;width: 200px}
#soilmoisture_diagram #picb {left: 711px;top: 33px;z-index: 20;width: 176px;}
#soilmoisture_diagram #picc {left: 217px;top: 33px;z-index: 20;width: 146px}
#soilmoisture_diagram #picd {left: 254px;top: 213px;z-index: 20;width: 406px}
#soilmoisture_diagram #pice {left: 634px;top: 258px;z-index: 20;width: 146px}
#soilmoisture_diagram #picf {left: 518px;top: 366px;z-index: 20;width: 146px}
#soilmoisture_diagram #picg {left: 707px;top: 202px;z-index: 20;width: 246px}
#soilmoisture_diagram #pich {left: 707px;top: 310px;z-index: 20;width: 146px}
#soilmoisture_diagram #pici {left: 76px;top: 216px;z-index: 20;width: 146px}
#soilmoisture_diagram #picj {left: 76px;top: 216px;z-index: 20;width: 146px}


#soilmoisture_diagram a#rain,
#soilmoisture_diagram a#snow,
#soilmoisture_diagram a#evapotranspiration,
#soilmoisture_diagram a#underground-discharge,
#soilmoisture_diagram a#soil-infiltration,
#soilmoisture_diagram a#water-table,
#soilmoisture_diagram a#top-soil,
#soilmoisture_diagram a#sub-soil,
#soilmoisture_diagram a#bedrock,
#soilmoisture_diagram a#aquifer
{display:block; width:115px; height:50px; text-decoration:none; z-index:20;}

#soilmoisture_diagram a span, #soilmoisture_diagram a:visited span {display:none;}

#soilmoisture_diagram a#rain:hover,
#soilmoisture_diagram a#snow:hover,
#soilmoisture_diagram a#evapotranspiration:hover,
#soilmoisture_diagram a#underground-discharge:hover,
#soilmoisture_diagram a#soil-infiltration:hover,
#soilmoisture_diagram a#water-table:hover,
#soilmoisture_diagram a#top-soil:hover,
#soilmoisture_diagram a#sub-soil:hover,
#soilmoisture_diagram a#bedrock:hover,
#soilmoisture_diagram a#aquifer:hover
{background-position:0 0;}

#soilmoisture_diagram a:hover span {width:180px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;line-height: 1.2em;}
.ie6 #soilmoisture_diagram a:hover span {width:180px; w\idth:180px;}

#soilmoisture_diagram a#evaporation:hover span {left:36px; top:200px;}
#soilmoisture_diagram a#transpiration:hover span {left:-36px; top:200px;}
#soilmoisture_diagram a#interception:hover span {left:-36px; top:200px;}

#soilmoisture_diagram a span:first-line {font-weight:bold; font-style:italic;}

/* WATCH DATA EXPLAINED - ABOUT SECTION */

#watch-forcing-data {display:block; height:400px; background:url(http://www.waterandclimatechange.eu/images/361.gif); position:relative;margin:20px 0 0 0;background-repeat:no-repeat;}

#watch-forcing-data a#title {display:block; width:400px; height:0; padding-top:240px; overflow:hidden; position:absolute; left:0; top:0; cursor:default;}

* html #watch-forcing-data a#title {height:240px; he\ight:0;}

#watch-forcing-data a#title:hover {background-position: 0 0; z-index:10;}

#watch-forcing-data dd {position:absolute; padding:0; margin:0;}
#watch-forcing-data #pica {left:245px; top:30px; z-index:20;}
#watch-forcing-data #picb {left:245px; top:58px; z-index:20;}
#watch-forcing-data #picc {left:245px; top:86px; z-index:20;}
#watch-forcing-data #picd {left:245px;top:114px;z-index:20;width: 130px;}
#watch-forcing-data #pice {left:245px; top:138px; z-index:20;}
#watch-forcing-data #picf {left:245px; top:155px; z-index:20;}
#watch-forcing-data #picg {left:245px; top:190px; z-index:20;}
#watch-forcing-data #pich {left:245px; top:222px; z-index:20;}
#watch-forcing-data #pici {left:245px; top:250px; z-index:20;}

#watch-forcing-data a#gwava,
#watch-forcing-data a#h08,
#watch-forcing-data a#Htessel,
#watch-forcing-data a#JULES,
#watch-forcing-data a#LPJ,
#watch-forcing-data a#MPI-HM,
#watch-forcing-data a#Orchidee,
#watch-forcing-data a#VIC,
#watch-forcing-data a#WATER
{display:block; width:115px; height:23px; text-decoration:none; z-index:20;}

#watch-forcing-data a span, #watch-forcing-data a span a, #watch-forcing-data a:visited span {display:none;}

#watch-forcing-data a#gwava:hover,
#watch-forcing-data a#h08:hover,
#watch-forcing-data a#Htessel:hover,
#watch-forcing-data a#JULES:hover,
#watch-forcing-data a#LPJ:hover,
#watch-forcing-data a#MPI-HM:hover,
#watch-forcing-data a#Orchidee:hover,
#watch-forcing-data a#VIC:hover,
#watch-forcing-data a#WATER:hover
{background-position:0 0;}

#watch-forcing-data a:hover span {width:180px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;line-height: 1.2em;}
.ie6 #watch-forcing-data a:hover span {width:180px; w\idth:180px;}

#watch-forcing-data a span:first-line {font-weight:bold; font-style:italic;}

/* ----/about/watch-20th-century-model-output-datasets--- */

#watch-forcing-data-a {display:block; height:400px; background:url(http://www.waterandclimatechange.eu/images/363.gif); position:relative;margin:20px 0 0 0;background-repeat:no-repeat;}

#watch-forcing-data-a a#title {display:block; width:400px; height:0; padding-top:240px; overflow:hidden; position:absolute; left:0; top:0; cursor:default;}

* html #watch-forcing-data-a a#title {height:240px; he\ight:0;}

#watch-forcing-data-a a#title:hover {background-position: 0 0; z-index:10;}

#watch-forcing-data-a dd {position:absolute; padding:0; margin:0;}
#watch-forcing-data-a #pica {left:325px; top:5px; z-index:20;}
#watch-forcing-data-a #picb {left:325px; top:40px; z-index:20;}
#watch-forcing-data-a #picc {left:325px; top:77px; z-index:20;}
#watch-forcing-data-a #picd {left:325px; top:114px; z-index:20;}
#watch-forcing-data-a #pice {left:325px; top:152px; z-index:20;}
#watch-forcing-data-a #picf {left:325px; top:195px; z-index:20;}
#watch-forcing-data-a #picg {left:325px; top:230px; z-index:20;}
#watch-forcing-data-a #pich {left:325px; top:267px; z-index:20;}
#watch-forcing-data-a #pici {left:325px; top:304px; z-index:20;}
#watch-forcing-data-a #picj {left:325px; top:345px; z-index:20;}


#watch-forcing-data-a a#Tair_WFD_,
#watch-forcing-data-a a#PSurf_WFD_,
#watch-forcing-data-a a#Qair_WFD_,
#watch-forcing-data-a a#Wind_WFD_,
#watch-forcing-data-a a#LWdown_WFD_,
#watch-forcing-data-a a#SWdown_WFD_,
#watch-forcing-data-a a#Rainf_WFD_GPCC_,
#watch-forcing-data-a a#Snowf_WFD_GPCC_,
#watch-forcing-data-a a#Rainf_WFD_CRU_,
#watch-forcing-data-a a#Snowf_WFD_CRU_
{display:block; width:233px; height:23px; text-decoration:none; z-index:20;}

#watch-forcing-data-a a span, #watch-forcing-data-a a span a, #watch-forcing-data-a a:visited span {display:none;}

#watch-forcing-data-a a#Tair_WFD_:hover,
#watch-forcing-data-a a#PSurf_WFD_:hover,
#watch-forcing-data-a a#Qair_WFD_:hover,
#watch-forcing-data-a a#Wind_WFD_:hover,
#watch-forcing-data-a a#LWdown_WFD_:hover,
#watch-forcing-data-a a#SWdown_WFD_:hover,
#watch-forcing-data-a a#Rainf_WFD_GPCC_:hover,
#watch-forcing-data-a a#Snowf_WFD_GPCC_:hover,
#watch-forcing-data-a a#Rainf_WFD_CRU_:hover,
#watch-forcing-data-a a#Snowf_WFD_CRU_:hover
{background-position:0 0;}

#watch-forcing-data-a a:hover span {width:180px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;line-height: 1.2em;}
.ie6 #watch-forcing-data-a a:hover span {width:180px; w\idth:180px;}

#watch-forcing-data-a a span:first-line {font-weight:bold; font-style:italic;}



/* ----/about/watch-20th-century-model-output-datasets--- */

#watch-forcing-data-b {display:block; height:400px; background:url(http://www.waterandclimatechange.eu/images/362.gif); position:relative;margin:20px 0 0 0;background-repeat:no-repeat;}

#watch-forcing-data-b a#title {display:block; width:400px; height:0; padding-top:240px; overflow:hidden; position:absolute; left:0; top:0; cursor:default;}

* html #watch-forcing-data-b a#title {height:240px; he\ight:0;}

#watch-forcing-data-b a#title:hover {background-position: 0 0; z-index:10;}

#watch-forcing-data-b dd {position:absolute; padding:0; margin:0;}
#watch-forcing-data-b #pica {left:125px; top:3px; z-index:20;}
#watch-forcing-data-b #picb {left:125px; top:33px; z-index:20;}
#watch-forcing-data-b #picc {left:125px; top:68px; z-index:20;}

#watch-forcing-data-b a#CNRM-a,
#watch-forcing-data-b a#ECHAM-a,
#watch-forcing-data-b a#IPSL-a
{display:block; width:233px; height:23px; text-decoration:none; z-index:20;}

#watch-forcing-data-b a span, #watch-forcing-data-b a span a, #watch-forcing-data-b a:visited span {display:none;}

#watch-forcing-data-b a#Tair_WFD_:hover,
#watch-forcing-data-b a#PSurf_WFD_:hover,
#watch-forcing-data-b a#Qair_WFD_:hover
{background-position:0 0;}

#watch-forcing-data-b a:hover span {width:280px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;line-height: 1.2em;}
.ie6 #watch-forcing-data-b a:hover span {width:280px; w\idth:280px;}

#watch-forcing-data-b a span:first-line {font-weight:bold; font-style:italic;}



#watch-forcing-data-c {display:block; height:400px; position:relative;margin:20px 0 0 0;background-repeat:no-repeat;}

#watch-forcing-data-c a#title {display:block; width:400px; height:0; padding-top:240px; overflow:hidden; position:absolute; left:0; top:0; cursor:default;}

* html #watch-forcing-data-c a#title {height:240px; he\ight:0;}

#watch-forcing-data-c a#title:hover {background-position: 0 0; z-index:10;}

#watch-forcing-data-c dd {position:absolute; padding:0; margin:0;}
#watch-forcing-data-c #pica {left:325px; top:5px; z-index:20;}
#watch-forcing-data-c #picb {left:325px; top:40px; z-index:20;}
#watch-forcing-data-c #picc {left:325px; top:77px; z-index:20;}

#watch-forcing-data-c a#Tair_WFD_,
#watch-forcing-data-c a#PSurf_WFD_,
#watch-forcing-data-c a#Qair_WFD_
{display:block; width:233px; height:23px; text-decoration:none; z-index:20;}

#watch-forcing-data-c a span, #watch-forcing-data-c a span a, #watch-forcing-data-c a:visited span {display:none;}

#watch-forcing-data-c a#Tair_WFD_:hover,
#watch-forcing-data-c a#PSurf_WFD_:hover,
#watch-forcing-data-c a#Qair_WFD_:hover
{background-position:0 0;}

#watch-forcing-data-c a:hover span {width:180px; display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; padding:5px;line-height: 1.2em;}
.ie6 #watch-forcing-data-c a:hover span {width:180px; w\idth:180px;}

#watch-forcing-data-c a span:first-line {font-weight:bold; font-style:italic;}







.total-rainfall-bargraph,
.total-evaporation-bargraph,
.total-land-bargraph{
clear:left;
padding: 27px 15px 0px 0;
height: 140px;
}

.total-land-bargraph{
height: 80px;
}
.total-rainfall-bargraph img,
.total-evaporation-bargraph img,
.total-land-bargraph img,
.total-elevation-bargraph img,
.total-river-network-bargraph img,
.total-land-cover-bargraph img{
	margin:0 0 0 30px;
}
.total-rainfall-bargraph .chart,
.total-evaporation-bargraph .chart,
.total-land-bargraph .chart{
float:left;
font-family:Verdana;
font-size:0.9em;
margin:0 0 0 8px;
padding:0.4em 0.1em;
width:100%;
}
.total-rainfall-bargraph .chart {
background:transparent url(http://media.waterandclimatechange.eu/img/rainfall_bargraph.jpg) no-repeat scroll 8px 0;
}
.total-evaporation-bargraph .chart{
background:transparent url(http://media.waterandclimatechange.eu/img/evaporation_bargraph.gif) no-repeat scroll 8px 0;
}
.total-land-bargraph .chart{
background:transparent url(http://media.waterandclimatechange.eu/img/land_bargraph.jpg) no-repeat scroll 8px 0;
}

	.ie6 .total-rainfall-bargraph,
	.ie6 .total-evaporation-bargraph,
	.ie6 .total-land-bargraph{
		margin:30px 0 0 0;
}
.chart li {
	list-style: none;
	float: left;
	width: 12em;
	text-align: center;
}

.chart li span {
	display: block;
	text-indent: -999em;
	padding-bottom: 7px;
}

.chart strong {
	display: block;
	text-align: center;
	font-weight: normal;
}


#accordion{
	margin:54px 0 0 0;
}
#default #accordion{
	margin:0 0 0 0;
}
#default #accordion h2 a{
	font-size:0.9em;
}
#default #main-content .maps h2{
	font-size:2.2em;
	margin:0 0 3px 0;
	background:#ddd;
	padding:4px 10px;
		border: 1px solid #CCC;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

}
#accordion h2.ui-state-active{
		background:url("http://media.waterandclimatechange.eu/img/bg_arrow_down.png") no-repeat scroll 7px 12px #eee;
		padding-left:26px;
		border-bottom: 0;
			margin:0px 0 10px 10px;
	}
	#default #main-content #accordion h2{
		font-size:1.6em;
		margin:-1px 0 0 0;
		padding:2px 0 2px 10px;
		border-bottom: 1px solid #CCC;
		background:#eee;
		color:#005F87;
		cursor:default;
	}
	#default #main-content #accordion h2.ui-state-active:hover{
		text-decoration:none;		
	}
	#default #main-content #accordion h2:hover{
		text-decoration:underline;	
	}
	#accordion h2{
		background:url("http://media.waterandclimatechange.eu/img/bg_arrow.png") no-repeat scroll 7px 12px #eee;
		margin:10px 0 10px 10px;
		padding-left:26px;
		border: 1px solid #CCC;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;

	}
	#default #accordion ul {
		width: 378px;	
		background: #fff;	
		margin:-2px 0 0 0;
	}
	#accordion ul {
	width: 368px;
	margin:-14px 0 0px 10px;
	background: #EEE;
	border: 1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top: 0;
	padding-bottom: 10px;
	}	
	#accordion ul li{
		list-style-type: none;
		text-align: center;
		width: 382px;
	}
	#extra-info #accordion ul li img{
		width:300px;
		height:128px;
		display:block;
		margin:0 auto;
		padding:10px;
		position: static	
	}
	#default #accordion ul li img{	
	height: 128px;
	width: 300px;
	margin:0 auto;
	padding:10px 0;	
	}
	#default #accordion ul li a{
		font-size:1.3em;	
	}
#news .entry-content{
margin:0px;
}
#news p.news-image{
	float:right;
}
#news .published p{
	margin-bottom: 10px;
	font-size:1.2em;
}
#news .published span{
	color:#666;
}
#news #extra-info{
/*	width:370px;	*/
}
#news .hfeed h3{
	margin:10px;
}
#news .hfeed p.more{
border-bottom:1px solid #dedede;
padding-bottom:10px;
}
#news #extra-info h3{
padding: 6px 0 6px 10px;
margin: 10px 0 0 13px;
/*background: url(http://media.waterandclimatechange.eu/img/bg_arrow.png) no-repeat scroll 7px 9px;*/
}
#news .rssfeeds ul li{
	list-style-type:square;
	margin:0 0 0 20px;
	font-size:1.2em;
}

#news .txt ul li{
	list-style-type:circle;
	margin:0 0 10px 28px;
	font-size:1.5em;
	line-height: 1.4em;
}


#news .hfeed h3 a,#news #extra-info h3 a{
	font-size:1.6em;
	font-weight:100;
	line-height:1.3em;
}	
#news #extra-info ul{
	width:100%;
	margin:15px 0 0 20px;	
}
#news #extra-info ul li{
	font-size:1.6em;
	padding:0 0 10px 0
}
#news #extra-info ul li span.published{
	display:block;	
	font-size:0.8em;
	color:#888;
	margin-top:5px;
	margin-bottom:5px;
}

#default .maps{
	position:absolute;
	top:-80px;
	left:550px;	
}
#default .search .maps{
	position:absolute;
	top:50px;
	left:550px;	
}

#default .maps h2 a{
	font-size:1em;
}
#default #news{
	background:#eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 4px;
	margin-top:10px;
	border: 1px solid #ccc;
	width: 378px;	
}
#default #news h2{
	background:#eee;
	font-size:2.2em;
	border-bottom:1px dotted #777;
	padding:10px 0 0 0;	
	margin-bottom:0;
	margin-left:15px;
	margin-right:15px;
	margin-top:0;
	width:345px;
}
#default #news ul{
	list-style-type:none;
	
}
#default #news ul li,#about .txt ol li{
	font-size:1.5em;
	line-height:1.2em;
	margin-bottom:10px;
	margin-left:30px;
	margin-right:15px;
	margin-top:10px;
	list-style-type:square;
}
#about .txt ol li{
	list-style-type:decimal;	
}
#about .index #extra-info{
width:190px;
padding:0 0 0 10px;
}

#about .single #extra-info{
width: 370px;
padding: 0 0 0 10px;
}
#about .single #extra-info img{
	margin: 10px 0;
}
#about #extra-info h2{
background: #EEE url(http://media.waterandclimatechange.eu/img/bg_arrow.png) no-repeat scroll 7px 9px;
border: 1px solid #CCC;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: Georgia;
font-size: 1.6em;
font-weight: normal;
margin: 10px 0 10px 0px;
padding: 3px 10px 3px 27px;
line-height: 1.6em;
cursor: pointer;
color: #005F87;
}
#about #extra-info ul {
margin:20px 0;
}
#about #extra-info ul li{ 
list-style-type:none;
font-size:1.4em;
margin:3px 0 0 5px;
padding:0 0 10px 0;
}
#about #extra-info ul li span.published{
display:block;
font-size:0.8em;
margin:3px 0 0 0;
}

#default #news ul li span.entry-title{
	
}
#default #news ul li span.published{
	display:block;
	color:#777;
	margin:0 0 7px 0;	
	
}
#default .subscribe {
	padding:10px 0 0 0;	
	border-top: 1px solid #DEDEDE;
}
#default #main-content .subscribe h2,
#main-content #list_other_category_maps h2{
 font-size:2em;
 width:200px;
 margin:0;
	background: #eee;
}
#main-content #list_other_category_maps h2{
	background: #fff;
	width:675px;
	margin:10px;
	padding-top:10px;
	border-top:1px solid #eee;
}
#default #main-content .subscribe #list h2{
	margin:3px 0 0 -16px;
}
#default .subscribe .form {width:250px;
	background:#eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 4px;
	margin-top:0px;
	border: 1px solid #ccc;
	padding:10px;
	height: 154px;
}
#default .subscribe .form p{font-size:1.2em;padding:0;margin:0;}
#default .subscribe .form form{font-size:1.2em;}
#default .subscribe form.zemContactForm{
width: 205px;
margin: -18px 0 0 0px;
padding: 0;
	background: #eee;
}
#default .subscribe form.zemContactForm fieldset{
	width:227px;		
}
#default .subscribe form.zemContactForm input.zemText{
width: 142px;
float: left;
}
#default .subscribe form.zemContactForm input.zemSubmit{
width: 64px;
float: left;
margin: 3px 0 0 10px;	
}

#default .subscribe form.zemContactForm label {
position:absolute;
left:-5000px;
}

#default .subscribe form.zemContactForm fieldset ul{
margin:0;	
}