BODY { 
	font-family: "Open Sans", Arial, sans-serif;
	color: black;
	background-color: rgb(51,51,51);
}
  A:link { color: rgb(0, 0, 0)}
  A:visited { color: rgb(0, 0, 0)}
  A:active { color: rgb(0, 0, 0)}
  P {color: black; font-family: Arial, sans-serif; font-size: 14}
  H1 { margin: 5px; font-family: Arial, sans-serif; font-size: 20; line-height: 25px}
  H2 { margin: 0px; font-family: ITC Franklin Gothic, Arial, sans-serif; font-size: 20}
  HR {border: 0; color: rgb(204, 204, 204); background-color: rgb(204, 204, 204); height: 1px; width: 100%; margin: 0px}
  .tdHdr { color: rgb(0, 0, 0); font-family: monospace; font-weight: bold}
  .tdFld { color: rgb(0, 0, 77); font-family: Arial, Helvetica, sans-serif; font-size: 10}
  .tdData { color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif; font-size: 12}
  .tdData TD {vertical-align: top; border-bottom: 1px solid rgb(204, 204, 204); width: 200px}
  .tdMt {color: rgb(153, 153, 102)}

  
  
  .clearfix::after {
	content: "";
	clear: both;
	display: table;
}
  
  .tdMenu1 A:link { color: rgb(0, 0, 0); font-family: arial, sans-serif; text-decoration: none}
  .tdMenu1 A:visited { color: rgb(0, 0, 0); font-family: arial, sans-serif; text-decoration: none}
  .tdMenu1 A:hover { color: rgb(153, 0, 51); font-family: arial, sans-serif; text-decoration: underline}

  .tdMenu1 {
	  border-collapse: collapse;
  }
  
  .tdMenu1 th {
	text-align: left;
	border-bottom: 1px solid black;
	padding-bottom: 1px;
	}
	
  .tdMenu1 TD.extra {
	text-align: right;
  }	
  
  
  .tdArticleGroup{	  
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	align-items: flex-start;
  }
  
	.tdArticleItem{	 
		width: 50%;
		padding-bottom: 2em;
	}
	
	.tdArticleItemFull{	 
		width: 100%;
		padding-bottom: 2em;
	}
	
	.tdArticleFloatRight{
		float:right;
	}
	
	.tdArticleFloatLeft{
		float: left;
	}
  
	.tdArticleBigImage{
		max-width: 100%;
		height: auto;
	}
 

	.tdFlexTable{
		display: -webkit-box;
		display:flex;
		flex-wrap:wrap;
		padding-bottom: 2em;
	}
	.tdFlexTableCell{
		border-bottom:1px solid rgb(204,204,204);
	}

	.tdFlexTableCell--header{
		color:rgb(255,255,204);
		background:rgb(51,51,51);
		font-weight:bold
	}

	.tdFlexTable--1cols > .tdFlexTableCell{
		width: 100%;
	}
	
	.tdFlexTable--2cols > .tdFlexTableCell{
		width: 49%;
	}

	.tdFlexTable--3cols > .tdFlexTableCell{
		width: 32%;
	}	
	
	.tdFlexTable--4cols > .tdFlexTableCell{
		width: 24%;
	}


 
 .manflist { background: white; border: 1px solid rgb(51, 51, 51); padding: 4px}
 .manflist ul { padding: 0; margin: 0; list-style-type: none; }
 .manflist a { text-decoration: none; color: rgb(51, 51, 51); font-family: Arial, Helvetica, sans-serif}
 .manflist .selected { background: rgb(51, 51, 51); color: white; }
 .manflist .selected a { color: white; }
 #manflist { display: none; }

  .tdMenu3 { 
	background: rgb(204, 204, 204);
	font-size: 12; padding: 0; margin-top: 0;
	margin-bottom: 3px; border: 1px solid black;
	font-family: Arial, Helvetica, sans-serif;
	}

  .tdMenu3 h4 {font-size: 12; color: rgb(255, 255, 204); background: rgb(51, 51, 51); margin: 0; padding: 0.1em; display: block; text-decoration: none}
  .tdMenu3 a h4 {font-size: 12; color: rgb(255, 255, 204); background: rgb(51, 51, 51); margin: 0; padding: 0.1em; display: block; text-decoration: none}
  .tdMenu3 a h4:hover {background: rgb(153, 0, 51); text-decoration: none}
  .tdMenu3 ul {margin:0; padding:0; list-style: none; list-style: none}
  .tdMenu3 li {border-bottom: 1px solid rgb(153, 153, 153)}
  .tdMenu3 ul li a {color: black; background: rgb(204, 204, 204); padding: 0.1em; display: block; text-decoration: none}
  .tdMenu3 ul li a:hover {color: white; background: rgb(153, 0, 51); text-decoration: none}
  .tdMenu3 span {padding: 0.15em; margin: 0}

.trail {
	clear:both;
	vertical-align: top;
	text-align: left;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10;
	color: rgb(153, 153, 153);
	text-decoration: none;
	}
.trail A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10;
	color: rgb(102, 102, 102);
	text-decoration: none;
	}
.trail A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10;
	color: rgb(153,0,51);
	text-decoration: none;
	}



  .mfstext {padding: 0; margin: 0; background: white; font-size: 0.8em; margin-bottom: 0.15em; margin-left: 0.15em; margin-right:0}
  .mfsbutt {padding: 0; font-size: 0.8em; border: black solid 1px; margin-left: -2px; margin-bottom: 0.15em; margin-right: 0}

	.tdNewsPhoto { margin: 0.5em; font-size: 10pt; color: rgb(0, 0, 0); font-family: arial}

 .manftable TD {color: black; font-family: Arial, sans-serif; font-size: 12; border: 1px solid rgb(0, 0, 0)}
 .manftable TD H3 {font-size: 14}
 .manftable TD A {text-decoration: none}
 .manftable TD A:hover {color: rgb(153, 0, 51); text-decoration: underline}

 .tdPageHeader{
	background-color: rgb(204, 204, 204);
	padding: 2px;
 }
 
 .tdPageBody{
	background-color: white;
	padding: 2px;
 }
 
 .tdPageLogo{
	float:left;
 }
 
 .tdPageLogo .tdMenuIcon div{
  width: 35px;
  height: 4px;
  background-color: black;
  margin: 5px 0;
}

.tdFilterField{
	width: 9em;
}
 
 .tdPageSearch{
	float:right;
	width: 400;
 }
 
 
 .tdPage {
	width: 756px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
 }
 
 .tdNews{
	 clear:both;
	 border-top: solid 1px black;
 }

 .tdNews div.articleLeft{
	 float: left;
	 width: 350px;
	 vertical-align:top;
	 padding-right: 10px;
	 padding-left: 5px;
 }
 
  .tdNews div.articleRight{
	 float: right;
	 width: 350px;
	 vertical-align:top;
	 padding-right: 5px;
	 padding-left: 10px;
 }
 
 .tdNews a{
	 text-decoration: none;
 }
 
 .tdNews img{
	height: 250px;
	width: 300px;
	border: 0;
	padding-right:3px;
 }
 
 .div-gpt-ad-atf-banner' {
	height: 90;
	width: 728;
 }
 
  .div-gpt-ad-btf-banner' {
	height: 90;
	width: 728;
 }
 
 .tractorMenu {
	 
 }
 
 .tractorMenu a{
	 text-decoration: none;
	 font-weight: bold;
	 font-size: 16px;
 }
 
 .tractorMenu div.left{
	 width:50%;
	 float:left;
 }
 
  .tractorMenu div.right{
	 width:50%;
	 float:right;
 }
 
 
 /* footnotes */

.fnote {
    position: relative;
    vertical-align: baseline;
   }

.fnotenum {
    position: relative;
    left: 2px;
    bottom: 1ex;
    font-family: Arial, Helvetica, sans-serif;
    color: black;
    font-size: .7em;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

.fnotetxt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    line-height: 1.1;
    display: block;
    min-width: 10em;
    position: absolute;
    left: 25px;
    bottom: 5px ;
    border: 1px solid;
    padding: 5px;
    background-color: #fff;
    word-wrap: break-word;
    z-index: 9999;
    overflow: auto;
}
 
 
 @media screen and (max-width: 780px) {
	 
	 body{
		background-color: white;
	 }
	 
	.tdPageLogo{
	  float:none;
	}
	
	.tdPageSearch{
		float:none;
	}
	.div-gpt-ad-atf-banner {
		height: 100;
		width: 320;
 }
 
	.div-gpt-ad-btf-banner {
		height: 100;
		width: 320;
	}
	 
	 
	 .tdPage{
		width: 100%;
		left: 0%;
		transform: translateX(0%);
	 }
	 
	 .tractorMenu div.right,
	 .tractorMenu div.left{
		float: none;
		clear: both;
		width: 100%;
	 }
	 
	 
	.tdMenu1 TD.extra {
		display: none;
	}	
 }
 
.topnav {
	background-color: rgb(204, 204, 204);
	width: 100%;
}
 
.topnav ul{
	background-color: rgb(204, 204, 204);
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 12px;
	float: right;
}
	
.topnav li{
	float: left;
}
	
.topnav li a{
	display: block;
	color: black;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: none;
	background-color: rgb(204, 204, 204);
}


.topnav li a:hover{
	display: block;
	color: white;
	text-decoration: none;
	background-color: rgb(153, 0, 51);
}


.tractornav {
	width: 100%;
	clear: both;
}
 
.tractornav ul{
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	font-size: 12px;
	float: left;
;
}

.tractornav li{
	float: left;
	border-left: 1px solid black;
}
	
.tractornav li a{
	display: block;
	color: black;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-decoration: none;
}

.tractornav li a.selected{
	color: rgb(255,255,204);
	background-color: rgb(51, 51, 51);
}

.tractornav li a:hover{
	display: block;
	color: white;
	text-decoration: none;
	background-color: rgb(153, 0, 51);
}


.tdPageLogo .tdMenuIcon{
	display: none;
}

.tdMobileJump{
	display: none;
}

@media screen and (max-width: 500px) {
  .topnav ul {
	  float: none;

  }

   .tractornav ul {
	  float: none;
  }
 
  
   .topnav li {
	  display: none;
  }
  
  .topnav.responsive li {
	  display: block;
	  float: none;
	  border-right: none;
	  border-bottom: 1px solid white;
	}
	
	
	.tdPageLogo .tdMenuIcon{
		display: block;
		float: right;
	}

	.tdFilterField{
		width: 60px;
	}
	
  .tdPageSearch{
	float: none;
	width: 100%;
	}
	
	.tdMobileJump{
		display: inline;
	}

	.tdMenu1 td{
		padding: 8px;
	}
	
	.tdArticleGroup{
		flex-direction:column;
	}
	
	.tdArticleItem{
		width: 100%;
		padding-bottom: 10px;
	}

	.tdArticleItemFull{
		width: 100%;
		padding-bottom: 10px;
	}
	
	.tdArticleFloatRight{
		float: none;
	}
	.tdArticleFloatLeft{
		float: none;
	}
	
	.tdFlexTable{
		display: block;
		width: 100%;
	}
	
	.tdFlexTable--collapse > .tdFlexTableCell{
		width: 100%;
	}

}