
.board-member 
{
margin-top:1em;
margin-bottom:1.5em;
}

span.board-member-photo
{
float: left;
width:110px;
margin-right:1em;
}

span.board-member-photo img
{ 

margin: 14px 10px 10px 0px;
border: 1px solid #989898;
padding: 1px 1px 1px 1px;
}

span.board-member-description
{
float:left;
width:80%;
}

  


.sm-team
{
float: left;
margin: 14px 20px 10px 0px;
border: 1px solid #989898;
padding: 1px 1px 1px 11px;
}

.hhteam-members
{
float: left;
margin: 14px 10px 10px 0px;
border: 1px solid #989898;
padding: 1px 1px 1px 1px;
}

.sm-centre-chart
{
text-align:center;
}

.electron-micrograph-header
{
margin-top:5px;
margin-bottom:5px;
padding-bottom: 0px;
font-size: 120%;
font-weight:bold;
text-align:left;
}

.electron-micrographs-centre-image img
{
	border: 
	padding: 1px 1px 1px 1px;		
}

.electron-micrographs-centre-image
{
	text-align:center;
}

#grasscheck-map-table li
{
float: left;

margin-bottom: 20px;
text-align: center;
list-style: none;
width: 250px;
}

#grasscheck-map-table
{
clear: both;

}

.electron-micrographs li
{
float: left;

margin-bottom: 20px;
text-align: center;
list-style: none;
width: 250px;
}

.electron-micrographs
{
clear: both;
margin: 20px 0px 0px 0px;
text-align: center;

}


.text-align-right
{
	text-align:right;
}

.text-align-left
{
	text-align:left;
}

.text-align-centre
{
	text-align:center;
}


address
{
font-style:normal;
}

.content-right-column
{
	width:200px;
	float: right;
}

.summary
{
	font-weight: bold;
	padding-top:0px;
}


#breadcrumb { padding-left: 0px; }
#breadcrumb a:link { color: #0b7d88; text-decoration: none; font-weight:normal;}
#breadcrumb a:visited { color: #0b7d88; text-decoration: none; font-weight:normal;}
#breadcrumb a:active { color: #1a8fa1; text-decoration: underline; font-weight:normal;}
#breadcrumb a:hover { color: #1a8fa1; text-decoration: underline; font-weight:normal;}

#left-nav a:link { color: #0b7d88; text-decoration: none; font-weight:normal;}
#left-nav a:visited { color: #0b7d88; text-decoration: none; font-weight:normal;}
#left-nav a:active { color: #1a8fa1; text-decoration: underline; font-weight:normal;}
#left-nav a:hover { color: #1a8fa1; text-decoration: underline; font-weight:normal;}


#cm-image
{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

#cm-image IMG
{
	border: 1pt solid black;
}
 
#aboutus
{
	background-image: url(afbilogobg.gif);
	background-repeat:no-repeat;
	background-position: 40px 20px;
	
}

#about-us-list
{
	float:left;
	padding-right:70px;
}

#about-us-graph
{
	float:left;
}

.photo
{
margin: 10px 10px 10px 10px;
border: 1px solid #989898;
padding: 1px 1px 1px 1px;
}

#summary
{
	font-weight: bold;
}

#researchimages li
{
float: left;
margin-bottom: 20px;
text-align: center;
list-style: none;
width: 150px;
}

#foodbrand-images
{
clear: both;
margin: 20px 20px 0px 0px;
text-align: center;
}


#foodbrand-images li
{
float: left;
margin-bottom: 10px;
margin-right: 20px;
list-style: none;

}

#researchimages
{
clear: both;
margin: 20px 0px 0px 0px;
text-align: center;
}

.largelink
{
font-size: 125%;
font-weight: bold;
}


#FoodBrandimages li
{
float: left;
margin: 20px 0px 0px 20px;
text-align: center;
list-style: none;
width: 150px;
}

#FoodBrandimages
{
clear: both;
margin: 20px 0px 0px 0px;
text-align: center;
}




hr {
height: 1px;
}



.eccraft-centre-image img
{
	border: solid 1px black;
	padding: 1px 1px 1px 1px;		
}

.eccraft-centre-image
{
	text-align:center;
}

.news-summary
{
padding-top:3px;
float:left;
}


#site-photo
{
	float: right;
	margin: 10px 10px 10px 10px;
	border: 1px solid #989898;
	padding: 1px 1px 1px 1px;
}

#site-info
{
	padding: 10px 0px 0px 0px;
}

#site-map
{
	text-align:center;
	border: 0px solid #989898;
	clear: both;
}

#site-address
{
	margin: 15px 0px 0px 0px;	
	background-color: #f1f1f1;
}


.float-image-right-nb
{
	float: right;
	margin: 0px 0px 5px 10px;
	padding: 1px 1px 1px 1px;
	
}


.float-right-image
{

	float: right;
	margin: 0px 0px 5px 10px;
	padding: 1px 1px 1px 1px;
	
	border: 1px solid #989898;
}

.float-right-image-noborder
{
	float: right;
	margin: 0px 0px 5px 10px;
	padding: 1px 1px 1px 1px;
	
}

.float-right-image-DARD
{
	float: right;
	margin: 0px 0px 5px 10px;
	padding: 1px 1px 1px 1px;
}

.float-left-image
{
	float: left;
	margin: 0px 10px 5px 0px;
	padding: 1px 1px 1px 1px;
	border: 1px solid #989898;
}

.float-left-image-DARD
{
	float: left;
	margin: 0px 10px 5px 0px;
	padding: 1px 1px 1px 1px;
}

.csb-float-left-image img
{
	border: solid 1px black;
	padding: 1px 1px 1px 1px;		
}

.csb-float-left-image
{
	text-align:left;
}
.float-left
{
	float: left;
	clear:left;	
}


#centreimages li
{
float: left;
margin-bottom: 20px;
text-align: center;
list-style: none;
width: 150px;
}

#centreimages
{
clear: both;
margin: 20px 0px 0px 0px;
text-align: center;
}
.centre-image
{
	align: center;
	padding: 1px 1px 1px 1px;
	border: 1px solid #989898;
}

#circular-photos
{
	float: left;
}
 
 
#print-friendly-link
{
	padding: 0px 12px 0px 0px;
}

#print-friendly-link a 
{
	font-weight: normal;
}

#print-friendly-header-link
{
	float: right;
}
#site-map
{
	margin: 10px 10px 10px 10px;
	border: 1px solid #989898;
	padding: 1px 1px 1px 1px;
}

#first-col
{
	float:left;
	width:170px;
	padding-right:10px;
	clear:both;
}

#second-col
{
	float: left;
}

h1
{
  font-size: 185%;
  color: #1a8fa1;
}

h2
{
margin-top:1.8em;
margin-bottom:0.5em;
padding-bottom: 0px;
font-size: 130%;;
font-weight:bold;	
}

h2.underline
{
margin-top:1.8em;
margin-bottom:0.5em;
padding-bottom: 0px;
font-size: 130%;;
font-weight:bold;
border-bottom:1px solid #cccccc;	
}

h2.blue
{
margin-top:5px;
margin-bottom:5px;
padding-bottom: 0px;
font-size: 130%;;
font-weight:bold;
color: #1a8fa1;	
}

h3
{
margin-top:1.5em;
font-size: 115%;
font-weight:bold;
margin-bottom:0em;
}

h4
{
margin-top:1.3em;
font-size: 105%;
font-weight:bold;
margin-bottom:0em;
padding-bottom:0;
}

h2r
{
margin-top:5px;
margin-bottom:5px;
padding-bottom: 0px;
font-size: 125%;
font-weight:bold;
color: #CC0000;
}

UL
{
margin-top:0px;
padding-top:0px;
}

#facilities-list
{
	width: 99.9%;
	margin-top:15px;
	padding: 0px 0px 10px 0px;
}

.facility-item {
	width: 100%;
	margin-bottom: 18px;
}

.facility-link
{
	padding-bottom: 5px;	
}

.facility-photo
{
	float:left;
	border: solid 1px black;
	padding: 1px 1px 1px 1px;
	margin-right: 10px;
		
}

.facility-summary	
{
float:left;
}

#grasscheck-logos
{
  padding: 30px 0 0 45px;
}

#grasscheck-logos ul {
  margin: 0;
  padding: 0;
}

#grasscheck-logos ul li 
{
  float: left;
  list-style-type: none;
  padding: 0 6px 0 17px;
  text-align:left;
}

float-header
{
text-align:center;
padding-left: 50px;	
font-size: 120%;
font-weight:bold;	
}

.colheadings { width: 98%; } 
.colheadings td { text-align: center; } 
.colheadings td.right { text-align: right; }



span.sponsor {
	display: block;
	float: left;
	width: 49.9%;
	text-align: center;
	padding-bottom: 18px;
}

#sponsor1 img {
	margin-right: 18px;
}

#adds-submission-forms li
{
float: left;
list-style: none;
width: 150px;
}

#adds-submission-forms
{
clear: both;
margin: 20px 0px 0px 0px;
}

#float-image-right
{
float: right;
}

#float-image-left
{
float: left;
}

#centre-image
{
align: center;
}

.doclist-row
{
padding-top:10px;
}

.doclist-date
{
color: #989898;
}

.text-align-center { text-align: center }
.text-align-left { text-align: left }
.text-
 { text-align: right }

#invisible-header
{
position: absolute; left: -999px;
}

.errors li{

color:red;
}
.image-border img
{
	border: solid 1px black;
	padding: 1px 1px 1px 1px;
}

#eccraft-phases li
{
float: left;
list-style: none;
width: 150px;
}

#eccraft-phases
{
clear: both;
margin: 20px 0px 0px 0px;
}

#promo-video
{
text-align:center;
margin-top:1em;
}


#csb-analysis-images-left li
{
float: left;
margin: 10px 20px 0px 20px;
text-align: center;
list-style: none;
width: 230px;
}

#csb-analysis-images-left
{
clear: both;
margin: 10px 20px 0px 20px;
text-align: center;
}

#csb-analysis-images-centre li
{
float: center;
margin: 0px 20px 10px 20px;
text-align: center;
list-style: none;
width: 230px;
}

#csb-analysis-images-centre
{
clear: both;
margin: 0px 20px 10px 20px;
text-align: center;

}

#csb-analysis-images-right li
{
float: right;
margin-bottom: 20px;
text-align: center;
list-style: none;
width: 150px;
}

#csb-analysis-images-right
{
clear: both;
margin: 20px 0px 0px 0px;
text-align: center;
}

#promo-video-link
{
text-align: center;
padding-bottom:20px;
vertical-align: middle;
}
#csb-sampling-images-left li
{
float: left;
margin: 10px 20px 10px 20px;
text-align: center;
list-style: none;
width: 155px;
	border: solid 1px black;
	padding: 1px 1px 1px 1px;
}

#csb-sampling-images-left
{
clear: both;
margin: 10px 20px 10px 20px;
text-align: center;
	border: solid 1px black;
	padding: 1px 1px 1px 1px;
}


.noborder1-cell
{
vertical-align:top;
border:0px solid #1a8fa1;

}

.noborder1-header
{
padding-bottom:1em;
padding-right:2em;
font-size:110%;
border:0px solid #1a8fa1;
}


/* ***********************************************/

                     NEWS


/*/************************************************

                     NEWS

************************************************/


.news-article-image
{
	float:right;
	border: solid 1px black;
	padding: 1px 1px 1px 1px;
	margin-left: 10px;
}

.news-title
{
font-size: 1.25em;
font-weight:bold;
}

.news-title a
{
	font-weight:normal;
}

.news-lead
{
font-size: 100%;
color: #333;
font-weight: bold;
clear: both;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
}

.news-lead-list
{
font-size: 100%;
color: #333;
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
}




.news-text
{

}

.news-item
{
	width: 100%;
	margin-top:3px;
	padding: 0px 0px 10px 0px;
}


.news-headline
{
	padding-bottom: 15px;	
}


.news-image
{
	float:left;
	
	border: solid 1px black;
	padding: 1px 1px 1px 1px;
	margin-right: 10px;
		
}


.news-story
{


}

.news-story-main
{
padding-top:6px;

}

#news-sections li
{
float: left;
margin-bottom: 20px;
text-align: center;
list-style: none;
width: 220px;
}

#news-sections li img
{
border: solid 1px black;
padding: 1px 1px 1px 1px;
margin-bottom:4px;
}

#news-sections
{
clear: both;
margin: 20px 0px 0px 0px;
text-align: center;
}

#news-list
{

}

#news-archive-link
{
padding:10px 0 0 10px;
text-align:center;
}

.news-main
{
font-size: 100%;
padding-bottom:8px;
}

.news-more
{
text-align:rigHt;
padding-right:20px;
}

ImG.news-photo
{
border: solid 1px black;
padding: 1px 1px 1px 1px;
}

.solid-line
{
	border-top:0.7pt solid #ebebeb;
	/*padding-bottom:0.2em;
	padding-top:0.2em;*/
	clear:both;
	
}

.dotted-line
{
	border-top:0.7pt solid #ebebeb;
	/*padding-bottom:0.2em;
	padding-top:0.2em;*/
	clear:both;
	
}

.quotesarea-left { padding: 5px  10px 5px 10px; margin-left: 7%; margin-right: 7%; font-size: 1.0em; font-weight:bold; text-align: left; background-color:#f7f5f5;}
.quotesarea-center { padding: 5px  5px 5px 5px; margin-left: 7%; margin-right: 7%; font-size: 1.0em; font-weight:bold; text-align: center; background-color:#f7f5f5;}

.imgcontainer   {padding: 5px; font-size: 0.8em; text-align: center; background-color:#fbf9f9;}
.imgcontainer IMG {border: 1pt solid black; padding: 1px; margin-bottom: 4px;}

.width150 { width:150px; }
.width200 { width:200px; }
.width300 { width:300px; }
.width400 { width:400px; }
.width500 { width:500px; }

.right {float: right; margin: 4px 0px 6px 8px;}
.left  {float: left;  margin: 4px 8px 6px 0px;}

.imgcontainerNB   {padding: 5px; font-size: 0.8em; text-align: center; background-color:#fbf9f9;}
.imgcontainerNB IMG {padding: 1px; margin-bottom: 4px;}

.width150 { width:150px; }
.width200 { width:200px; }
.width300 { width:300px; }
.width400 { width:400px; }
.width500 { width:500px; }

.right {float: right; margin: 4px 0px 6px 8px;}
.left  {float: left;  margin: 4px 8px 6px 0px;}

.imgnoborder {padding: 5px; font-size: 1.0em; text-align: right;}

.width150 {width: 150px;}
.width80 {width: 80px;}
.width200 {width: 200px;}
.width250 {width: 250px;}
.width300 {width: 300px;}
.width390 {width: 390px;}
.width100 {width: 150px;}
.width100 {width: 100px;}













 














.centered-auto
{
margin: 0 auto; /* centres item on screen */
}

.imagebox {border: 1px solid #CCC; padding: 3px; margin-bottom: 4px; width: auto;}


#eutrophication-images-centre li
{
float: center;
margin: 0px 20px 10px 20px;
text-align: center;
list-style: none;
width: 230px;
}

#eutrophication-images-centre
{
clear: both;
margin: 0px 20px 10px 20px;
text-align: center;

}#eutrophication-images-left li
{
float: left;


margin: 10px 20px 10px 20px;
text-align: center;
list-style: none;
width: 230px;
}

#eutrophication-images-left li img
{border: solid 1px black;
padding: 1px 1px 1px 1px; 
margin-bottom: 10px;
}


#eutrophication-images-left
{
clear: both;
margin: 10px 20px 10px 20px;
text-align: center;
}

.coastal-parameter-links ul {
  margin: 20px 0 0 20px;
  padding: 0;
  padding-bottom:10px;
}

.coastal-parameter-links ul li {

  margin: 0 0 10px 10px;
  background: url(icon-pop-up-window.gif) no-repeat;
  list-style-type: none;
  
  }
  
  .coastal-parameter-links ul li a {

  margin-left:20px;

  }
  
.coastal-north-south-links {
float: left;
margin: 20px 20px 20px 20px;
}

  
#cm-screenshots
{
float:right;
}

#reclistsHP li
{
float: left;
margin: 20px 20px 20px 20px;
text-align: center;
list-style: none;

}

#reclistsHP
{
margin: 2em auto;
width:600px;
text-align: center;
}

#reclistcerealHP li
{
float: left;
margin: 20px 20px 20px 20px;
text-align: center;
list-style: none;

}


  
.cereals-green
{
font-weight:bold;
color: #6E8034;
}

.Warning { color: #CC0000; font-weight:bold; font-size: 120%;}
.RecPotato { color: #993366; font-weight:bold; font-size: 130%;}
.RecCereal { color: #FFCC33; font-weight:bold; font-size: 130%;}
.cerealtext { color: #FFCC33; font-weight:bold; text-align:left; font-size 100%;}
.RecForage { color: #D2691E; font-weight:bold; font-size: 130%;}	
.RecForage { color: #D2691E; font-weight:bold; font-size: 130%;}	
.RecHerbage { color: #428B38; font-weight:bold; font-size: 130%;}
.herbagetext { color: #428B38; font-weight:bold; text-align:left; font-size 100%;}	
}

.newsletters-image
{
	float: left;
	margin: 0px 10px 5px 0px;
	padding: 1px 1px 1px 1px;

}

.newsletters-image img {	border: 1px solid #989898; margin-bottom:6px;}

.newsletters-link
{
padding-top:8px;
padding-left:5px;
}


.career
{
padding: 10px;
margin:10px 0 10px 0;
background-color: #E8EEEF;



}

.career-closing-date
{
padding-right:10px;
padding-top:10px;
text-align:left;

}

.job-title
{
font-weight:bold;
display:inline;

}

.job-salary
{

}

.float-right
{
float:right;
}

.padded-border IMG
{
border: solid 1px black;
padding: 1px 1px 1px 1px;
margin-left:10px;
}

.float-right-image-nobottomborder
{
	float: right;
	margin: 0px 0px 5px 10px;
	padding: 1px 1px 1px 1px;
	border: solid 1px 1px 1px 0px black;
	
}
.float-left-image-nobottomborder
{
	float: left;
	margin: 0px 10px 5px 0px;
	padding: 1px 1px 1px 1px;
	border: solid 1px 1px 1px 0px black;
	
}
.imgwithcaption   {padding: 5px; font-size: 1.0em; text-align: center;}
.imgwithcaption IMG {border: 1pt solid black; padding: 1px;}

.width80 { width:80px; }
.width100 { width:100px; }
.width150 { width:150px; }
.width150 { width:175px; }
.width200 { width:200px; }
.width250 { width:250px; }
.width300 { width:300px; }
.width500 { width:500px; }
.width550 { width:550px; }
.width600 { width:600px; }
.width650 { width:650px; }
.width700 { width:700px; }
.width800 { width:800px; }

.right {float: right; margin: 0px 0px 6px 8px;}
.left  {float: left;  margin: 0px 8px 6px 0px;}

.ps-column1
{
float: left;
list-style: none; 
width: 45%;
margin: 2px 0px 0px 2px;
padding-right:10px;
}

.ps-column2
{
clear: all;
width: 45%;
float: right;
list-style: none; 
}

.ps-column1 ul, .ps-column2 ul
{
list-style: none; 
margin-left:2em;

}
.ps-column1 ul li, .ps-column2 ul li {
padding-left:2em;
list-style-image: url(globe-bullet-wee-white.jpg);
}

.small-text
{
font-size: 2em;
}

.Video-small-text
{
font-size: 0.1em;
}

.what-we-do-column1
{
float: left;
list-style: none; 
width: 41%;
}

.what-we-do-column2
{
clear: all;
width: 48.5%;
float: right;
list-style: none; 
}

.what-we-do-column1 ul, .what-we-do-column2-top ul
{
list-style: none; 
margin-left:2em;
}

.what-we-do-column1 ul li, .what-we-do-column2-top ul li {
padding-left:2em;
list-style-image: url(globe-bullet-wee-white.jpg);
}

.what-we-do-column2-bottom ul
{
/*list-style: none; */
margin-left:2em;
}

.what-we-do-column2-bottom ul li {
padding-left:2em;
/*list-style-image: url(icon-camerasmall-2.gif);*/
margin:0.3em;
}


#addresses li
{
float: left;
margin-right: 90px;
text-align: center;
list-style: none;
width 235 px
}

#addresses
{
clear: both;
margin: 0px 0px 0px 0px;
text-align: center;

}

.smile-gallery li
{
float: left;
margin-bottom: 0px;
text-align: center;
list-style: none;
width: 150px;
border: 0px solid #989898;
}

.smile-gallery
{
clear: both;
margin: 0px 0px 0px 0px;
text-align: center;
}

.smile-gallery ul
{
margin: 0px;
}

.smile-gallery img
{
padding: 1px;
border: 1px solid #989898;
}

.table-header
{
	background-color: #1a8fa1;
	color: white;	
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
}

.table1
{
	
	border: 1px solid #1a8fa1;
}

.table1 td
{
	border: 1px solid #1a8fa1;
}

.data-cell
{
	vertical-align:top;
	width:50%;
	padding:0.8em;
}

#reclists-booklet-link
{
clear:both;
height:32px;
width:60%;
margin:3em auto;
margin-bottom:2em;

}


 .explanation-box
{

	margin: 0.4em 0 10px 2em; padding: 10px 10px; border: #FC6 1px solid; background-color: #FFC;
overflow:hidden;

}




#reclists-booklet-link img
{
	float:left;
	margin-right:1em;
}

#reclists-links
{
	margin-top:2em;
}

#corystes #eu-logos
{
width: 390px;
margin: 5em auto;
}

#corystes #eu-logos .eu-logo
{
float:left;
width:120px;
margin: 0 auto;
text-align:center;
}

#reclistsFooter
{clear:both; width:550px; margin:1em auto;text-align:center;}


.lfloat { float:left;}
.rfloat { float:right;}


.float-table {margin:1em; float:left;}



/* TABLE STYLES START */

.fullwidth { width: 100%;}

table.basictable
{
border-collapse:collapse;
margin:0;
padding:0;

}



table.basictable th {
	background: #fff;
	text-align: left;
	letter-spacing: 2px;
	padding: 0.4em 0.4em 0.4em 0.8em;
	vertical-align:top;
	
}


table.basictable th.dark-header {
	border:1px solid #4c4c4c;
	background: #1a8fa1;
	color:white;
}




table.basictable td {
	border:1px solid #989898;
	background: #fff;
	padding: 0.4em 0.4em 0.4em 0.8em;
	color: #4f6b72;
	vertical-align:top;
}

table.basictable td.alt {
	background: #F5FAFA;
}

table.basictable td p {margin-top:0;margin-bottom:1em;}



/* TABLE STYLES END */
