@charset "utf-8";
/* Normalizes margin, padding */
body, div, ul, li, h1, h2, h3, h4, h5, h6, input, p
{ margin: 0; padding: 0;}

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6
{ font-size: 100%;}
 
/* Removes list-style from lists */
ol,ul
{ list-style: none;}

/* Removes border from fieldset and img */
fieldset,img
{ border: 0;}

/* Layout */
body {
width: 85%;
text-align: left;}

h1 {
position: relative;
top: 0;
left: 15%;}

#home {
position: relative;
top: 0;
left: 15%;}

h2 {
position: relative;
top: 50px;
left: 5%;}

#fance {
position: relative;
top: -100px;
left: 15%;
}

#mail {
position: absolute;
width: 10%;
top: 225px;
left: 55%;
}
#about {
position: relative;
top: -100px;
left: 28%;
}

#heading {
position: relative;
width: 5%;
top: -100px;
left: 41%;
}
#link {
position: relative;
width: 5%;
top: -100px;
left: 42%;
}

#navigate {
position: relative;
top: -197px;
left: 16%;
width: 80%;
}

#navigate2 {
position: relative;
top: -190px;
left: 25%;
width: 80%;
}

#navigate li{
display: inline;
margin: 10px;
}

#navigate2 li{
display: inline;
margin: 10px;
}

#content {
	position: relative;
	top: -100px;
	left: 5%;
}

div#content p{
width: 90%;
position: relative;
top: 7%;
left: 2%;
padding: 5px;}

h3{
padding: 15px;}

div#site-info {
position: relative;
left: 5%;
width: 75%;
height: 50px;}

h3 {
text-align: center;
}
/* Colour */
html {
background: url(../img/greenback.jpg);}

h1 {
background: url(../img/FARM.gif);
width: 735px;
height: 422px;
font-size: 1px;
text-indent: -999em;}

#home a {   
    display: block;   
    background: url(../img/FARM.gif); 
    width: 735px;   
    height: 422px;
    }

#home a:hover {   
    background:  url(../img/FARMh_over.gif) no-repeat bottom;   
    }
	
#fance {
background: url(../img/fance.png);
width: 700px;
height: 117px;
font-size: 1px;
text-indent: -999em;}

#about {
background: url(../img/ABOUT.jpg);
width: 427px;
height: 47px;
font-size: 1px;
text-indent: -999em;}

#navigate a{
color: #000;
text-decoration: none;
}

#navigate a:hover{
text-decoration:underline;
}

#navigate2 a{
color: #000;
text-decoration: none;
}

#navigate2 a:hover{
text-decoration:underline;
}

#mail a {   
    display: block;   
    background: url(../img/mailbox.gif) no-repeat;
    width: 140px;   
    height: 126px;
    }

#mail a:hover {   
    background:  url(../img/mailmov3.gif) no-repeat bottom;   
    }
p, #content li, h3{
color: #003300}

/* Text */

body {
font: 90%/1.5 "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;}

#navigate a {
font-size: 25;}

#navigate2 a {
font-size: 28;}

h2{
font-size: 42;}

div#site-info {
font-size: 75%}