/* CSS Document */
* {margin:0; 
	padding:0;
	}
body { font-family:Geneva, Arial, Helvetica, sans-serif; 
	text-align:center; 
	background-color:#50591b; 
	font-size:12px; 
	}
#mainwrap {width:760px; 
	margin-left:auto; 
	margin-right:auto; 
	text-align:left; 
	padding-top:5px;
	}
#header { width:760px; 
	height:240px; 
	background-image:url(../images/targeted_grazing_top2.jpg); 
	background-repeat:no-repeat; 
	text-align:center;
	}
#column2 p {font-size:12px; 
	padding:10px; 
	color: #003300;
	}
.indent {
	margin-left: 25px;
}
#column2 h1 {font-size:14px; 
	padding:10px; 
	color: #003300; 
	font-style:normal; 
	font-weight:normal;
	}
#contentarea { width:760px; 
	background-image:url(../images/bkg_columns_tg_cream.gif); 
	background-repeat:repeat-y;}
#column1 {width:150px; 
	float:left; 
	padding-top:5px; 
	padding-left:2px;
	}
#footer a {text-decoration:none; 
	color: #e5dab5;
	}
#footer a:hover {color: #c7b299; text-decoration:underline;}
#column2 {width:608px;
	float:left;
	}
h3 {font-size:14px; 
	font-weight:normal; 
	color: #003300; }

/*navigation ---------------------------------------*/
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	font-size:12px;
	}
	
#nav ul li {
	position: relative;
	}

#nav li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
#nav ul li a {
	display: block;
	text-decoration: none;
	color: #003300;
	background: #bebb9d;
	padding: 5px;
	
	}	
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

/* causes sub menu to display when I hover over main menu  */
#nav li:hover ul, li.over ul { display: block; 
	background-color:#cdcaad;}

/* Hover Styles */
#nav ul li a:hover, li ul li a  { color: #003300; 
	background: #dfdcbe; 
	} 
/* Sub Menu Styles */		
#nav li ul li a { padding: 3px 3px; 
	border-bottom: 1px solid #003300;  
	font-size:12px;
	background:#cdcaad; 
	} 
	
/*end of navigation---------*/
#footer {width:760px; 
	text-align:center; 
	padding-top:6px; 
	color:#e5dab5; 
	font-size:12px; 
	padding-bottom:25px; 
	clear:both;}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}