@charset "iso-8859-1";
/* setmain.css

2009-05-15	body BG
2009-05-17	strapimage t-a; aside/asidealt/figure MB; height autos have [src] to exclude IE6
2009-05-27	links table
2009-05-31	auxmenu .current, padding
2009-06-23	.asidealt RM
2009-07-06	div.figure img.photolight[src]
2009-07-30	p.h2faux
2009-09-15	max-width 50em
2009-10-02	h1.h1subhead (experimental), p.h1faux
2009-10-24	.aside, .asidealt MT
2010-03-04	border-radius (for border, bg)
2010-05-11	.inlinequote
2010-05-20	.pdf
2010-05-22	.figcaption like .legend
2010-07-05	media: disp none

Generic template 2007-01-12
*/

/*
div#menudiv, ul#auxmenu {
box-shadow: 3px 3px 4px 0px #998;
}

tr {
transition-property: background-color;
-o-transition-duration: 0s;
-o-transition-delay: 0s;
}

tr:hover {
background-color: #EEB !important;
}
*/


/*
h1.h1subhead is an h1 styled as a subhead
e.g. where the preceding subhead is search-significant and the head is not
h1.h1subhead
p.h1faux
<h1 class="h1subhead">Restoring biodiversity to the countryside</h1>
<p class="h1faux">A Patchwork of Nature</p>
*/
h1.h1subhead {
color: #994C00; font-weight: normal; font-variant: small-caps;
}


/* <???>
body:before {
position: fixed;
top: 20px;
left: 32%;
content: "Development site";
color: #999;
font: bold 30px Verdana;
opacity: 0.5;
}
*/

/* <???> 
.build {
margin: 0.5em 0;
color: #060;
background: transparent;
font: normal 0.95em/1.3 Verdana, sans-serif;
text-indent: 0;
xdisplay: none;
}
*/

/* <???> Colors, backgrounds, borders, link and emphasis indication, cursor --- */

/* Links */
a:link    {color: #0000CC; background: transparent; text-decoration: underline;}
a:visited {color: #551A8B; background: transparent; text-decoration: underline;}
a:hover, a:focus, a:active {
           color: #CC0000; background: transparent; text-decoration: underline;}

/* But not hx anchors (Opera, FF) */
a:hover[id] {
color: #333;
background: transparent;
text-decoration: none;
}

a[href^="http://"] {
padding-right: 20px;
background: transparent url(resource/aextlink.png) no-repeat center right;
}

/* Body; all other block elements (incl. tables, div and form) plus span should inherit */
/* <???> May need no body BG color to avoid Opera SSR bug */
html, body {
color: #000;
background: #FFF url(resource/laid.gif);
}

/* <???>
html {
color: #000;
background: #495E69 url(resource/laid.gif);
}
*/

/* Page heading, sub and subsub */
/* h1faux, h2faux are paras styled as h1/h2 i.e. where they are not search- or hierarchy-significant */
h1, p.h1faux, h2, p.h2faux, h3  {
color: #333;
background: transparent;
}

/* For Alt text */
img {
color: #000;
}

/* Block quotes */
blockquote {
}

/* Forms */
form {
border: 1px solid #45991E;
border-radius: 5px; 
}

fieldset {
border: none;
border-top: 1px solid #390;
border-bottom: 1px solid #390;
color: #000;
background: #FFFCD9;
}

/*
legend {
border: 1px solid #45991E;
}
*/

input, textarea {
/*
color: #<???>;  Entered text (and button text)
background: #<???>;
*/
}

button, input[type="submit"], label {
cursor: pointer;
}

/* Submit button */
input[type="submit"] {
/* border: 3px outset #696; */
padding: 0.2em 1em;
color: #FFF;
background-color: #390;
}


abbr:after {
content: " (" attr(title) ")";
}

/* Acronyms, abbrs, help - [title] attribute selector fails in IE */
.help {
border-bottom: 1px dotted;
cursor: help;
}

abbr[title] {
border-bottom: 1px dotted;
cursor: help;
}

p.whatsnew {
color: #994C00;
background: transparent;
}

/* Photos */
img.photo {
border: 1px solid #333;
border-radius: 2px; 
}

img.photolight {
border: 1px solid #999;
border-radius: 2px; 
}

/* Marginal material (incl. captions) */
div.aside, div.asidealt, div.inlinequote {
color: #994C00;
background: transparent;
}

p.testimonial {
}

span.testimattrib {
font-weight: bold;
}

/* Side panels */
div.sidepanel {
border: 1px solid #C60;
border-radius: 8px; 
color: #000;
background: #FFFDD9;
}

/* Photo plus caption */
/* <???>
div.figure {
border: 1px solid #333;
background: #F6F3E6;
}
*/

/* Captions (specificity to override .aside) */
div.figure p.figcaption, div.figure p.legend {
color: #333;
background: transparent;
}

/* Text tables */
table.traincourses, table.links {
border: none;
border-collapse: collapse;
empty-cells: show;
}

table.traincourses th, table.traincourses td, .links td {
border-top: 1px solid #390; /* #FC9; */
color: #000;
background: #FFFDD9;
}


/* Banner img alt text */
#banner img {
color: #C60;
background: transparent;
}

/* Main menu */
div#menudiv {
color: #FFF;
background: #45991E;
border-radius: 5px; 
}

ul#mainmenu {
}

ul#mainmenu a {
color: #FFF;
background: #45991E; 
text-decoration: none;
}

ul#mainmenu a:hover {
color: #45991E;
background: #FFF;
}

ul#mainmenu a:focus, ul#mainmenu a:active {
color: #C60;
background: #FFF;
}

ul#mainmenu span.current, ul#auxmenu span.current {
padding: 1px 4px;
color: #333; /* #DCE; */
background: #45991E;
text-decoration: none;
}

/* Aux menu */
ul#auxmenu {
color: #FFF;
background: #45991E;
border-radius: 5px; 
}

ul#auxmenu a {
color: #FFF;
background: #45991E;
text-decoration: none;
}

ul#auxmenu a:hover {
color: #45991E;
background: #FFF;
}

ul#auxmenu a:focus, ul#auxmenu a:active {
color: #C60;
background: #FFF;
}

p.attrib {
color: #994C00;
background: transparent;
}


/* <???> Text and font properties (excl. link indication, alignment and text-indent) --- */

/* Body text */
/* All other block elements (incl. tables, div and form) plus span should inherit */
/* Use font-size 0.9em for Verdana */
body {
font-size: 90%;
font-family: Verdana, "Lucida Sans", "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
}

/* Headings */
h1, p.h1faux, h2, p.h2faux, h3  {
font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
}

/* Page heading */
h1, p.h1faux {
font-size: 1.1em;
}

/* Page subheading */
h2, p.h2faux {
font-size: 1em;
}

/* Page subsubheading */
h3 {
font-size: 0.9em;
}

/* Block quotes */
blockquote {
}

/* For Alt text */
img {
font: 0.75em/1.2 Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Forms */
/* <???>
fieldset {
font-family: <???>;
}
*/

legend {
font-weight: bold;
}

input, textarea {
/* Entered text (and button text) */
font-family: Verdana, "Lucida Sans", "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
}

/* Submit button (Op, FF) */
input[type="submit"], button[type="submit"] {
font-weight: bold;
}

/* <???>
input.button {
font-family: <???>;
}
*/

p.whatsnew {
font-weight: bold;
}

/* Home page strapline */
p.strap {
font-size: 0.9em;
}

/* Latin names */
.latin {
font-style: italic;
}

/* Marginal material (incl. captions) */
div.aside, div.asidealt {
font: 0.9em/1.35 Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Side panels */
div.sidepanel {
}

/* Photo plus caption */
div.figure {
}

/* Captions */
p.figcaption, p.legend {
font: 1em/1.25 Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Banner img alt text */
#banner img {
font: 1.3em Century, "Century Schoolbook", "Book Antiqua", Georgia, "Times New Roman", serif;
}

/* Main menu */
ul#mainmenu {
font: bold 0.9em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Aux menu */
ul#auxmenu {
font: bold 0.9em Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.attrib {
font: 0.9em/1.25 Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}


/* <???> Box properties (excl. borders), positioning, alignment, list types, text-indent, display --- */

/* Body - LR could be %, or 8px per W3C rec */
body {
margin: 0;
margin-left: auto;
margin-right: auto;
/* <???> border: 2px solid #495E69; */
padding: 5px 8px 1em 8px;
/*
max-width: 586px; Temp. same as current
max-width: 46.9em; Temp. same as current
*/
max-width: 50em;
line-height: 1.45;
}

/* Page heading */
h1, p.h1faux {
margin: 1em 0 0.7em 0;
}

/* Page subheading */
h2, p.h2faux {
margin: 1.2em 0 0.7em 0;
}

/* Page subsubheading */
h3 {
margin: 0.9em 0 0 0;
}

/* Body text */
p {
margin: 0.7em 0 0.7em 0;
}

/* <???> First para after (e.g.) H3 */
h3+p {
margin-top: 0;
}

/* Lists */
ul, ol {
list-style-type: square;
margin: 0.5em 0 1.5em 0;
padding-left: 2.5em;
}

/* Sublists eg. site map */
ul ul {
list-style-type: disc;
}

li {
margin: 0 0 0.3em 0;
}


/* Block quotes */
blockquote {
margin: 0.5em 0 0.5em 0;
}

/* Forms */
form {
margin: 0.5em 0 0 0;
padding: 1em 5px;
}

fieldset {
margin: 0.5em 0 1em 0;
padding: 0 8px 1em 8px;
}

legend {
margin-bottom: 8px;
padding: 0.2em 0.5em;
}

form p {
margin: 0.7em 0 1em 0;
line-height: 1.35;
}

input, textarea {
margin-bottom: 0.3em;
}

input.checkbox, input.radio {
display: block;
float: left;
width: 25px;
margin: 0 0.5em 1em 0;
}

label.checkbox, label.radio {
display: block;
margin-bottom: 0.5em;
}

/* <???>
input.button, input.text, input.submit {
width: <???>em;
}

input[type="text"] {
width: <???>em;
}

input[type="submit"] {
width: <???>em;
}
*/

/* Align fields e.g. in trainres */
label.fieldgroup {
display: block;
clear: left;
float: left;
width: 8em;
padding-right: 0.5em;
overflow: hidden;
}


span.en, span.em {
margin: 0 0.1em;
}

/* Home page strapline */
p.strap {
padding-top: 0.7em;
}

p.strapimage {
text-align: center;
}

p.strapimage img.photo[src] {
max-width: 60%;
height: auto;
}

/* Marginal material (w/ default MT and MB) */
div.aside {
clear: both;
float: right;
margin: 0.5em 0 1em 2em;
width: 250px; /* Wider than widest photo */
min-width: 7em; /* For captions and other text*/
max-width: 100%;
}

/* Marginal alt material (w/ default MT and MB) */
div.asidealt {
clear: both;
float: left;
margin: 0.5em 2.4em 1em 0; /* RM > 2em to allow for smaller font size */
width: 30%;
min-width: 12em; /* For captions and other text */
max-width: 100%;
}

/* Side panels */
div.sidepanel {
padding: 0.2em 0.6em 0.5em 0.6em;
}

/* Side panel lists <???> Check enough pad to show bullet in all browsers */
div.sidepanel ul, div.sidepanel ol {
margin: 0.5em 0 1em 0;
padding-left: 0;
}

div.sidepanel li {
list-style-position: inside;
margin: 0 0 0.5em 0;
}

/* Photo plus caption (w/ default MT and MB) */
div.figure {
clear: both;
margin: 0 0 1em 0;
max-width: 100%; /* Width is set in HTML per photo */
}

div.figure img.photo[src], div.figure img.photolight[src] {
max-width: 100%;
height: auto;
}

/* Captions */
p.figcaption, p.legend {
margin: 0.5em 0.2em 0.5em 0.2em; /* MB collapses w/ div.figure MB */
}

/* Courses, links tables */
table.traincourses, table.links {
margin: 1em 0 1.5em 0;
}

table.traincourses th {
text-align: left;
}

table.traincourses th, table.traincourses td, table.links td {
padding: 0.5em 0.5em 0.6em 0.5em;
vertical-align: top;
line-height: 1.35;
}

.links p {
margin: 0;
}

/* <???> Might need to add Marginal note lists */
/*
div.aside ul {
margin: 0;
padding-left: 18px;
}
div.aside li {
list-style-position: inside;
margin: 0 0 0.1em 0;
}
div.aside ul ul {
margin: 0;
padding-left: 18px;
}
div.aside ul ul li {
list-style-position: inside;
margin: 0 0 0.1em 0;
}
*/


/* Banner */
div#banner {
margin: 10px auto 10px auto;
text-align: center;
}

div#banner img[src] {
max-width: 100%;
height: auto;
}

/* <???>
div.clearer {
clear: both;
line-height: 0;
height: 0;
}
*/

/* Main menu */
div#menudiv {
margin: 0 auto 1em auto;
padding: 0.2em;
text-align: center;
}

ul#mainmenu  {
display: inline;
padding: 0;
list-style: none;
line-height: 1.4;
}

ul#mainmenu li {
display: inline;
margin: 0;
padding: 2px;
}

ul#mainmenu a {
/* display: block; for full BG on hover */
padding: 1px 4px;
}


/* Aux menu */
div#auxmenudiv {
float: left;
margin: 0.5em 2em 2em 0;
width: 30%;
}

ul#auxmenu {
margin: 0;
padding: 0;
min-width: 10em;
max-width: 11em;
list-style: none;
}

ul#auxmenu li {
display: block; 
margin: 0;
border-bottom: 1px solid #FFF;
padding: 2px;
}

ul#auxmenu a {
/* display: block; for full BG on hover */
padding: 1px 4px;
}


/* Footer */
div#footer {
margin-top: 1.5em;
border-top: 1px solid #C60;
clear: both;
}

p.attrib {
margin-top: 1em;
}

.print, .pdf, .flyer, .poster, p#source {
display: none;
}