body
{
margin: 0;
padding: 0;
font-family: georgia, times, "times new roman", serif;
color: #000;
background-color: #b09276;
}

a:link
{
	color:#000000;
}

a:visited
{
	color:#000000;
}

a:hover ,a:active 
{
	color: #fff;
} 
div#headerinfo{
	background-image: url(../images/header_bg.jpg);
	color:#FFFFFF;
	font-size:18;
	text-align:left;
	top: 40px;
	left:75%;
	font-weight:bolder;
	width: 225px;	
}

div#banner
{
	background-image: url(../images/header_bg.jpg);
	background-color: #b09276;
	border-bottom: 1px solid #000;
	height: 123px;
	font-family:Arial, Helvetica, sans-serif;
} 

div#banner h1
{
margin: 0;
padding: .3em 0 .3em .5em;
font-size: 2.2em;
font-weight: normal;


}

div#container
{
	background-image: url(../images/left.jpg);
	background-repeat: repeat-y;
}
div#container2
{
	background-image: url(../images/right.jpg);
	background-repeat: repeat-y;
	background-position: right;
} 

div#navigation
{
float: left;
width: 240px;
padding-top: 2em;
}

div#navigation ul
{
list-style-type: none; /* removes the HTML list bullets  */
padding: 0;
margin: 0;
}

div#navigation ul li { margin-top: 4px; }  /* to set some space between the list items   */

#navigation ul li a {
display: block;
width: 135px;
padding: 3px 5px 3px 10px;
text-decoration: none;
color: #000;
background-image: url(../new/images/nav_base.jpg);/* not using this   */
background-repeat: repeat-y;
}

#navigation ul li a:hover
{
	color: #fff;
	background-repeat: repeat-y;
}

div#more
{
	float: right;
	width: 240px;
	margin: 0;
	padding: 2em 4px 0 0;
	color: #fff;
}

div#more h3
{
margin-top: 0;
color: #fff;
padding: .5em;
}

div#content
{

margin-left: 260px;
margin-right: 260px;
}

div#content h2
{
	font-size: 1.5em;
	color: #003300;
	margin: 0;
	padding-top: 1em;
	font-weight: normal;
}

div#content { line-height: 150%; }

#cleardiv /* Internet Explorer 5 and 5.5 will not tile the background image to the very bottom of the containers unless there is a new item that is clear of the floats but still inside the containers. For this reason, an empty <div> is used, and styled with an ID selector to "clear:both". It is also given a height. */
{
clear: both;
height: 1em;           
}

div#footer /*The footer needs "clear: both" in order to force it to a new line, below any floated items. Using an ID selector we can also set a border-top, as well as text-alignment and padding. */
{
clear: both;
padding: .5em 1em;
border-top: 1px solid #000;
text-align: right;
}

div#footer ul
{
padding: 0;
margin: 0;
list-style-type: none;
}

div#footer li{      /*To force the list into a single line we can use a descendant selector to change the display to "inline". To force the list items apart we can use margin-right: */ 

display: inline;
margin-right: 1em;
} 
.imgborder {
	border:  1px solid #000000;
}

div.hr {
  height: 30px;
  background: url(../services/agriculture/rope.jpg) no-repeat scroll center;
}
div.hr hr {
display:none;
}