/* Firefox Scrollbar issue workaround */
html {overflow-y: scroll; }

	* { margin: 0; padding: 0; border: none; }
	/* see ltie6.css */
	
	body { font-size: 100%; color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; background: #dcdcdc; padding-bottom: 20px; }
	
	input, select, textarea { font-family:Verdana,Arial,Helvetica,sans-serif;}
	
	input.text, select, textarea { border: 1px solid #6A8CAE; }
	
	p { margin: 0 0 1em 0; }
	a { color: #333; text-decoration: underline; }            /* Links #333 black and underlined */
	a:hover { text-decoration: none; }

	fieldset {width: 100%;}
		
	table { border-collapse: collapse; width: 100%; }
	
	/*******  End of HTML selectors ********************************************************/
	
	.left, .fleft {float: left !important; }
	.right, .fright { float: right !important; margin-right:3px !important; }
	
	.mright10 {margin-right: 10px;}
	.mtop10 {margin-top: 10px;}
	.mtop20 {margin-top: 20px;}

	.clearer {
		clear: both;
	}
	
	.hidden {
		display: none;
	}
	
	.hr {
		border-bottom: 1px solid #E3EFCD;
		margin: 0.5em 0;
		clear: both;
		width: 100%;
	}
	
	.hr hr { display: none; }
	
	.nomargin { margin: 0 !important; }

	.fade {color: #999;}								/* grey */
	
	.button, .radio, .check { border: none; width:auto !important;} 
	
	.max, .fullwidth { width: 100% !important; }
	
	.inline { display: inline; }
	
	
	.replace {
		display: block;
		text-indent: -99999px;
		overflow: hidden;
	}
	
	.bgwhite { background-color: #FFF !important; }
	
	.greenlink { color: #699F01; text-decoration: underline; }
	.orangelink { color: #F18814 !important; text-decoration: underline; }
	
	.errorText {
		clear: left;
		color: #AC0000;    /* dark red */
		display: block;
		font-weight: bold;
	}
	
	p.more { background: url(../img/more-green.png) no-repeat left; line-height: 2em !important; }
	p.more a { font-weight: bold; padding-left: 25px; display:block;}
	
/* content */
.content {
	float: right;
	margin: 10px 0;
	padding: 0 16px;
	width: 710px;
	min-height: 400px;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
.content ul {
	margin-bottom: 20px;
}
.content li {
	list-style: url(img/li.gif);
	margin-left: 20px;
	line-height: 20px;
}
.content h1 {
	font: normal 2.4em 'century gothic',Tahoma,sans-serif;
	margin-bottom: 4px;
	color:#0d4f1d;
}
.content h2 {
	font: normal 1.6em 'century gothic',Tahoma,sans-serif;
	margin-bottom: 8px;
	color:#0d4f1d;
}
.content h3 {
	font: normal 1.4em  'century gothic',Tahoma,sans-serif;
	margin-bottom: 8px;
	color:#0d4f1d;
}
.content p {font: normal 1.1em Verdana,Arial,Helvetica,sans-serif;}
	
/************************* ID's *************************/ 
/* 	layout */
	
	#container {
	margin: 1em auto 2px auto;
	width: 984px;
	line-height: 1.4;
	margin: 0 auto;
	background-color: #dcdcdc;
	color: #333;
	font-size: 75%;
	background: #fff url(../img/main-shadow-l.gif) repeat-y;
	overflow: hidden;
	}
	
	#logo {
		background-color: dcdcdc;
		float : left;
		padding: 10px 0 0 10px;
	}
	
	#top {
	width: 955px;
	height:160px;
	background: url(../img/banner.jpg) no-repeat top left;
	clear:both;
	}
	
	#top_exploring {
	width: 955px;
	height:160px;
	background: url(../img/banner_exploring.jpg) no-repeat top left;
	clear:both;
	}
	
	#top_characterising {
	width: 955px;
	height:160px;
	background: url(../img/banner_characterising.jpg) no-repeat top left;
	clear:both;
	}
	
	#top_conserving {
	width: 955px;
	height:160px;
	background: url(../img/banner_conserving.jpg) no-repeat top left;
	clear:both;
	}

.content a:link, 
.content a:visited, 
.content a:active {
  text-decoration:underline;
  color:#0d4f1d;
}
.content a:hover {
  text-decoration:underline;
  color:#1b9a3a;
}
/* search form */

#search {
	float:right;
	padding: 25px 15px 1px 0px; 
	border: none;
	height:17px;
	background-color: transparent;  
}

#search p {
	font-size: 1em;
   color:#f7f7f2;
	}
	
form.search input.textbox { 
	margin: 0; 
	width: 140px;
	border: 1px solid #CCC; 
	color: #333; 
	background: #FFF url(../img/input.png) no-repeat top left;
	font-size: 1em;
}
form.search input.searchbutton { 
	margin: 0; 
	font-size: 85%; 
	font-family: Arial, Sans-serif; 
	border: 1px solid #CCC; 
	background: #FFFFFF url(../img/headerbg.gif) repeat-x bottom left; 
	padding: 1px; 
	font-weight: bold; 
	height: 16px;
	color: #333;
	width: 20px;
}
	#address {
		background-color: white;
		width: 800px;
		line-height: .5em;
		font-size: 75%;
		clear: both;
		float : left;
		padding: 5px 0 0 12px;}
		
	div.small-font {
		font-size: 75% !important;
	}
	
	div.medium-font {
		font-size: 85% !important;
	}
	
	div.large-font {
		font-size: 100% !important;
	}

	#main {
		float: left;
		clear: left;
		width: 100%;
		background: url(../img/bgmain.gif) repeat-y;
		margin-top:10px;
	}
		
	/* see ltie6.css */
	#right_shadow {
		background: url(../img/main-shadow-r.gif) repeat-y right top;
		clear: left;
		float: left;
		width: 100%;
	}
	
	#bottom_curve_left {
		/* see ltie7.css */
		background: url(../img/main-shadow-bl.gif) no-repeat left bottom;
		float: left;
		overflow: hidden;
		padding-bottom: 14px;
		width: 100%;
	}
	
	#bottom_curve_right {
		background: url(../img/main-shadow-br.gif) no-repeat right bottom;
		float: left;
		overflow: hidden;
		width: 100%;
	}
	
	.padding {
		/* see ltie6.css */
		/* see ltie7.css */
		padding:0px 14px 4px 14px;
	}
	
	.padding .padding {
		padding: 5px;
	}

/*IMAGES */

	img.float-right {
	margin: 5px 0px 10px 10px; 
	border: 1px solid; color:#0B4218;
	padding:1px;  
	float: right;
	}
	
	img.float-left {
	margin: 5px 10px 10px 0px; 
	border: 1px solid; color:#0B4218;
	padding:1px;  
	float: left;
	}
	img.noborder_float_left {
	border: 0px;
	margin: 2px 2px 0px 0px;
	float: left;
	}
	img.noborder_float_right {
	border: 0px;
	margin: 20px 5px 0px 0px;
	float: right;
	}
	img.noborder {
	border: 0px;
	margin: 5px 5px 5px 5px; 
	float:right; }

	A:link img, A:visited img,A:hover img {border-color: #0B4218;padding:1px;}

/* Navigations */

/* standardised horizontal list */
.hlist li { float: left; }
.hlist li.divider { margin: 0 0.5em; }
.hlist li.envelope { float: right; }

	#nav {
		background: #0d4f1d url(../img/header-l.gif) no-repeat left top;
		clear: both;
		float: left;
		position: relative;
		overflow: hidden;
		width: 100%;
		list-style-type:none;
	}
	
	#nav .inner {
		background: url(../img/header-r.gif) no-repeat right top;
		float: left;
		/* see ltie7.css */
		padding-bottom: 7px;
		width: 100%;
	}
	
	#nav .inner .tl {
		background: #0d4f1d url(../img/header-l.gif) no-repeat left top;
		height: 220px;
		left: 0px;
		position: absolute;
		top: 0px;
		width: 11px;
	}
	
	#nav ul {
		float: left;
		margin: 27px 12px 0 20px;	/* see ltie7.css */
		list-style-type:none;
	}
	
	#nav ul.hlist2 {
		float: right;
		margin: 27px 15px 0 15px;
		text-align: right;
		width: 33%;
		}
	
	#nav li {
		border-right: 2px solid white;
		font-weight: bold;
		/*font-size: 91.67%;*/
		margin-right: 5px;
		padding-right: 5px;
	}

	#nav .hlist2 li {
		color: #fff;
		font-weight: normal;
	}
	
	#nav .hlist2 li.last a {
		display: inline;
	}
	
	#nav li.last {
		border: 0;
		margin: 0;
		display:inline; /* DD  426 */
	}
	
	#nav li a {
		color: #FFF;
		text-decoration: none;
	}
	
	#nav li a:hover, #nav li a.selected {
		color: #dbc077;
	}
	
	A:link img, A:visited img,A:hover img {border-color: #0d4f1d;padding:1px;}
	
/* footer */
	
#footer {
		clear: both;
		margin: 10px 0 0 0;
		height: 55px;
		padding: 0 0 0 10px;
		border-top: 2px solid #dbc077;
		background-color: #0d4f1d;
		font-size: 90%;  
	}
	
#footer p { padding: 0; font-size: 95%; }
#footer a {color: #fff;}

#footer .left {
	float: left;
	width: 680px;
	font-size: 0.9em;
	font-weight:normal;
    color:#fff;
	padding-top:10px;
	}

#footer .right {
	float: right;
	width: 240px;
	text-align:right;
	}			
	
	
	
.arrowlistmenu{
float:left;
width: 195px; /*width of accordion menu*/
margin:5px;
}

.arrowlistmenu h2 {
	background-color:#0d4f1d;
	color: #dbc077;
	font-size: 1.2em;
	line-height: 30px;
	margin: 0;
	padding-left: 10px;
}

.arrowlistmenu h3 {
	background-color:#0d4f1d;
	color: #dbc077;
	font-size: 1.1em;
	line-height: 30px;
	margin: 0;
	padding-left: 5px;
}

.arrowlistmenu h3 a{
	color: #dbc077;
	text-decoration: underline;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-size: 1.1em;
color: #000;
background: url(../img/arrowbulletdown.png) no-repeat center right; /*custom bullet list image*/
padding: 5px 0 5px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
border-bottom: 1px solid #dadada;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: no-repeat center right; /*custom bullet list image*/
background-color: #eaeaea;
color: #000000;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #0d4f1d;
background: url(../img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 5px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #0d4f1d;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #198032;
background-color: #f3f3f3;
}
/*Contact Form Classes*/
.contactform {width:600px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:120%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:100%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:100%;}
.contactform input.button {float:left; width:9.0em; margin-left:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:100%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}


/* Icons */
p a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../img/PDFIcon.gif) center left no-repeat;
}

li a[href$='.pdf'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../img/PDFIcon.gif) center left no-repeat;
}

p a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../img/ExcelIcon.gif) center left no-repeat;
}

p a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../img/WordDocIcon.gif) center left no-repeat;
}
p a[href$='.zip'], a[href$='.gzip'], a[href$='.rar'] {
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url(../img/ZIPIcon.gif) center left no-repeat;
}

#slideShow {width:690px; height:50px; position:relative; padding:650px 5px 5px 5px; border:1px solid #ccb; background:#f8f8e8; margin:0 auto;}
#picHolder {width:700px; height:650px; position:absolute; top:0; left:0; text-align:center;}
#myPicture {margin:10px auto; padding:5px; border:1px solid #ddd; background:#fff;}
#pictureText {text-align:center; margin:0; padding:0 10px; font-family:"tahoma", verdana, sans-serif; font-size:11px; font-weight:bold;}
#previous {float:left; cursor:pointer;}
#next {float:right;cursor:pointer;}