/*
	Stylesheet for the remas website.
	Created for: Environment Agency
	Date: 15th April 2005
	Author: Nik Lazell
	--------------------------------------- */ 
/* @import url(structure.css); */
 


/* Main Page Link Definitions ////////////////////  */
#content a {
	text-decoration: none;
	color: #0000cc;
	font-weight: normal;
	}

#content a:visited  {
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #0066cc;
	font-weight: normal;
	}

#content a:hover {
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #0066cc;
	font-weight: normal;
	}



/* Various ////////////////////  */

.partner {
	padding: 30px 0;
	border-bottom: 1px solid #ccc;
	}

.projectpartners {
	text-align: center;
	padding: 10px 0;
	}

.xlink {cursor:default;} 





/* Typography //////////////////// */

h1 {
	font: 1.4em/1.5em "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #000;
	margin: 0px;
	}

h2 {
	font: 1.2em/1.5em "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 10px 0 0 0;
	font-weight: 600;
	text-transform: uppercase;
	}

h3 {
	font: 0.8em/1.5em "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-weight: bold;
	text-transform: uppercase;
	margin: 40px 0 0 0;
	}

abbr, acronym, .help {
	border-bottom: 1px dotted #333;
	cursor: help;
	}


p {
	margin: 5px 0 10px 0;
	}


small {
	text-transform: lowercase;
	font: 8px verdana, sans-serif;
	}

.issue {
	font: 60px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #ddd
	}




/* Links //////////////////// */

#footer a {
	color: #999;
	text-decoration: none;
	}

#footer a:hover {
	color: #0066cc;
	text-decoration: none;
}

.projectpartners a {
	display: block;
	border: 1px solid #fff;
	text-decoration: none;
	padding: 10px 0;
	}

.projectpartners a:hover {
	display: block;
	border: 1px solid #ccc;
	text-decoration: none;
	padding: 10px 0;
	}






/* Form Items //////////////////// */

input,select,textarea {
	background-color: #f5f5f5;
	border: #cccccc 1px solid; 
	color: #333333;
	font: 0.9em  verdana, arial, sans-serif; 
	padding: 1px 1px 1px 1px;
	}





/* Tables //////////////////// */

table {
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	}
.tableheader{
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	background-color: #e2e2e2;
	font-weight: bold;
	}
.tabledata{
	font: 1em/1.5em Verdana, Arial, Helvetica, sans-serif;
	background-color: #f1f4f0;
	vertical-align: text-top;
	}





/* Main Site Navigation //////////////////// */

* html #nav {  /* Tan */
	w\idth: 770px; 
	}
* html #footer {  /* Tan */
	w\idth: 760px; 
	}
	

.navigation ul { /* all lists */
	padding: 0;
	font: 0.9em/1.5em "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0 0 15px 0;
	list-style: none;
	}


	
html>body .navigation ul a {
	width: auto;
	}
		
.navigation ul a:link {
	display: block;
	background: #f1f4f0;
	width: 150px;
	text-decoration: none;
	}

.navigation ul a:visited
	{
	display: block;
	background: #e2e2e2;
	width: 150px;
	text-decoration: none;
	}



.navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}

.navigation li ul, li ul { /* lists nested under hovered list items */
	display: block;
	}
.navigation li a:visited {
	display: block;
	padding: 0.10em 0.5em 0.10em 0;
	color: #666;
	width: 150px;
	background: #f1f4f0;
	text-decoration: none;
	}
.navigation li a {
	display: block;
	padding: 0.10em 0.5em 0.10em 0;
	color: #000;
	width: 150px;
	background: #f1f4f0;
	text-decoration: none;
	}
.navigation li a:link {
	display: block;
	padding: 0.10em 0.5em 0.10em 0;
	color: #000;
	width: 150px;
	background: #f1f4f0;
	text-decoration: none;
	}
.navigation li a:hover {
	display: block;
	padding: 0.10em 0.5em 0.10em 0;
	color: #0066cc;
	width: 150px;
	text-decoration: none;
	}

.navigation li li {
	width: 150px;
}
.navigation li li a {
	display: block;
	padding: 0.10em 0.5em 0.10em 0.75em;
	border-left: 5px solid #f1f4f0;
	width: 150px;
	color: #999;
	background: #fff;
	text-decoration: none;
	}
.navigation li li a:link {
	display: block;
	padding: 0.10em 0.5em 0.10em 0.75em;
	border-left: 5px solid #f1f4f0;
	width: 150px;
	color: #999;
	background: #f1f4f0;
	text-decoration: none;
	}
.navigation li li a:visited {
	display: block;
	padding: 0.10em 0.5em 0.10em 0.75em;
	border-left: 5px solid #fff4f0;
	width: 150px;
	color: #999;
	background: #f1f4f0;
	text-decoration: none;
	}

.navigation li li a:hover {
	display: block;
	padding: 0.10em 0.5em 0.10em 0.75em;
	width:150px;
	color: #0066cc;
	background: #fff;
	text-decoration: none;
	border-left: 5px solid #fe3;
	}

		
		





/* Factsheets //////////////////// */

#factsheets {
margin: 20px 0 50px 0;
}

#factsheets a:hover
{
display: block;
color: #0066cc;
padding: 0.10em 0.5em 0.10em 0.75em;
border-left: 5px solid #fe3;
width: 100%;
background: #f1f4f0;
text-decoration: none;
}

html>body #factsheets li a:hover {
	width: auto;
	}

#factsheets a
{
display: block;
padding: 0.10em 0.5em 0.10em 0.75em;
border-left: 5px solid #AAB;
width: 100%;
background: #e2e2e2;
text-decoration: none;
}
html>body #factsheets li a {
		width: auto;
		}




/* Pages of Interest //////////////////// */

#pageroutes a {
	display: block;
	color: #0033cc;
	text-decoration: none;
	}
	
#pageroutes a:hover {
	display: block;
	color: #003399;
	text-decoration: underline;
	}
	
#pageroutes ul {
	margin: 0;
	}
	
#pageroutes li {
	display: inline;
	list-style-type: none;
	}
#navigation {
width: 150px;
}	
#navlist {
	padding: 0 1px 1px;
	margin-left: 0;
	font: bold 1em Verdana, sans-serif;
	}

#navlist li {
	font: 0.8em/1.5em "verdana", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	height: 18px;
	list-style: none;
	margin: 0;
	text-align: left;
	}
	
#navlist a {
width: 150px;
}
#navlist li.title {
	font: 0.8em/1.5em "verdana", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #fff;
	width: 150px;
	background-color: #aab;
	display: block;
	height: 18px;
	text-indent: 5px;
	list-style: none;
	margin: 0 0 1px 0;
	text-align: left;
	}

#navlist li a {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #AAB;
	background: #f1f4f0;
	display:block;
	text-decoration: none;
	}

html>body #navlist li a {
	width: auto;
	}

#navlist li a:visited {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #bbb;
	background: #f1f4f0;
	text-decoration: none;
	}

html>body #navlist li a:visited {
	width: auto;
	}

#navlist li a:link {
	color: #448;
	margin: 0 0 1px 0;
	}
	
#navlist li a:visited {
	color: #667;
	margin: 0 0 1px 0;
	}

#navlist li a:hover {
	border-color: #FE3;
	color: #0066cc;
	text-decoration:none;
	background: #e5e5e5;
	}
	
	

/* Translation Navigation //////////////////// */

/* Structure //////////////////// */
#content {
	float: left; 
	padding: 0 0 0 18px;
	font: 0.8em/1.5em Verdana, Arial, Helvetica, serif;
	}
#pageroutes {
	margin: 10px 0 10px 10px;
	float: right;
	width: 200px;
	background-color: #f5f5ef;
	}


#pageroutes a {
	display: block;
	color: #0033cc;
	text-decoration: none;
	}
	
#pageroutes a:hover {
	display: block;
	color: #003399;
	text-decoration: underline;
	}
	
#pageroutes ul {
	margin: 0;
	}
	
#pageroutes li {
	display: inline;
	list-style-type: none;
	}
	
#langnavlist {
	padding: 0 1px 1px;
	margin-left: 0;
	font: bold 1em Verdana, sans-serif;
	width: 100%;
	}

#langnavlist li img {
	border: 0;
	float: right;
	}
.rightwindow img {
margin: 5px 5px 5px 0;
}
#langnavlist li {
	font: 1em/1.5em "verdana", Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	height: 18px;
	list-style: none;
	margin: 0;
	text-align: left;
	}

#langnavlist li.title {
	font: 1em/1.5em "verdana", Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	color: #fff;
	width: 100%;
	text-indent: 5px;
	background-color: #aab;
	display: block;
	height: 18px;
	list-style: none;
	margin: 0 0 1px 0;
	text-align: left;
	}

#langnavlist li a {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
/*	border-left: 1em solid #AAB; */
	background: #f1f4f0;
	width: 100%;
	text-decoration: none;
	}

html>body #langnavlist li a {
	width: auto;
	}

#langnavlist li a:visited {
	display: block;
	padding: 0.25em 0.5em 0.25em 0.75em;
/*	border-left: 1em solid #bbb;*/
	background: #f1f4f0;
	width: 100%;
	text-decoration: none;
	}

html>body #langnavlist li a:visited {
	width: auto;
	}
	
#langnavlist li a:link {
	color: #448;
	font: 1em/1.5em "verdana", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 1px 0
	}
	
#langnavlist li a:visited {
	color: #667;
	margin: 0 0 1px 0;
	}

#langnavlist li a:hover {
	font: 1em/1.5em "verdana", Verdana, Arial, Helvetica, sans-serif;
	color: #0066cc;
	text-decoration:none;
	background: #e5e5e5;
	}
	
	



#wrapper {
	position:relative;
	margin:0 auto;
	text-align:left;
	width: 778px;
}
body {
	margin: 0 auto;
	text-align:center;
	/* background-color: #e7e7d6; */
	background-color: #fff;
font: 80%/190% Verdana, Arial, Helvetica, sans-serif;
}
#page {
	text-align: center;
	background-image: url("../Images/shadow.gif");
	background-repeat: repeat-y;
}
#header {
	background: url('../Images/shadowW.gif');
	background-repeat: repeat-y;
	text-align: center;
	height: 95px;
	width: 760px;
	margin: 0 auto;
	padding-top: 5px;
}
#footer {
	text-align: left;
	color: #999;
	height: 40px;
padding: 5px;
margin: 0px auto;
	font: 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif;
width: 750px;
background-color: #e2e2e2;
}
#footer a:link {
color: #999;
}
#footer a:hover {
color: #666;
text-decoration: underline;
}
#footer a:visited {
color: #999;
}
.life {
padding: 5px;
width: 290px;
/* order: 1px solid #ccc;*/
}
.lowercontent {
	/* border: 1px solid #ff00ff; */
	width: 740px;
	text-align: left;
	margin: 30px auto 0;
}
.rightwindow {
	/* border: 1px solid #ffff00; */
	width: 542px;
	float: right;
	padding: 0 20px 0 0;
}
.leftwindow {
	float: left;
	width: 165px;
/*	border: 1px solid #00ffff;*/
	margin: 0 0 0 0;
}q	Ucontent_typeq
Utext/cssqU__name__qUsite.cssq
U_EtagSupport__etagqU
ts19362235.51qU__ac_local_roles__q}qUgrahamq]qUOwnerqasUsizeqL10782L
u.ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ
