/* General formatting
--------------------------------------------------------------------------
*/

body { margin: 0; background: #fff; color: #666; text-align: center; }
#wrapper { width: 77em; padding:1.5em 0; margin: 0 auto; text-align: left; }

#maincontent { padding: 1.5em 0 0 0; background: url(../../../../images/content-bg.jpg) no-repeat 1em 0; position: relative; }
#maincontent.internal { padding: 1.5em 0; background: url(../../../../images/content-bg-internal.jpg) no-repeat 1em 0; }
#maincontent.video { padding: 1.5em 0; background: url(../../../../images/content-bg-video.jpg) no-repeat 1em 0; }

a { color: #477f3f; }
a:hover { color: #000; text-decoration: none; }

a img { border: 0; }

form input, form textarea { font: 1em "Arial"; }

/* Global header
--------------------------------------------------------------------------
*/

#globalheader { margin: 0; color: #000; }
#globalheader a { color: #000; text-decoration: none; }
#globalheader a:hover { text-decoration: underline; }

#globalsearch, #globallinks, #textsize, dl#colourcontrast dt { font-size: 1.1em; }

#globalsearch { float: right; text-align: right; }
#globalsearch input { width: 10em; font-family: Arial, sans-serif; font-size: 1em; background: #fff; border: 1px solid #c3c3c3; }
#globalsearch input.button { width: auto; font-family: Arial, sans-serif; font-size: 1em; background: #f6f5f4; border: 1px solid #c3c3c3; }

#globallinks { margin: 0; padding: 0; list-style: none; display: inline; }
#globallinks li { border-right: 1px solid #000; display: inline; padding: 0 .3em 0 0em; }

#textsize { margin: 0 .5em 0 0; padding: 0 0 0 .3em; display: inline; }
#textsize a.Large { font-size: 1.2em; }
#textsize a.XLarge { font-size: 1.4em; }
#textsize a span { position: absolute; top: -50000em; left: 0; }

#colourcontrast { margin: .2em 0 0 0; padding: 0 .3em 0 .5em; display: inline; border-left: 1px solid #000; }
#colourcontrast img { width: 1.2em; height: 1.2em; border: 1px solid #525a5d; vertical-align: bottom; }

#textsize dt, #textsize dd, #colourcontrast dt, #colourcontrast dd { margin: 0; padding: 0; display: inline; }

#pagetools { margin: 2em 0 0 0; }
#pagetools ul { margin: 0; padding: 0; list-style: none; float: right; }
#pagetools ul li { margin: 0 0 0 1em; float: left; }
#pagetools ul li a { display: block; }
#pagetools ul li.vocab a { display: inline; float: none; }
#pagetools ul li img { margin: 0 .4em 0 0; vertical-align: top; }
#pagetools a { color: #666; text-decoration: none; }

#breadcrumb { margin: 0 0 1em 0; padding: 0; font-size: 1.1em; list-style: none;  }
#breadcrumb li { color: #477f3f; display: inline; }
#breadcrumb li a { /*color: #666;*/ text-decoration: none; }
#breadcrumb li a:hover { color: #333; text-decoration: none; }

/* Left col - main logo and menu
--------------------------------------------------------------------------
*/

#leftcol { padding: 0 0 24px 0; float: left; }

.logo1 a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.logo1 a img { width: 100%; height: 100%; }
.logo2 { width: 41.9em; height: 11.3em; position: relative; }
.logo2 * { margin: 0; position: relative; z-index: 1; }


#mainmenutop {width: 22em;margin:-2.4em 0 0 0;padding: 0 7px 0 0;position:relative}

.navtopleft1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.navtopleft2 { top: 0; left: 0; width: 31px; height: 29px; position: absolute; }
.navtopleft2 * { margin: 0; position: relative; z-index: 1; }


.navtopright1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.navtopright2 { top: 0; right: 0; width: 38px; height: 29px; position: absolute; }
.navtopright2 * { margin: 0; position: relative; z-index: 1; }


#mainmenu {width:22em;margin: 29px 0 0 0;padding:0 7px 7px 0;background: url(../../../../images/menu/shadow3.png) no-repeat bottom right;position:relative;z-index:100000}
#mainmenu ul{background:#477f3f;margin:0;padding:0 0 0 0; zoom:1;}
#mainmenu ul li{position:relative;background:url(../../../../images/menu/li-bg.gif) repeat-y top left;list-style-type:none;padding:0;margin:0;}
#mainmenu a, #mainmenu span {padding: .2em 1.6em;display:block;font-size:1.2em;color:#fff;font-weight:bold;text-decoration:none;background:url(../../../../images/menu/link-bg.gif) right repeat-y;}
#mainmenu ul li.selected a, #mainmenu ul li.selected span {text-decoration:underline overline;line-height:140%;}
#mainmenu ul li.selected span span {padding: 0;font-size:1em;background:none;font-size:1.1em;}
#mainmenu a span {padding: 0;display:block;font-size:1em;background:none;}
#mainmenu a:hover, #mainmenu a:active{text-decoration:underline;}
#mainmenu ul li ul { background: #486e34;}
#mainmenu ul li ul li{ background:url(../../../../images/menu/li-bg2.gif) repeat-y top left;}
#mainmenu ul li ul li a, #mainmenu ul li ul li span {padding: .2em 1.6em .2em 3em; font-weight: normal; font-size: 1.1em; background:url(../../../../images/menu/link-bg2.gif) right repeat-y;}
#mainmenu ul li ul li span {padding-left: 3em;}
#mainmenu ul li.on a { font-size: 1.3em; }
#mainmenu ul li.on ul li a, #mainmenu ul li.selected ul li a, #mainmenu ul li.selected ul li a span, #mainmenu ul li.on ul li a, #mainmenu ul li.on ul li.selected span, #mainmenu ul li.on a ul li.selected span { font-size: 1.1em; text-decoration: underline !important; }
#mainmenu ul li.on ul li.selected span span, #mainmenu ul li.selected ul li a span { font-size: 1em; text-decoration: underline !important; }
#mainmenu ul li.on ul li a:hover, #mainmenu ul li.selected ul li a:hover, #mainmenu ul li.selected ul li a:hover span, #mainmenu ul li.selected ul li a:hover { text-decoration: none !important; }
#mainmenu ul li ul li a span { display: block; background: url(../../../../images/menu/nav-bull.gif) no-repeat 0 .5em; font-size: 1em; padding: 0 0 0 1em; }
#mainmenu ul li ul li.selected span span { background: url(../../../../images/menu/nav-bull.gif) no-repeat 0 .5em;  padding: 0 0 0 1em; font-size: 1em; text-decoration: none; }
#mainmenu ul li.on ul li.selected span { font-weight: bold; }
#navtop{height:29px;background: url(../../../../images/menu/nav-top-left.png) no-repeat top left;}
#navtop div{height:29px;background: url(../../../../images/menu/nav-top-right.png) no-repeat top right;}
#navbot{height:19px;background: url(../../../../images/menu/nav-bot-left.png) no-repeat top left;}
#navbot div{height:19px;background: url(../../../../images/menu/nav-bot-right.png) no-repeat top right;}

.accesscolours { list-style: none; }

/* Right col - main content
--------------------------------------------------------------------------
*/

#rightcol { width: 51.5em; float: right; }
#rightcol.video { height: 40em; }

.content1 { margin-top: 0; }
.content1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.content2 { width: 33.4em; height: 43.2em; position: relative; }
.content2 * { margin: 0; position: relative; z-index: 2; }

#rightcol #top h1{ margin: 0; padding: 3em 2em 0 5.5em; font-size: 1.5em; }
#rightcol #top p{ margin: 0; padding: 1em 2em 0 10em; font-size: 1.2em; }
#rightcol #top .toplink { margin: 0; padding: 1em 2em 0 11em; font-size: 1.2em; }
#rightcol #top .toplink a:visited, #rightcol .toplink a{ display: block; padding: 0 0 0 15px; color: #232262; background: url(../../../../images/speciallink.gif) no-repeat; }

#rightcol #btm h1{ margin: 0; padding: 2em 2em 0 5.5em; font-size: 1.5em; }
#rightcol #btm p{ margin: 0; padding: 1em 2em 0 8em; font-size: 1.2em; }
#rightcol #btm .btmlink { margin: 0; padding: 1em 2em 0 11em; font-size: 1.2em; }
#rightcol #btm .btmlink a:visited, #rightcol .btmlink a{ display: block; padding: 0 0 0 15px; color: #232262; background: url(../../../../images/speciallink.gif) no-repeat; }

#intcontent { width: 46.5em; padding: 1.5em; background: #fff; border: 1px solid #000; position: relative; top: .5em; left: 0; margin: 0 0 1em 0; }
#intcontent h1 { font-size: 1.5em; }
#intcontent h2 { font-size: 1.2em; }
#intcontent p, #intcontent ul { font-size: 1.1em; }
#intcontent hr { width: 100%; color: #ccc; background-color: #CCCCCC; height: 1px; border: 0px; }

.genform { padding: 0; margin: 1em 0; font-size: 1.1em; }
.genform label { width: 15em; margin: .5em 0; font-weight: bold; float: left; }
.genform input, .genform textarea { margin: .5em 0; float: left; }
.genform .submitbutton input { margin: .5em 0 .5em 15em; }
.genform .dpa label { width: auto; float: none; font-weight: normal; }
.genform .dpa input { margin: 0; float: none; }

.pagenav { text-align: right; color: #999; }

#intcontent ul.sitemap li ul { font-size: 1em; }

/* Absolutely positioned decorative images
--------------------------------------------------------------------------
*/

.picA1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.picA2 { width: 21.9em; height: 21.1em; position: absolute; bottom: 22em; left: 34em; }
.picA2 * { position: absolute; bottom: 0; left: 20em; z-index: 1; }


.picB1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.picB2 { width: 20.4em; height: 20.2em; position: absolute; bottom: 4em; left: 33.5em; }
.picB2 * { position: absolute; bottom: 0; left: 20em; z-index: 1; }


.bird1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.bird2 { width: 31.3em; height: 41.9em; position: absolute; bottom: 0; left: 9em; }
.bird2 * { position: absolute; bottom: 0; left: 9em; z-index: 1; }


.snail1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.snail2 { width: 10.6em; height: 10.0em; position: absolute; top: 4em; left: 56em; }
.snail2 * { position: absolute; bottom: 0; left: 9em; z-index: 1; }


.seagulls1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.seagulls2 { width: 12.1em; height: 12.2em; position: absolute; top: 2.5em; left: 62em; }
.seagulls2 * { position: absolute; bottom: 0; left: 9em; z-index: 1; }


.grassWide1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.grassWide2 { width: 82.0em; height: 2.5em; position: absolute; bottom: 0; left: -1em; }
.grassWide2 * { position: absolute; bottom: 0; left: 9em; z-index: 1; }


.grassLeft1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.grassLeft2 { width: 26.8em; height: 2.6em; position: absolute; bottom: 0; left: 0em; }
.grassLeft2 * { position: absolute; bottom: 0; left: 9em; z-index: 1; }


.grassRight1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.grassRight2 { width: 45.1em; height: 2.6em; position: absolute; bottom: 0; right: 0em; }
.grassRight2 * { position: absolute; bottom: 0; left: 9em; z-index: 1; }


/* video page */

.videoTV1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; }
.videoTV2 { width: 44.9em; height: 49.4em; position: absolute; bottom: 0; left: 26em; }
.videoTV2 * { position: absolute; bottom: 0; left: 20em; z-index: 1; }


.videoSheepA1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.videoSheepA2 { width: 14.9em; height: 21.0em; position: absolute; bottom: 0; left: 18em; }
.videoSheepA2 * { position: absolute; bottom: 0; left: 20em; z-index: 1; }


.videoSheepB1 img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
.videoSheepB2 { width: 16.5em; height: 15.9em; position: absolute; bottom: 0; left: 64em; }
.videoSheepB2 * { position: absolute; bottom: 0; left: 20em; z-index: 1; }


.videotext { width: 31.5em; height: 6.0em; position: absolute; bottom: 2em; left: 33em; }
.videoholder { width: 28.8em; height: 23.0em; position: absolute; bottom: 13.8em; left: 34.2em; z-index: 10000; }

.textSizeXLarge { font-size: 12pt; }
.textSizeLarge { font-size: 10pt; }
.textSizestandard { font-size: 8pt; }
.errors { color: #f00; }

/* Footer
--------------------------------------------------------------------------
*/

#footer { font-size: 1.1em; color: #000; padding: 1em 0 0 0; text-align: center; }
#footer ul { margin: .1em 0; padding: 0; list-style: none; }
#footer ul li { padding: 0 .4em 0 .2em; border-right: 1px solid #000; display: inline; }
#footer ul li.last, #footer ul li.f14, #footer ul li.f25 { border-right: 0; }
#footer ul li a { color: #000; text-decoration: none; }
#footer ul li a:hover { color: #000; text-decoration: underline; }

/* Clear fixes
--------------------------------------------------------------------------
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*.clearfix {display: inline-block;}*/

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */