/* Use thi  s section to edit the background and main font colours and appearance. */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg2.jpg);
	background-attachment: fixed;
	background-color: #0179c7;
    background-position: center top;
}

.container {
	width: 850px;
	border: 0;
	margin: 0 auto;
}

.maincontainer {
	width: 701px;
	border: 0;
	z-index: 5;
	margin: 0 auto;
}

.header {
	width: 850px;
	margin: auto 0;
	float: left;
	border: 0;
	padding: 0;
}

.nav {
	width: 805px;
	height: 31px;
	text-align: left;
	background-image: url(/images/nav2.png);
	background-repeat: no-repeat;
	padding-left: 45px;
	line-height: 1.9em;
	float: left;
	margin-bottom: 20px;
	border: 0;
}

.footer {
	width: 850px;
	height: 68px;
	clear: both;
	border: 0;
	background-image: url(../images/footerlogo.png);
	background-repeat: no-repeat; 
	margin: 0 auto;
}

.footercopy {
	width: 771px;
	height: 17px;
	clear: both;
	padding: 15px;
	text-align: center;
	background-image: url(../images/footercopy.png);
	background-repeat: no-repeat;
	border: 0;
	margin: 0 auto;
}

.contentcontainer {
	width: 701px;
	clear: both;
	margin: auto 0;
	border: 0;
	padding: 0;
}

.contenttop {
	width: 701px;
	height: 19px;
	clear: both;
	margin: auto 0;
	background-image:url(images/top.gif);
	background-repeat: no-repeat;
	border: 0;
	padding: 0;
}

.contentbtm {
	width: 701px;
	height: 19px;
	margin: auto 0;
	background-image:url(images/btm.gif);
	background-repeat: no-repeat;
	border: 0;
	padding: 0;
}

.contentmain {
	width: 671px;
	text-align: left;
	background-color: #FFFFFF;
	margin: auto 0;
	border: 0;
	padding: 15px;
}

.tractorleft {
	width: 327px;
	height: 370px;
	text-align: left;
	background-image: url(../images/homeleft.png);
	background-repeat: no-repeat;
	margin: auto 0;
	float: left;
	border: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 30px
}

.tractorright {
	width: 222px;
	height: 167px;
	text-align: left;
	background-image: url(../images/homeright2.png);
	background-repeat: no-repeat;
	float: left;
	margin: auto 0;
	border: 0;
	padding-top: 15px;
	padding-left: 15px;
}

.maintop {
	width: 851px;
	height: 33px;
	background-image: url(../images/main-top.png);
	background-repeat: no-repeat;
	float: left;
	margin: auto 0;
	border: 0;
	padding: 0px;
}

.mainbtm {
	width: 851px;
	height: 33px;
	background-image: url(../images/main-btm.png);
	background-repeat: no-repeat;
	float: left;
	margin: auto 0;
	border: 0;
	padding: 0px;
}

.mainarea {
	width: 811px;
	height: auto;
	background-image: url(../images/main.png);
	background-repeat: repeat-y;
	float: left;
	margin: auto 0;
	border: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

.mainleft {
	width: 470px;
	float: left;
	margin: auto 0;
	border: 0;
	padding: 0px;
}

.maintextbtm {
	width: 811px;
	float: left;
	margin: auto 0;
	border: 0;
	padding: 0px;
}

.mainright {
	width: 300px;
	float: right;
	margin: auto 0;
	border: 0;
	padding: 0px;
}

.prodside {
	width: 87px;
	height: 370px;
	float: left;
	margin: auto 0;
	border: 0;
	padding-top: 20px
}

.prodtop {
	width: 755px;
	height: 17px;
	background-image: url(../images/prodtop.png);
	background-repeat: no-repeat;
	float: left;
	margin: auto 0;
	border: 0;
	padding: 0px;
}

.prodbtm {
	width: 755px;
	height: 26px;
	background-image: url(../images/prodbtm.png);
	background-repeat: no-repeat;
	float: left;
	margin: auto 0;
	border: 0;
	padding: 0px;
}

.prodarea {
	width: 755px;
	height: auto;
	background-image: url(../images/prodmid.png);
	background-repeat: repeat-y;
	float: left;
	margin: auto 0;
	border: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}

.prodcont {
	width: 755px;
	height: auto;
	float: left;
	margin: auto 0;
	border: 0;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}


.prodleft {
	width: 726px;
	float: left;
	margin: auto 0;
	border: 0;
	padding: 0px;
}

.prodright {
	width: 205px;
	float: right;
	margin: auto 0;
	border: 0;
	padding: 0px;
}


.righttitle {
	width: 200px;
	margin-bottom: 15px;
	float: left;
	height: 25px;
	border: 0;
	padding: 0;
}

.righttitleb {
	width: 300px;
	margin: auto 0;
	float: left;
	height: 25px;
	border: 0;
	padding: 0;
}

.rightbody {
	width: 200px;
	margin-top: 0;
	text-align: left;
	border: 0;
	padding: 0;
}

.rightbodyw {
	width: 200px;
	margin-top: 0;
	text-align: center;
	border: 0;
	padding: 0;
}

.bodybtm {
	width: 250px;
	height: 115px;
	float: left;
	margin-top: 20px;
	margin-right: 15px;
	text-align: left;
	border: 0;
	padding: 0;
}


.homebtmsearch {
	width: 500px;
	height: 25px;
	margin: auto 0;
	text-align: right;
	float: right;
	border: 0;
	padding: 0;
}

.homebtm {
	width: 826px;
	height: 182px;
	text-align: left;
	background-image: url(../images/homebtm.png);
	background-repeat: no-repeat;
	float: left;
	margin: auto 0;
	border: 0;
	padding-top: 18px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
}

.spacer {
	width: 478px;
	clear: right;
	float: right;
	height: 25px;
	margin: auto 0;
	border: 0;
	padding: 0;
}

.map {
	width: 470px;
	height: 390px;
	text-align: left;
	margin: auto 0;
	float: right;
	border: 0;
}


.basenav {
	width: 715px;
	height: 23px;
	text-align: centre;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	padding: 0;
}


.h2, .h2 a:hover {
	font-family      : Arial;
	font-size        : 12pt;
	color			 : #424242;
	text-decoration  : none;
}

.body {
	font-family      : Arial;
	font-size        : 9pt;
	line-height: 1.6em;
	color			 : #4b4b4b;

}

.base {
	font-family      : Arial;
	font-size        : 7pt;
	color			 : #424242;

}

.whitebody {
	font-family      : Arial;
	font-size        : 7pt;
	color			 : #FFFFFF;

}

.whitebody2 {
	font-family      : Arial;
	font-size        : 8pt;
	color			 : #FFFFFF;

}

.headingwhite {
	font-family      : Arial;
	font-size        : 13pt;
	font-weight		 : bold;
	color			 : #FFFFFF;
	text-decoration  : none;

}

.emphasize {
	font-family      : Arial;
	font-size        : 12pt;
	color			 : #A5B43A;

}

/* Use this section to edit the link colours and appearance. */

a:link {  
	font-family      : Arial;
	font-size        : 9pt;
	color			 : #000000;
} 

a:visited {  
	font-family      : Arial;
	font-size        : 9pt;
	color			 : #000000;
}

a:hover {  
	font-family      : Arial;
	font-size        : 9pt;
	color			 : #666666;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited {
	font-family		 : Arial, Helvetica, sans-serif;
	font-size        : 10pt;
	font-weight		 : none;
	color			 : #002568;
	text-decoration	 : none

}
a.mainlevel-nav:hover {
	font-family		 : Arial, Helvetica, sans-serif;
	font-size        : 10pt;
	font-weight		 : none;
	color			 : #426098;
	text-decoration	 : none

}

a.mainlevel-nav2:link, a.mainlevel-nav2:visited {
	font-family		 : Arial, Helvetica, sans-serif;
	font-size        : 10pt;
	font-weight		 : bold;
	color			 : #ffffff;
	text-decoration	 : none

}
a.mainlevel-nav2:hover {
	font-family		 : Arial, Helvetica, sans-serif;
	font-weight		 : bold;
	font-size        : 10pt;
	color			 : #cecece;
	text-decoration	 : none

}

a.mainlevel-nav3:link, a.mainlevel-nav3:visited {
	font-family      : Arial;
	font-size        : 9.5pt;
	color			 : #333333;
	text-decoration	 : none

}
a.mainlevel-nav3:hover {
	font-family      : Arial;
	font-size        : 9.5pt;
	color			 : #999999;
	text-decoration	 : none

}

a.baselevel-nav2:link, a.baselevel-nav2:visited {
	font-family      : Arial;
	font-size        : 7pt;
	color			 : #424242;
	text-decoration	 : none

}

a.baselevel-nav2:hover {
	font-family      : Arial;
	font-size        : 7pt;
	color			 : #555555;
	text-decoration	 : none

}

a.baselevel-nav:link, a.baselevel-nav:visited {
	font-family      : Arial;
	font-size        : 7pt;
	color			 : #000000;
	text-decoration	 : none

}

a.baselevel-nav:hover {
	font-family      : Arial;
	font-size        : 7pt;
	color			 : #494949;
	text-decoration	 : none

}

a.whitelinkbody:link, a.whitelinkbody:visited {
	font-family      : Arial;
	font-size        : 8pt;
	color			 : #FFFFFF;
	text-decoration	 : none

}

a.whitelinkbody:hover {
	font-family      : Arial;
	font-size        : 8pt;
	color			 : #CCCCCC;
	text-decoration	 : none

}

.heading, .heading  a:hover {

    font-family      : Arial;
	font-size        : 15pt;
	color            : #424242;
    text-decoration  : none;

}



/* Extras. */

hr {
    height			:1px;
    width			:90%;
	color			: #999999;
   }

#dropmenudiv{
position:absolute;
border:1px solid white;
filter:alpha(opacity=90);
opacity:0.9;
margin-top: 5px;
color: #FFFFFF;
border-bottom-width: 1;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11px;
text-align: left;
line-height:18px;
z-index:10000;
}

#dropmenudiv a{
width: 100%;
display: block;
text-align: left;
text-indent: 3px;
border-bottom: 1px;
padding: 1px 0;
text-decoration: none;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #d0d0d0;
}

/* Google Weather Control */

.google-weather
{
}

.google-weather .summary
{
	font-weight: bold;

}

.google-weather .item
{
    margin-left: 2px;
    margin-right: 2px;
    float: left;
    height: 125px;
    width: 180px;
    overflow: hidden;
    text-align: center;
}


.google-weather .item img
{
	float:left
}
.google-weather .item .details
{
    font-size: .9em;
    text-align: center;
	float: right;
	padding-left: 10px;
	padding-top: 25px;
}

.google-weather .item .details .day
{
    font-weight: bold;
	float: left;
}

.google-weather .item .details .outlook
{
}

.google-weather .item .details .temps
{
}

