@charset "utf-8";

body {
	font: 75%/1.5 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background: #61712f url(../_img/body_bg.gif) repeat-x;
}
a {
	color:#A99550;
	text-decoration: none;
}
h1 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}
h2, h3 {
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif
}
h3 {
	color: #99432a;
	font-size: 1.5em;
	line-height: 2;
}
h2 {
	color: #61712f;
	font-size: 2em;
	line-height: 1.5;
}
/* Tablet Landscape */
@media screen and (max-width: 1060px) {
    #primary { width:70%; }
    #secondary { width:30%; margin-left:3%;}  
}

/* Tabled Portrait */
@media screen and (max-width: 768px) {
    #primary { width:100%; }
    #secondary { width:100%; margin:0; border:none; }
}
/* self clearing rules */
.selfclear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.selfclear { display: inline-block; _height: 1%; }
/* Hides from IE-mac \*/
.selfclear { display: block; }
/* End hide from IE-mac */

#header, #leaderboard, #content, #footer {
	width: 940px;
	margin: 0 auto;
}
#header {
	height: 200px;
	padding: 0 10px;
	background: url(../_img/header-bg_home.jpg) no-repeat center top; 
}
#header img {
	float: left;
	margin-left: 3px;
}
#header h1 {
	width: 408px;
	margin: 0;
	padding-top: 29px;
	float: left;
	text-indent: -3000px;
}
#header h1 a {
	height: 136px;
	display: block;
	width: 408px;
	background: url(../_img/logo.png) no-repeat;
}
#header h3 {
	float: right;
	font-style: italic;
	color: #87836a;
	width: 510px;
	font-size: 1.5em;
	line-height: 1;
	text-align: right;
	padding-top: 63px;
}
#leaderboard {
	background: #fcfcfc url(../_img/leaderboard_bg.gif) repeat-x 0px 0px;
	padding-top: 18px;
}
#content #nav ul {
	float: left;
	width: 130px;
	text-align: left;
	margin-left: 20px;
	line-height: 1.8em;
	list-style-type: none !important;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
* html #content #nav ul {
	margin-left: 10px;
}
#content #nav ul li a {
	text-decoration: none;
	color: #a99550;
}
#content #nav ul li a:hover {
	color: #186a9b;
}
#nav img {
	float: left;
	width: 125px;
	margin-left: 0px;
	padding-bottom: 16px;
	padding-left:1px;
}
#leaderboard div {
	float: right;
	width: 250px;
	margin-right: 20px;
}
#leaderboard p {
	font-style: italic;
	color: #61712f;
	padding-left: 20px;
	
}
#leaderboard p a{
	text-decoration: none;
	color: #a99550;
	font-size: 16px;

}
#leaderboard p a:hover{
	color: #186a9b;
}
#header ul li.last a {
	margin-right: 0;
}
#content {
	background: #fcfcfc url(../_img/leaderboard_bg.gif) repeat-x center top;
	padding: 18px 0 0;
}
#content .copy {
	float: left;
	width: 479px;
	margin-left: 2px;
}
#content .copyGallery {
	float:left;
	width:479px;
	margin-left:2px;
}
#content .copyGallery img {
	margin:0 0 5px 0;
	border:none;
}
#content p {
	margin-bottom: 1.5em;
}
#content p a:hover{
	color: #186a9b;
}
#content ul {
	list-style-type: disc; 
	margin-left:33px;
	margin-top:0;
}
#content ul li {
	
	line-height: 1.5;
}
#content ul li a:hover{
	
	color: #186a9b;
}
#content h2 + h3 {
	margin-top: 1em;
}
#content .education {
	margin-top: .75em;
}
#content .education dt {
	float: left;
	width: 7em;
}
#content .education dd {
	margin-bottom: .75em;
}
.quote {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 1em 13px 1em 0;
	background: url(../_img/quote_bg.gif) no-repeat;
	width: 265px;
	height: 203px;
	color: #45888a;
	font-style: italic;
	font-size: 1.167em;
}
.quote p {
	padding: 20px 10px 0 40px;
}
#content .secondary {
	float: right;
	width: 260px;
	margin-right: 20px;
	margin-left: 0;
	background: url(../_img/box5.png) no-repeat top; 
	height:320px;
}

#content .secondary h3 {
color:#99432A;
font-size:1.7em;
line-height:2;
padding-left:12px;
padding-top:9px;
padding-bottom:6px;
}
#content .secondary ul li {
	
line-height:1.3;
margin-bottom:1.7em;
margin-left:12px;
}
	
#content .secondary ul li a {
color:#A99550;
text-decoration:none;
font-size:16px;
line-height:1;
}

#content .secondary ul li a:hover {
color: #186a9b;
text-decoration:none;
}



#footer {
	padding: 9px 0 0;
	background: #c4b75f url(../_img/footer_bg.gif) repeat-x center top;
	font-size: .916em;
	text-align: center;
	color: #6c642d;
	padding-bottom: 9px;
	border-top: 1px solid #fff;
}
#footer p a {
	color: #6c642d;
	text-decoration: none;
	margin: 0 .5em;
}
#footer p a.copyright {
	margin: 0;
}
.additional {
	float: right;
	clear: right;
	width: 262px;
	margin-right: 20px;
	background: url(../_img/box3.png) no-repeat top;
	height:220px;
}
.additional2 {
	float: right;
	clear: right;
	width: 262px;
	margin-right: 20px;
	background: url(../_img/box4.png) no-repeat top;
	height:140px;
}
.chart {
	float: left;
	width: 700px;
	padding-left: 150px;
	
}
.chart table{
	font-size: 10px;
	text-align:center;
	border: #666;
	
}
.chart table td{
	background-color: #C1F4F7;
	vertical-align: middle;
	border: #666;
}
.chart table td.green{
	background-color: #C5EFA5;
}
.chart table td.yellow{
	background-color: #F7F1B3;
}
.chart table td.white{
	background-color: #FFF;
}
/* Button Styles */
.greenbutton {
   border: 1px solid #899f33;
   background: #474e24;
   background: -webkit-gradient(linear, left top, left bottom, from(#899f33), to(#474e24));
   background: -webkit-linear-gradient(top, #899f33, #474e24);
   background: -moz-linear-gradient(top, #899f33, #474e24);
   background: -ms-linear-gradient(top, #899f33, #474e24);
   background: -o-linear-gradient(top, #899f33, #474e24);
   background-image: -ms-linear-gradient(top, #899f33 0%, #474e24 100%);
   padding: 5px 10px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #474e24 0 1px 0;
   color: #c8cbc2;
   font-size: 18px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.greenbutton:hover {
   border: 1px solid #899f33;
   text-shadow: #107831 0 1px 0;
   background: #474e24;
   background: -webkit-gradient(linear, left top, left bottom, from(#899f33), to(#474e24));
   background: -webkit-linear-gradient(top, #899f33, #474e24);
   background: -moz-linear-gradient(top, #899f33, #474e24);
   background: -ms-linear-gradient(top, #899f33, #474e24);
   background: -o-linear-gradient(top, #899f33, #474e24);
   background-image: -ms-linear-gradient(top, #899f33 0%, #474e24 100%);
   padding: 10px 20px;
   color: #ffffff;
   font-size: 20px;
   }
.greenbutton:active {
   text-shadow: #070f14 0 1px 0;
   border: 1px solid #1e4018;
   background: #85d665;
   background: -webkit-gradient(linear, left top, left bottom, from(#569c3e), to(#474e24));
   background: -webkit-linear-gradient(top, #569c3e, #85d665);
   background: -moz-linear-gradient(top, #569c3e, #85d665);
   background: -ms-linear-gradient(top, #569c3e, #85d665);
   background: -o-linear-gradient(top, #569c3e, #85d665);
   background-image: -ms-linear-gradient(top, #569c3e 0%, #85d665 100%);
   color: #ffffff;
   }
.redbutton {
   border: 1px solid #99442a;
   background: #6b2b17;
   background: -webkit-gradient(linear, left top, left bottom, from(#99442a), to(#6b2b17));
   background: -webkit-linear-gradient(top, #99442a, #6b2b17);
   background: -moz-linear-gradient(top, #99442a, #6b2b17);
   background: -ms-linear-gradient(top, #99442a, #6b2b17);
   background: -o-linear-gradient(top, #99442a, #6b2b17);
   background-image: -ms-linear-gradient(top, #99442a 0%, #6b2b17 100%);
   padding: 5px 10px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #474e24 0 1px 0;
   color: #c8cbc2;
   font-size: 18px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.redbutton:hover {
   border: 1px solid #c8cbc2;
   text-shadow: #107831 0 1px 0;
   background: #6b2b17;
   background: -webkit-gradient(linear, left top, left bottom, from(#99442a), to(#6b2b17));
   background: -webkit-linear-gradient(top, #99442a, #6b2b17);
   background: -moz-linear-gradient(top, #99442a, #6b2b17);
   background: -ms-linear-gradient(top, #99442a, #6b2b17);
   background: -o-linear-gradient(top, #99442a, #6b2b17);
   background-image: -ms-linear-gradient(top, #99442a 0%, #6b2b17 100%);
   padding: 10px 20px;
   color: #ffffff;
   font-size: 20px;
   }
.redbutton:active {
   text-shadow: #070f14 0 1px 0;
   border: 1px solid #1e4018;
   background: #9e5944;
   background: -webkit-gradient(linear, left top, left bottom, from(#d17d64), to(#6b2b17));
   background: -webkit-linear-gradient(top, #d17d64, #9e5944);
   background: -moz-linear-gradient(top, #d17d64, #9e5944);
   background: -ms-linear-gradient(top, #d17d64, #9e5944);
   background: -o-linear-gradient(top, #d17d64, #9e5944);
   background-image: -ms-linear-gradient(top, #d17d64 0%, #9e5944 100%);
   color: #ffffff;
   }
.yellowbutton {
   border: 1px solid #ddb526;
   background: #876d16;
   background: -webkit-gradient(linear, left top, left bottom, from(#ddb526), to(#876d16));
   background: -webkit-linear-gradient(top, #ddb526, #876d16);
   background: -moz-linear-gradient(top, #ddb526, #876d16);
   background: -ms-linear-gradient(top, #ddb526, #876d16);
   background: -o-linear-gradient(top, #ddb526, #876d16);
   background-image: -ms-linear-gradient(top, #ddb526 0%, #876d16 100%);
   padding: 5px 10px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #474e24 0 1px 0;
   color: #c8cbc2;
   font-size: 18px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.yellowbutton:hover {
   border: 1px solid #c8cbc2;
   text-shadow: #107831 0 1px 0;
   background: #876d16;
   background: -webkit-gradient(linear, left top, left bottom, from(#ddb526), to(#876d16));
   background: -webkit-linear-gradient(top, #ddb526, #876d16);
   background: -moz-linear-gradient(top, #ddb526, #876d16);
   background: -ms-linear-gradient(top, #ddb526, #876d16);
   background: -o-linear-gradient(top, #ddb526, #876d16);
   background-image: -ms-linear-gradient(top, #ddb526 0%, #876d16 100%);
   padding: 10px 20px;
   color: #ffffff;
   font-size: 20px;
   }
.yellowbutton:active {
   text-shadow: #070f14 0 1px 0;
   border: 1px solid #1e4018;
   background: #c7ae5a;
   background: -webkit-gradient(linear, left top, left bottom, from(#e0c365), to(#876d16));
   background: -webkit-linear-gradient(top, #e0c365, #c7ae5a);
   background: -moz-linear-gradient(top, #e0c365, #c7ae5a);
   background: -ms-linear-gradient(top, #e0c365, #c7ae5a);
   background: -o-linear-gradient(top, #e0c365, #c7ae5a);
   background-image: -ms-linear-gradient(top, #e0c365 0%, #c7ae5a 100%);
   color: #ffffff;
   }
.bluebutton {
   border: 1px solid #17699c;
   background: #0c3852;
   background: -webkit-gradient(linear, left top, left bottom, from(#17699c), to(#0c3852));
   background: -webkit-linear-gradient(top, #17699c, #0c3852);
   background: -moz-linear-gradient(top, #17699c, #0c3852);
   background: -ms-linear-gradient(top, #17699c, #0c3852);
   background: -o-linear-gradient(top, #17699c, #0c3852);
   background-image: -ms-linear-gradient(top, #17699c 0%, #0c3852 100%);
   padding: 5px 10px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 8px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-shadow: #474e24 0 1px 0;
   color: #c8cbc2;
   font-size: 18px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.bluebutton:hover {
   border: 1px solid #c8cbc2;
   text-shadow: #107831 0 1px 0;
   background: #0c3852;
   background: -webkit-gradient(linear, left top, left bottom, from(#17699c), to(#0c3852));
   background: -webkit-linear-gradient(top, #17699c, #0c3852);
   background: -moz-linear-gradient(top, #17699c, #0c3852);
   background: -ms-linear-gradient(top, #17699c, #0c3852);
   background: -o-linear-gradient(top, #17699c, #0c3852);
   background-image: -ms-linear-gradient(top, #17699c 0%, #0c3852 100%);
   padding: 10px 20px;
   color: #ffffff;
   font-size: 20px;
   }
.bluebutton:active {
   text-shadow: #070f14 0 1px 0;
   border: 1px solid #1e4018;
   background: #587f96;
   background: -webkit-gradient(linear, left top, left bottom, from(#70b5e0), to(#0c3852));
   background: -webkit-linear-gradient(top, #70b5e0, #587f96);
   background: -moz-linear-gradient(top, #70b5e0, #587f96);
   background: -ms-linear-gradient(top, #70b5e0, #587f96);
   background: -o-linear-gradient(top, #70b5e0, #587f96);
   background-image: -ms-linear-gradient(top, #70b5e0 0%, #587f96 100%);
   color: #ffffff;
   }
.maintenancebutton {
   float: left;
   clear: left;
   margin-right: 2px;
   width: 235px;
   height: 192px;
   background: url(../_img/Maintenance-LandingButtonLG.jpg) no-repeat top;
   }
.maintenancebutton:hover {
   background: url(../_img/Maintenance-LandingButtonLG-Hover.jpg) no-repeat top;
   width: 235px;
   height: 192px;
   }
.maintenancebutton:active {
   background: url(../_img/Maintenance-LandingButtonLG.jpg) no-repeat top;
   width: 235px;
   height: 192px;
   }
.weedbutton {
   float: right;
   clear: right;
   margin-left: 2px;
   width: 235px;
   height: 192px;
   background: url(../_img/WeedControl-LandingButtonLG.jpg) no-repeat top;
   }
.weedbutton:hover {
   background: url(../_img/WeedControl-LandingButtonLG-Hover.jpg) no-repeat top;
   width: 235px;
   height: 192px;
   }
.weedbutton:active {
   background: url(../_img/WeedControl-LandingButtonLG.jpg) no-repeat top;
   width: 235px;
   height: 192px;
   }
.irrigationbutton {
   float: left;
   clear: left;
   margin-right: 2px;
   width: 235px;
   height: 192px;
   background: url(../_img/Irrigation-LandingButtonLG.jpg) no-repeat top;
   }
.irrigationbutton:hover {
   background: url(../_img/Irrigation-LandingButtonLG-Hover.jpg) no-repeat top;
   width: 235px;
   height: 192px;
   }
.irrigationbutton:active {
   background: url(../_img/Irrigation-LandingButtonLG.jpg) no-repeat top;
   width: 235px;
   height: 192px;
   }
.designbutton {
   float: right;
   clear: right;
   margin-left: 2px;
   width: 235px;
   height: 192px;
   background: url(../_img/Design-LandingButtonLG.jpg) no-repeat top;
   }
.designbutton:hover {
   background: url(../_img/Design-LandingButtonLG-Hover.jpg) no-repeat top;
   width: 235px;
   height: 192px;
   }
.designbutton:active {
   background: url(../_img/Design-LandingButtonLG.jpg) no-repeat top;
   width: 235px;
   height: 192px;
   }
.buttonwrapper {
       text-align: center;
}
.sidebyside {
       display: in-line;
       width: 475px;
       height: 50px;
       margin: 1em;
}
.sidebyside2 {
       display: in-line;
       width: 475px;
       height: 195px;
       margin: 1em;
}