@charset "UTF-8";
/* CSS Document */

h1, p, body, html {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
}

#logo {
	display: none;
}
/************************************************
	      HTML ELEMENT		*/

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: no-repeat;
	background-position: center 125px;
	background-color: #3A2400;
 } 
 
 /* Dr Silage widget area */
 
#drsilage {
	text-align:left;
	margin-top: 55px;
}

#drsilage h3 {
	font-size: 24px;
	text-align: left;
	margin-top: -30px;
    padding-bottom: 20px;
}

#drsilage ul{
	list-style:none;
	 *margin-left: 0px;
	 margin-left: -20px;
	 margin-top: -20px;
}

#drsilage ul a{
	font-size:14px;
	padding: 8px;
	display: block;
	width: 50%; /*Define width for IE6's sake*/
	border-bottom: 1px dotted #006633;
	text-decoration: none;
	color:#000;	

}

#drsilage ul a:hover{
	background-color:#D9DEC7;
}
 
 /************************************************
	      FONT HEADER		
************************************************/
h1 {font-size:22px;}
h2 {font-size:16px; color:#000000; margin-bottom:10px;}

a:link {
	text-decoration:none;
	color:#FFF;
}
a:active {
	color:#FFF;
}
a:visited {
	color:#FFF;
	text-decoration:none;
}
a:hover	{
	color:#006700;
	font-family: Arial, Helvetica, sans-serif;
} 

#wrap {
	width:960px;
	margin:0 auto;
	background-color: #FFF;
	overflow: hidden;
}

#container {
	width:710px;
	overflow:auto;
	float: left;
}

#wrap_header {
	width:980px;
	margin:0 auto;
	position: relative;
}
 
#header {
	width:980px;
	height:125px;
	background-image: url(images/header-image.jpg);
	background-repeat: no-repeat;
}

#headerbg {
	background-color: #060;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	background-image: url(images/header-bg.jpg);
	height: 162px;
}

#logo-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	margin: 50px 0px 0px 150px;
	padding: 0px;
}

#topnavi {
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
	margin: 5px 0px 0px;
	padding: 0px;
}
#topnavi li {
	padding: 0 10px;
	margin: 0px;
	display: inline;
}
#topnavi a ,a:visited,a:active{
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-weight: normal;
}
#topnavi a:hover {
	font-size: 12px;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
}

/*Sidebar*/
#sidebar {
	width:250px;
	font:12px Arial, Helvetica, sans-serif;
	background-color: #000;
	color: #FFF;
	padding: 0px;
	margin-bottom: 20px;
	background-image: url(images/sidebar_topleft.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	float: right;
	left: 823px;
}
.datestamp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F90;
	padding-top: 12px;
	padding-bottom: 10px;
	text-align: left;
	padding-left: 10px;
}

#sidebar #sidebartop {
	width: 27px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.sideleft {
	font-size: 11px;
}
#sidebar #sidebarbot {
	width: 29px;
	margin: 0px;
	padding: 0px;
	float: right;
}
#sidebarlinks ul h1 {
	line-height: 150px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 14px;
}

#sidebarlinks ul li {
	background:url(images/dots.jpg) repeat-x bottom;
	padding:3px 0px;
	line-height:150%;
	margin-right: 20px;
	font-size: 12px;
	list-style-type: none;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#sidebarlinks ul li a:hover   {
	color:#F90;
	background:#333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#mainContent_wrapper{
	background-color: #FFF;
	text-align: center;
	width: 960px;
	overflow: hidden;
}

#mainContent{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 20px 20px 30px;
	font-size: 12px;
}

#mainContent p {
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
#mainContent a , a:visited, a:active{
	color: #006700;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mainContent .img_container {
	padding: 0px;
}
#mainContent .image {
	padding: 5px;
	margin: 5px;
	float: right;
}

#mainContent .img_holder {
	padding: 0px;
	margin: 0px 2px 20px 20px;
	float: right;
	width: 260px;
}

#mainContent .img_holder_left {
	padding: 0px;
	margin: 0px 20px 20px 0px;
	float: left;
	width: 260px;
}
.caption  {
	padding: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	float: right;
	width: 260px;
	margin: 0px;
}
.img {
	border: 10px solid #F6DEC2;
	padding: 0px;
	margin-bottom: 5px;
}

#callouts{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	height: 150px;
	clear: both;
	float: left;
	background-color: #FFF;
	overflow: hidden;
}

#callout1 {
	background-color: #3A2400;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	padding: 5px;
	margin-right: 5px;
	margin-left: 20px;
	position: absolute;
	text-align: left;
	height: 140px;
}
#callout2 {
	background-color: #3A2400;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	padding: 5px;
	margin-right: 5px;
	margin-left: 200px;
	position: absolute;
	text-align: left;
	height: 140px;
}
#callout3 {
	background-color: #3A2400;
	font-family: Arial, Helvetica, sans-serif;
	width: 150px;
	padding: 5px;
	margin-right: 5px;
	margin-left: 380px;
	position: absolute;
	text-align: left;
	height: 140px;
}
#callout4 {
	background-color: #3A2400;
	font-family: Arial, Helvetica, sans-serif;
	width: 350px;
	padding: 5px;
	margin-left: 560px;
	position: absolute;
	text-align: left;
	height: 140px;
	z-index: 5;
}
#callouts h1 {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #F90;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #696;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#callout-graphic{
	height: 101px;
	width: 227px;
	z-index: 6;
	float: right;
	position: absolute;
	left: 165px;
	top: 50px;
	background-image: url(images/callout-graphic-trans.png);
}

#footer{
	background-color: #367604;
	clear: both;
	padding: 20px 10px 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
}

#footer .image{
	padding: 10px;
	width: 100px;
}
#footer a ,a:visited,a:active {
	color: #693;
	text-decoration: underline;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#footer a:hover {
	color: #CCC;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
#sidebarlinks ul li a {
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#callouts a ,a:visited,a:active {
	color: #693;
	text-decoration: underline;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#callouts a:hover {
	color: #999;
	text-decoration: underline;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 20px;
	text-align: left;
}
#breadcrumb a , a:visited, a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #006700;
	margin: 0px;
	text-decoration: none;
}
#breadcrumb a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666;
	margin: 0px;
	text-decoration: underline;
}
.error {
  font-size: 11px;
  font-weight: bold;
 color: #ff0000;
}
#mainContent h1 {
	font-size: 18px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #006700;
}
#mainContent h2 {
	font-size: 16px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #630;
}
#mainContent .relatedlinks{
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}
#mainContent h3 {
	font-size: 19px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #630;
}
.chart1 {font-size: 10px; font-style: italic; }
.chart2 {font-size: 9px}#mainContent h4 {
	font-size: 16px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #006700;
}
#sidebar h2 {
	font-size: 18px;
	color: #4A9D0B;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.chart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: thin solid #333333;
	background-color: #99CCCC;
	padding: 10px;
	width: 500px;
}
#mainContent h5 {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #630;
}
.green {
	font-family: Arial, Helvetica, sans-serif;
	color: #006700;
}
#div2 {
	top: 100; 
	left: 500;
	position: absolute; 
	z-index: 20; 
	visibility: hidden;
}
.img_border {
	border: thin solid #B9C9B5;
}
.brown {
	color: #630;
}
.FLIR1 {
	margin: 0px;
	padding: 0px;
	height: 185px;
	width: 241px;
	background-image: url(images/silage-troubleshooting/1.jpg);
	background-repeat: no-repeat;
}
.FLIR2 {
	margin: 0px;
	padding: 0px;
	height: 189px;
	width: 241px;
	background-image: url(images/silage-troubleshooting/2.jpg);
	background-repeat: no-repeat;
}
.FLIR3 {
	margin: 0px;
	padding: 0px;
	height: 185px;
	width: 241px;
	background-image: url(images/silage-troubleshooting/3.jpg);
	background-repeat: no-repeat;
}
.FLIR4 {
	margin: 0px;
	padding: 0px;
	height: 186px;
	width: 241px;
	background-image: url(images/silage-troubleshooting/4.jpg);
	background-repeat: no-repeat;
}
.FLIR5 {
	margin: 0px;
	padding: 0px;
	height: 185px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/5.jpg);
	background-repeat: no-repeat;
}
.FLIR6 {
	margin: 0px;
	padding: 0px;
	height: 189px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/6.jpg);
	background-repeat: no-repeat;
}
.FLIR7 {
	margin: 0px;
	padding: 0px;
	height: 185px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/7.jpg);
	background-repeat: no-repeat;
}
.FLIR8 {
	margin: 0px;
	padding: 0px;
	height: 189px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/8.jpg);
	background-repeat: no-repeat;
}
.FLIR9 {
	margin: 0px;
	padding: 0px;
	height: 186px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/9.jpg);
	background-repeat: no-repeat;
}
.FLIR10 {
	margin: 0px;
	padding: 0px;
	height: 185px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/10.jpg);
	background-repeat: no-repeat;
}
.FLIR11 {
	margin: 0px;
	padding: 0px;
	height: 187px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/11.jpg);
	background-repeat: no-repeat;
}
.FLIR12 {
	margin: 0px;
	padding: 0px;
	height: 188px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/12.jpg);
	background-repeat: no-repeat;
}
.FLIR13 {
	margin: 0px;
	padding: 0px;
	height: 184px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/13.jpg);
	background-repeat: no-repeat;
}
.FLIR14 {
	margin: 0px;
	padding: 0px;
	height: 185px;
	width: 245px;
	background-image: url(images/silage-troubleshooting/14.jpg);
	background-repeat: no-repeat;
}