/* Created by Pip Gilbert */

/* General page styles for Avoid Web Site */

html {border-right:1em solid #DDD;
border-left:1em solid #DDD;
height:auto;}

body {margin:0;
padding:0;
background-color:#FFF;
font-family: Verdana, Helvetica, sans-serif;}

p.skip {font-size:.65em;
text-align:left;
margin:2px 0 4px 1%;}

div.container {width:98%; margin:1%;}

a:link, a:visited {color:#066;
                  text-decoration:none;
                  border-bottom:1px dotted #066;}
			     
a:hover {text-decoration:underline;
border-bottom:none;} 

a img {border:none;}

/* -------------------------------- header and logos --------------- */

table#header {text-align:center;  
margin-right:auto;
margin-bottom:20px;
margin-left:auto; 
width:695px;
border:1px solid #FFF;
border-collapse:collapse;}

table#header td {padding:1px 7px;
vertical-align:bottom;
border-right:1px solid #333;
border-left:1px solid #333;}

table#header td.metoffice {border-left:none;
padding:0 7px;}
table#header td.metoffice a {border-bottom:none;}

table#header td.noline a, table.footer td.noline a {border-bottom:none;
text-decoration:none;}

table#header td.small, table.footer td.small {border-right:none;}

table#header td div.small {font-size:.75em;
text-align:left;
width:150px;}

h1 {text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
color:#333;
margin:10px auto 25px auto;}

span.strapline {font-size:65%;
           font-weight:bold;
           vertical-align:middle;}
	   


/* -------------------------------- navigational menu --------------- */


div.greenline {width:785px; /* contains menu items and search box */
max-width:97%;
height:1.8em;
background-color:#CF3;
margin:10px auto 10px auto;
padding-top:3px;
padding-bottom:3px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;}

div.menu {float:left;
background-color:#CF3;
font-size:.7em;
padding:0;
margin-top:7px;
vertical-align:bottom;}

ul.menu_border {margin:0;
padding:0;
float:left;
list-style-type:none;}

li.menu_border {border-right:1px solid #333;
padding:0 6px;
float:left;
margin:0;
vertical-align:bottom;
list-style-type:none;}

li.menu_border a:link, li.menu_border a:visited {color:#000;
                                               text-decoration:underline;
                                               vertical-align:bottom;
                                               border-bottom:none;}

li.menu_border a:hover {color:#000;
border-top:1px solid #333;
text-decoration:none;
border-bottom:1px solid #333;}

li.page_indicator  /* indicates which page the viewer is currently visiting */
{
border-right:1px solid #333;  
border-bottom:none;
margin-top:0px;
padding:0px 6px 0 8px;
float:left;
list-style-type:none;
font-weight:bold;
font-size:105%;
vertical-align:bottom;}

div.searchbox  /* container for search form */
{background-color:#CF3;
text-align:right;} 


form {display:inline;
width:215px;
float:right;
padding:0;
height:1.4em;
background-color:#CF3;}

fieldset {border:none;
float:right;
display:inline;
height:1em;
font-size:.7em;
background-color:#CF3;}

label {display:inline;}

input.avoidsearch {height:1.4em;
margin:-3px 2px 2px 2px;
vertical-align:middle;}

input.go {
background-color:#CF3;
border:1px solid #000;
font-weight:bold;
font-size:.9em;
color:#000;
margin-top:0px;
margin-right:4px;
padding:1px;}

:hover.go {border:1px solid #FFF;
background-color:#000;
color:#FFF;}

.clear {clear:both;}
/* -------------------------------- main content --------------- */

div#content {width:785px; 
max-width:90%;
margin:20px auto 0 auto;
	font: normal .85em/1.5 Verdana, Helvetica, sans-serif;
	color:#000;
	padding:4px 8px;
	text-align:justify;
	}
	
h2 {text-align:left;
    font-size:1.2em;
    color:#000;
    font-family:arial, helvetica, sans-serif;}
    
h3 {text-align:left;
    font-size:1em;
    color:#000;
    font-family:arial, helvetica, sans-serif;}    
    
li {list-style-type:square;} 

li.last {margin-bottom:10px;} /* gives space between lengthy lists */   

ul.contenttext li {
margin-left:10px;
width:90%;
list-style-position:outside;
list-style:url(../images/bullet.png) no-repeat #FFF;}

ul li ul li {list-style-type: circle;}

.normal {font-weight:normal;
font-size:.8em;}
    
.bold {font-weight:bold;}

.quicklinks {font-size:80%;
text-align:left;
margin-bottom:20px;}

/* used to show file size of attachments */
.size {font-size:90%;
color:#666;}

p.top {float:right;
margin-top:20px;
margin-bottom:20px;
}

p.border {background:url(../images/border.png) repeat-x #FFF;
margin-top:10px;
margin-bottom:20px;}

a:link.top, a:visited.top {font-weight:bold;
font-size:90%;
color:#999;
background-color:#FFF;
border-top:none;
border-right:2px solid #CCC;
border-bottom:none;
border-left:2px solid #CCC;
text-decoration:none;
padding:1px 5px;}

a:hover.top {border-top:none;
border-right:2px solid #666;;
border-bottom:none;
border-left:2px solid #666;
color:#000;}

/* image for home page */
.wheattext {font-style:italic;
font-size:.78em;
float:right;
clear:right;
width:190px;
margin-bottom:130px;
margin-left:50px;
text-align:justify;}

/* table for research page */

table.research {border-collapse:collapse;
caption-side:top;
margin-top:20px;
margin-bottom:20px;
width:100%;}

caption {font-weight:bold;
font-family:arial, helvetica, sans-serif;
text-align:left;
margin-top:20px;
margin-bottom:10px;}

table.research th, table.research td {border:1px solid #000;
padding:5px;}

table.research th, table.research th.first {background-color:#CF3;}

table.research th.first {width:300px;}

table.research td {font-size:95%;}


/* table for photos on people page */
table.people {border-collapse:collapse;
width:100%;
background-color:#FFF;
margin-bottom:10px;}

table.people td {width:300px;
padding:4px;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;}

p.people {float:left;
width:180px;
font-size:90%;
text-align:left;
margin-left:10px;}
	
/* -------------------------------- footer information --------------- */
	
table.footer {background-color:#FFF;
color:#000;
font-size:.75em;
text-align:center;
padding:4px;
margin:30px auto 20px auto;
border-collapse:collapse;}

table.footer td {vertical-align:bottom;
border-right:1px solid #333;
padding:0 7px;}

table.footer td.contact {width:120px;
font-size:100%;
text-align:right;}

a:link.contact {text-decoration:none;
border-bottom:1px dotted #066;
font-size:100%;}

a:hover.contact {text-decoration:underline;
border-bottom:none;}

table.footer td.lwec, table.footer td.lwec a {border-right:none;
border-bottom:none;
text-decoration:none;}