@keyframes background{
  0% {background: url(../images/toro_wrapper.png); background-repeat: repeat; background-attachment:fixed;background-size:cover;background-position: top center;}
  20% {background: url(../images/wcs_field_wrapper.png); background-repeat: repeat; background-attachment:fixed;background-size:cover;background-position: top center;}
  40% {background: url(../images/future_tigers_1.jpg); background-repeat: no-repeat; background-attachment:fixed;background-size:cover;background-position: top center;background-color: rgba(32, 128, 11, 0.84);}
  60% {background: url(../gallery/_data/i/upload/2021/09/12/20210912132902-099c1f62-sm.jpg); background-repeat: no-repeat; background-attachment:fixed;background-position: top center;background-size:contain;background-color: rgba(32, 128, 11, 0.84);}
  80% {background: url(../gallery/_data/i/upload/2021/09/12/20210912132835-79dda65e-sm.jpg); background-repeat: no-repeat; background-attachment:fixed;background-position: top center;background-size:contain;background-color: rgba(32, 128, 11, 0.84);}
  100% {background: url(../gallery/_data/i/upload/2021/09/12/20210912132916-9f4b6e04-sm.jpg); background-repeat: no-repeat; background-attachment:fixed;background-position: top center;background-size:contain;background-color: rgba(32, 128, 11, 0.84);}
}

.toro_gif-state {
	animation-name: toro_gif1;
	animation-duration: 28s;
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-delay: 1s;
	visibility: hidden;
	z-index: -1;
	display: block;
	position: fixed;
	left: 0em;
	top: 0em;
	background-color: #000;
	width: 100%;
	height: 100%;
	font-size: 24pt;
	color: #F60;
	border-color: #F60;
	border-style: groove;
	border-width: 15px;
}

.toro_gif-state img{
	padding-top: 5em;
}

@keyframes toro_gif1 {
	0% {
		display: block;
		visibility: visible;
		z-index: 9999;
	}
	90% {
		display: block;
		visibility: visible;
		z-index: 9999;
	}
	100% {
		display: none;
		visibility: hidden;
		z-index: -1;
	}
}

a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
.container .content table tr td {
	width: 80%;
	max-width: 1260px;/
	min-width: 780px;
	margin: 0 auto;
	background-attachment: scroll;
	background-image: url(images/grass1.jpg);
	background-repeat: repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCC;
}
.tabletext {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCC;
	background-attachment: scroll;
	background-image: url(images/grass1.jpg);
	background-repeat: repeat;
}
body {
	color: #F60;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	line-height: 1.4em;
	background: url(../images/toro_wrapper.png) no-repeat;
	background-size: cover;
	transition: background-color .5s;	
	background-attachment: fixed;
	animation-name: background;
	animation-duration: 15s;
	animation-timing-function: linear|ease-in-out;
	animation-iteration-count: infinite;
	animation-delay: 30s;
	text-shadow: rgb(0 0 0) 1px 2px 1px;
}
h1, h2, h3, h4, h5, h6 {
	color: #F60;
	font-weight: 400;
	padding: 3px;
	margin: 0 0 10px 0;
}
h1 { 
	font-size:34px;
	line-height: 36px;
	background: url(../images/tjrh1.png) no-repeat top left;
	background-size: contain;
}
h2 {
	font-size:28px;
	margin-bottom: 5px;
	line-height: 30px;
	background: url(../images/tjrh2_c.png) no-repeat top left;
	background-size: cover;
	padding-left: 50px;
	padding-top: 10px;
}
h3 {
	font-size:20px;
	line-height: 22px;
}
h4 {
	font-size:18px;
}
h5 {
	font-size:16px;
}
h6 {
	font-size:12px;
}
.left {
	float:left;
	clear: both;
}
.right {
	float:right;
}
.clear {
	clear: both;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
.img_border {
	border: 1px solid #363637;
	background: #000;
	padding: 6px;
}
.img_border_s {
	padding: 3px;
}
.img_border_b {
	padding: 6px;
}
.img_nom {
	display: block;
	margin-bottom: 15px;
}
.img_fl {
	float: left;
	display: block;
	margin: 1px 20px 8px 0;
}
.img_fr {
	float: right;
	margin: 1px 0 8px 20px;
}
p {
	color: #FF5B00;
	padding: 10px 10px 10px 10px;
}
em {
	color: rgb(212, 173, 80);
}
hr { 
	clear: both; 
	margin: 5px 0; 
	height: 5px; 
	border: none; 
	background: url(../images/tjrhrdiv.png) center bottom; 
}
a:link, a:visited {
	color: rgb(255 204 176);
    text-decoration: none;
	font-weight: 900;
}
a:hover {
	text-decoration: none;
}
a:hover,a:active {
	outline:none;
}
ol.nobullet, ul.nobullet {
	margin: 0;
	padding: 0;
	list-style: none;
}
ol.nobullet li, ul.nobullet li {
	margin: 0;
	padding: 0;
}
ol.number_list {
	margin: 10px 0 10px 15px;
	padding: 0;
	list-style: decimal-leading-zero;
}
ol.number_list li {
	margin: 0 0 7px 0;
	padding: 0 0 0 10px;
}
ol.number_list li a {
	color: #b9becd;
	font-weight: normal;
	text-decoration: none;
}
ol.number_list li a:hover {
	color: #b9becd;
}
#tjr_body_wrapper {
    width: auto;
	margin-right: 10px;
}
#tjr_body_wrapper:img {
	margin-left: 20px;
	margin-right: 20px;
}
#tjr_wrapper {
	width: 98%;
	margin: 0 0;
	padding: 0 5px;
	height: 110px;
}
#tjr_header {
	height: 245px;
	position: relative;
	padding-top: 5px;
	padding-right: 34px;
	padding-left: 60px;
	background: url(../images/tjrlogo.png) top center no-repeat;
	background-size: contain;
}
.tjr_header_bg {
	position:absolute;
	right:1px;
	top:1px;
	cursor:default;
}
#tjr_main {
	color: #FFDFCA;
	padding: 0 34px 30px;
	background-color: #f27d00ba;
}
#tjr_main h1 {
	font-size:34px;
	line-height: 38px;
	background: url(../images/tjrh2.png) no-repeat top left;
	background-size: contain;
}
#tjr_content {
	width: 590px;
}
#tjr2_content {
	padding-top: 150px;
	width: 100%;
	margin-bottom: 100px;
}
#tjr2_content p {
	font-size: 18px;
	padding: 10px 10px 10px 10px;
}
#tjr_sidebar {
	width: 280px;
}

#tjr_sidenav {
	font-size: 30px;
	cursor: cell;
	border-right: green 3px ridge;
	border-top-right-radius: 40%;
	border-left: green 3px ridge;
	border-top-left-radius: 40%;
	padding-left: 5px;
	padding-right: 5px;
    background-color: darkgreen;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	transition: 0.5s;
	padding-top: 30px;
	background-color: #6e973fdb;
	color: #F60;
	scrollbar-width: thin;
	overflow-y: scroll;
	overflow-x: hidden;
}

.sidenav a {
	text-decoration: none;
	font-size: 16px;
	color: #FFDFBF;
	display: block;
	transition: 0.3s;
}

.sidenav li h2 {
	text-decoration: underline;
	font-size: 18px;
	color: #F60;
	display: block;
	transition: 0.3s;
	margin-bottom: 0px;
	background: transparent !important;
	padding-left: 5px;
}

#MenuBar2 {
	padding-bottom: 50px;
	padding-left: 5px;
}

.sidenav ul {
	list-style: none;
	padding-left: 10px;
}

.sidenav li a {
	font-size: 16px;
	color: #FFDFBF;
	display: block;
	transition: 0.3s;
	font-weight: 900;
	cursor: pointer;
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 36px;
    margin-left: 50px;
}

#main {
    transition: margin-left .5s;
    padding: 16px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 5px;}
  .sidenav a {font-size: 16px;}
}
.col {
	float: left;
	margin: 0 30px 30px 0;
}

.col_1{
	background-color: rgba(32, 128, 11, 0.84);
    text-shadow: rgb(0 0 0) 1px 2px 1px;
    color: #FF5B00;
    font-size: 18px;
}
.col_2 {
	width: 49%;
	background-color: rgba(32, 128, 11, 0.84);
	text-shadow: rgb(0, 0, 0) 1px 2px 1px;
	color: #FF5B00;
	font-size: 18px;
}
.col_3 {
	width: 280px;
}
.col_32 {
	width: 590px;
}
.col_4 {
	width: auto;
}
.col_43 {
	width: 607px;
}
.col_5 {
	width: 156px;
}
.col_6 {
	width: 49%;
}

/* header */
#site_title {
	float: left;
	width: 100%;
}
#site_title a {
	display: block;
	width: 600px;
	height: 99px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	text-indent: 20px;
	color: #000;
}
#tjr_header .col_4 {
	margin-top: 5px;
}
#tjr_header .col_4 a {
	display: block;
	float: right;
	margin-left: 5px;
}

/* menu */
#tjr_menu ul {
	float: left;
	width: 640px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#tjr_menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#tjr_menu ul li a {
	display: block;
    float: left;
    line-height: 40px;
    padding: 0 20px;
    margin-right: 1px;
    font-size: 14px;
}

#tjr_menu ul li a:hover, #tjr_menu ul li a.selected, #tjr_menu ul li a.active{
	color: #4483c9;
    background: #6d5b31;
}

#tjr_menu ul li:hover,
body.home li.home, body.contact li.contact, body.award li.award, body.da li.da, body.addf li.addf, body.aerate li.aerate, body.calib li.calib, body.lor li.lor, body.ws li.ws, body.se li.se, body.mt li.mt, body.suptb li.suptb, body.perf li.perf, body.attendance li.attendance, body.homeowner li.homeowner, body.highschool li.highschool, body.training li.training, body.equipment li.equipment, body.employment li.employment, body.field li.field, body.fertil li.fertil, body.guidelines li.guidelines, body.turfinsects li.turfinsects, body.turf li.turf, body.soccer li.soccer, body.lawncare li.lawncare, body.machine li.machine, body.moles li.moles, body.mowing li.mowing, body.sam li.sam, body.sample1 li.sample1, body.sample2 li.sample2, body.sample3 li.sample3, body.sample4 li.sample4, body.resume li.resume, body.seeding li.seeding, body.topdressing li.topdressing, body.turfdisease li.turfdisease, body.cis li.cis, body.weeds li.weeds, {
	color: #f60;
	background: #233d01;
}

#tjr_menu ul li:hover a,
body.home li.home a, body.contact li.contact a, body.award li.award a, body.da li.da a, body.addf li.addf a, body.aerate li.aerate a, body.calib li.calib a,body.lor li.lor a, body.ws li.ws a, body.se li.se a, body.mt li.mt a, body.suptb li.suptb a, body.perf li.perf a, body.attendance li.attendance a, body.homeowner li.homeowner a, body.highschool li.highschool a, body.training li.training a, body.equipment li.equipment a, body.employment li.employment a, body.fertil li.fertil a, body.field li.field a, body.guidelines li.guidelines a, body.turfinsects li.turfinsects a, body.turf li.turf a, body.soccer li.soccer a, body.lawncare li.lawncare a, body.machine li.machine a, body.moles li.moles a, body.mowing li.mowing a, body.sam li.sam a, body.sample1 li.sample1 a, body.sample2 li.sample2 a, body.sample3 li.sample3 a, body.sample4 li.sample4 a, body.resume li.resume a, body.seeding li.seeding a, body.topdressing li.topdressing a, body.turfdisease li.turfdisease a, body.cis li.cis a, body.weeds li.weeds a, {
	color: #f60;
	background: #233d01;
}

#tjr_search { 
    float: right;
    margin-top: 5px;
    width: 221px;
    height: 26px;
    background: url(../images/ajsearch.png);
    right: 15px;
    position: relative; 
}

#tjr_search form {
	margin: 0;
	padding: 0;
}

#tjr_search .txt_field {
	display: block;
	height: 23px;
	line-height: 23px;
	width: 200px;
	color: #666;
	font-size: 12px;
	padding: 5px 10px;
	font-variant: normal;
	border: none;	
	background: none;
}

/* middle */
.event {
	position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 310px;
	width: 240px;
	padding: 20px;
}
.event1 {
	background-image: url("");
	background-size: contain;
}
.event2 {
	background-image: url("");
	background-size: contain;
}
.event3 {
	background-image: url("");
	background-size: contain;
}
a.event_btn {
	display: block;
	position: relative;
	top: 270px;
	left: 0px;
	width: 269px;
	height: 68px;
}
.event1 a.event_btn {
	background-image: url("");
}
.event2 a.event_btn {
	background-image: url("");
}
.event3 a.event_btn {
	background-image: url("");
}

/* content */
div.col_2 left a img {
	display: block;
	padding: 15px 20px;
	width: 395px;
	margin-bottom: 5px;
	border-bottom: 5px solid #000;
	background: #1b1b1b url("") 380px 22px scroll no-repeat;
}
ul.even_list li a:hover {
	text-decoration: none;
	background-color: #0a0a0a;
}
ul.even_list li a span {
	display: block;
}
ul.even_list li a span.title {
	font-weight: 700;
	color: #fff;
}
ul.even_list li a span.date {
	color: #eb9a0c;
}
ul.even_list li a span.place {
	color: #fff840;
}
#gallery li {
	display: block;
	float: left;
	margin: 0 30px 30px 0;
}
#gallery li.no_mr {
	margin-right: 0;
}
#contact_form {
	padding: 0;
	margin-bottom: 40px;
	width: 435px;
}
#contact_form form {
	margin: 0px;
	padding: 0px;
}
#contact_form form .input_field { 
	width: 192px; 
	padding: 5px; 
	margin-bottom: 20px; 
	color: #999999;  
	background: #111111; 
	border: 1px solid #333333;
	font-family: Tahoma, Geneva, sans-serif;
}
#contact_form form label {
	display: block;
	margin-bottom: 5px;
}
#contact_form form textarea { 
	width: 425px; 
	height: 150px; 
	padding: 5px; 
	margin-bottom: 10px; 
	color: #999999;  
	background: #111111; 
	border: 1px solid #333333; 
	font-family: Tahoma, Geneva, sans-serif;
}
/* footer */
#tjr_footer {
	padding: 10px 20px 10px 20px;
	line-height: 30px;
	background: url(../images/tjrfooter_2.png) top center no-repeat;
	background-size: cover;
	position: fixed;
	bottom: 0px;
	width: 95%;
}
#tjr_footer .left {
	text-align: left;
	color: #F60;
	font-weight: bold;
	text-shadow: rgb(0, 0, 0) 2px 2px 2px;
	width: 59%;
}
#tjr_footer .left a {
	color: #6eadf3;
}
#tjr_footer .right {
	text-align: right;
	color: #F60;
	font-weight: bold;
	text-shadow: rgb(0, 0, 0) 2px 2px 2px;
	width: 36%;
}
#tjr_footer .right a {
	text-align: right;
	color: #6eadf3;
}
#tjr_footer .col2 p {
	background-color: transparent !important;
	padding: 0;
	text-shadow: rgb(255, 91, 0) 2px 1px 2px;
}
#tjr_footer .col2 h3 {
	text-shadow: rgb(0, 0, 0) 2px 2px 2px;
}
.no_mr {
	margin-right: 0;
}
.tjr_paging {
	margin: 0 0 20px;
	padding: 0;
}
.tjr_paging ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tjr_paging ul li {
	margin: 0;
	padding: 0;
	display: inline;
}
.tjr_paging ul li a { 
	float: left; 
	display: block; 
	color: #666; 
	text-decoration: none; 
	margin-right: 5px; 
	padding: 5px 10px; 
	background: #000; 
	border: 1px solid #282828;
}
.tjr_paging ul li a:hover {
	color: #fff;
	background: #282828;
	border: 1px solid #000;
}
       
.font1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d4ad50;
}
.font2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #d4ad50;
}
.font3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	color: #d4ad50;
	font-weight: bold;
}
.select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
div table tr th row1 {
	font-weight: 900;
	color: #333;
	text-decoration: underline;
	text-align: center;
}
#tjr_body_wrapper #tjr_main div table tr td {
	text-align: center;
	font-weight: 700;
	text-shadow: #5e7a35 0px 0px 1px;
}