/* GOFISH: Please add styles to the specified section at the bottom of this file. Thanks you */

* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#41403d;
	background-color:#37302c;
	background-image: url(img/soil.jpg);
	background-repeat: repeat;
	background-position:top;
	line-height:1.3em;
}
a img { border:none; }
h1 {
	font-size: 21px;
}
h2 {
	font-size: 19px;
}
h3 {
	font-size: 17px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 11px;
}

h1, h2, h3, h4, h5 {
	line-height:normal;
}

a {
	text-decoration:none;
	color:#41403d;
	font-weight:bold;
	cursor:pointer;
}
a:hover {
	color:#9f1c20;
}
a:active {
	color:#ced74c;
}

input {
	margin: 0 0 0 0;
	line-height: 17px;
}

.quote {
	font-style:italic;
	text-align:center;
	font-size:12px;
}

.quoted {
	font-weight:bold;
	text-align:right;	
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}
.clear {
	clear:both;
}
.small_text {
	font-size:10px;
}
/*************************************************************************************************************************************************************************************************************************/
#but01Content ul, #but02Content ul, #but03Content ul, #but04Content ul, #but05Content ul, #but06Content ul, #but07Content ul, #but08Content ul, #but09Content ul {
	margin:5px 0 5px 13px;
}

#but01Content ul a, #but02Content ul a, #but03Content ul a, #but04Content ul a, #but05Content ul a, #but06Content ul a, #but07Content ul a, #but08Content ul a, #but09Content ul a {
	color:#566519;
	text-decoration:none;
}
#but01Content ul a:hover, #but02Content ul a:hover, #but03Content ul a:hover, #but04Content ul a:hover, #but05Content ul a:hover, #but06Content ul a:hover, #but07Content ul a:hover, #but08Content ul a:hover, #but09Content ul a:hover {	color:#9f1c20; }
/*********************************************************************************************************************************************************************************************************************/
/*#square_buttons {
	height:110px;
	position:relative;
}*/
.square_buttons {
	
	height:110px;
	position:relative;
	
	color:#666666;
	font-weight:normal;
	letter-spacing:normal;
	/*font-style:italic;*/
}
/*#square_buttons a {
	text-decoration:none;
	color:#41403d;
	font-weight:bold;
	cursor:pointer;
}*/
.square_buttons a {
	text-decoration:none;
	color:#41403d;
	font-weight:bold;
	font-style:normal;
	cursor:pointer;
}
/*#square_buttons a:hover {
	color:#9f1c20;
}*/
.square_buttons a:hover {
	color:#9f1c20;
}
/*#square_buttons a:active {
	color:#41403d;
}*/
.square_buttons a:active {
	color:#41403d;
}
/*#square_buttons .redbrown-butt a, .redbrown-butt a {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
}*/
.square_buttons .redbrown-butt a, .redbrown-butt a {
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	cursor:pointer;
}
/*#square_buttons .redbrown-butt a:hover, .redbrown-butt a:hover {
	color:#cfd559;
}*/
.square_buttons .redbrown-butt a:hover, .redbrown-butt a:hover {
	color:#cfd559;
}
#lionheart-shape a, #supp_train a {
	text-decoration:none;
	color:#9f1c20;
	font-weight:bold;
	cursor:pointer;
}

#lionheart-shape a:hover, #supp_train a:hover {
	color:#566519;
}
#lionheart-shape a:active, #supp_train a:active {
	color:#41403d;
}
.link-red-green a {   /* These styles are a repeat !!! FIX !!! */
	text-decoration:none;
	color:#9f1c20;
	font-weight:bold;
	cursor:pointer;
}

.link-red-green a:hover {
	color:#566519;
}
.link-red-green a:active {
	color:#41403d;
}
.link-green-red a {   
	text-decoration:underline;
	color:#8aa449;
	font-weight:bold;
	cursor:pointer;
}

.link-green-red a:hover {
	color:#9f1c20;
}
.link-green-red a:active {
	color:#8aa449;
}

#header {
	width:100%; 
	height:360px;
	background-image:url(img/sky.jpg); 
	background-position: center bottom; 
	background-repeat:repeat-x;
}
#grass {
	background-image:url(img/grass.png); 
	background-position:bottom; 
	background-repeat:repeat-x;
}

/*.10pxSpace {
	height:10px;
}*/

#container760px {
	position:relative;
	width:760px; 
	height:360px; 
	display:block; 
	margin:0px auto;
}

#plant {
	height:234px;   /* This is derived from the height of sky.jpg (420px), less the Nav menu (126px). */
	margin:0px auto;
	background-image:url(img/plant.png);
	background-position:bottom;
	background-repeat:no-repeat;	
	/*width:760px;*/
}
#plant img {
	padding-top:54px;  /* This is derived from the height of the plant div (234px), less the plant.png (180px). */
	height:180px;
	width:130px;
}

#nav {
	height:126px;
	/*width:760px;*/
}

#nav-left {
	float:left;
	width:30px;
	height:126px;
}

#nav-middle {

	float:left;
	width:700px;
	height:126px;
	background-image:url(img/nav_middle.png);
	background-repeat:no-repeat;
}
#nav-right {

	float:left;
	width:30px;
	height:126px;
}

.page-corner-left {

	width:35px; 
	height:35px; 
	display:inline; 
	float:left

}

.page-corner-right {

	width:35px; 
	height:35px; 
	float:right;

}
.page-corners-space {

	width:710px; 
	height:35px; 
	background-color:#FFFFFF; 
	float:left; 
	display:inline
}
#bodyContainer {
	width:100%; 
	min-height:500px;
}

#bodyContent {
	width:980px; 
	margin: 0px auto;
}

.corner-left {

	width:24px; 
	height:24px; 
	display:inline; 
	float:left;
	position:relative;
}
.corner-right {

	width:24px; 
	height:24px; 
	float:right;
	position:relative;	
}
.corners-space1 {

	width:164px; /* span1-b1 width less the two corner graphics 48px / (24px X 2) */
	height:24px; 
	float:left; 
	display:inline
}

#pageContainer {

	clear:both; 
	width:780px; 
	background-color:#FFFFFF;

}

#pageContent { /* This is the container for the page's content */

	clear:both; 
	width:710px; 
	padding:35px;


}
#navcontainer {

	height:126px;
	text-align:center;
}

#navlist li
{
	display: inline;
	list-style-type: none;
	
}

#navlist li a
{
	color:#ffffff;
	vertical-align:middle;

}

#navlist li a:active
{
	color:#d0d741;
}
#navlist li a:hover
{
	color:#d0d741;
}
#navlist li div {
float:left;
width:103px;
height:46px;   /*  This height is derived from the height of the menu (126px) less the top margin (80px)  */
margin: 80px 0 0 0;

}
#navlist div.nav-ends {  /* First and last items in nav menu hav smaller divs */
width:92px;
}
#navlist div.nav-txt-break {  /* This is to position nav items that span 2 lines <br> */
margin-top:5.9em
}
#logo-home {
	margin:-33px /*20*/70px 0 0; 
	position:relative;
}
#logo-support {
	margin:0 0 0 -4px;
}
#logo-case img {
	margin:-20px 0 0 20px;
}
#logo-case h2 {
	margin:15px 0 0 10px;
}
/**/
#logo-videos img {
	margin:-20px 0 0 20px;
}
#logo-videos h2 {
	margin:15px 0 0 10px;
}
#logo-videos p {
	margin:10px 0 0 10px;
}
/**/
.video_window {
	background:url(../img/soil.jpg) repeat;
	text-align:center;
	margin:0 auto;
	padding-top:20px
}
/**/
#logo-about {
	margin:-16px 0 0 -2px;
}
#audiencePortal ul { margin:5px 0 5px 13px; }

#audiencePortal a {   /* These styles are a repeat !!! FIX !!! */
	text-decoration:none;
	color:#566519;
	font-weight:bold;
	cursor:pointer;
}

#audiencePortal a:hover {
	color:#9f1c20;
}
#audiencePortal a:active {
	color:#41403d;
}

#audienceList ul li { padding-right:30px;  }
#audienceList ul li ol {
	margin-top:0.5em;
}
#audienceList ol li {
	border:none;
	margin:0 0 0 20px;
	padding:0.2em 0 0.2em 0.5em;
}
.audienceList a {
	line-height:1.4em;
	text-align:right;
}
.audienceList .quote {
	line-height:1.4em;
	text-align:right;
}
.audienceList .quoted {
	text-align:right;
}
.audienceList ol {
	margin:1em 0 1em 18px;
}
.audienceList ol li {
	border:none;
	list-style:decimal;
	margin:0.5em 0 0.5em 0;
	padding:0.2em 0 0.2em 0.5em;
}
.audienceList ul {
	margin:1em 0 1em 18px;
}
.audienceList ul li {
	border:none;
	list-style:circle;
	margin:0.5em 0 0.5em 0;
	padding:0.2em 0 0.2em 0.5em;
}
.span1 { /* Width of a single column. #pageContents caters for 3 columns with 2 spacings/gaps of 35px. */
	width:216px;
	text-align:left;
}
.span1-round { /* Width of a single column, less padding of 48 px (2 X 24px corner graphics) */
	width:168px;
	text-align:left;
}
.span1-b1 { /* Width of span1 is reduced to cater for border widths of 1 column */
	width:212px;
	text-align:left;
}
.span1-b2 { /* Width of span1 is reduced to cater for border widths of 2 column */
	width:208px;
	text-align:left;
}
.span1-b3 { /* Width of span1 is reduced to cater for border widths of 3 column */
	width:202px;
	text-align:left;
}

.span1Content {   /* span1 width of 216px less the combined padding (2 X 24px) */
	width:168px;
	padding-left:24px;
	padding-right:24px;	
	text-align:left;	
}
.span2 {
	width:463px;
	text-align:left;
}

.span2-round { /* Width of a double column, less padding of 48 px (2 X 24px corner graphics) */
	width:415px;
	text-align:left;
}
.span2-b1 { /* Width of span2 is reduced to cater for border widths of 1 double column */
	width:459px;
	background-color:#006633;
	text-align:left;
}

.span2Content {
	width:415px;  /* span2 width of 463px less the combined padding (2 X 24px) */
	padding-left:24px;
	padding-right:24px;	
	text-align:left;
}

.span3 {
	width:710px;
	text-align:left;
}
.span3-round { /* Width of a triple column, less padding of 48 px (2 X 24px corner graphics) */
	width:662px;
	text-align:left;
}

.span3-gap { /* This is the spacing/gap between columns in #pageContent, that runs across the entire page */
	clear:both;
	width:710px;
	height:31px;
	
}

.span-gap { /* This is the spacing/gap between columns in #pageContent */
	width:31px;
	height:31px;
}


.borders-aqua01 {
	/*border:inset;*/
	BORDER-RIGHT: #c2dbd5 2px solid; 
	BORDER-TOP: #c2dbd5 2px solid; 
	BORDER-LEFT: #c2dbd5 2px solid; 
	BORDER-BOTTOM: #c2dbd5 2px solid;
	background-color:#ffffff;
}
.borders-green01 {
	border:inset;
	BORDER-RIGHT: #8aa449 2px solid; 
	BORDER-TOP: #8aa449 2px solid; 
	BORDER-LEFT: #8aa449 2px solid; 
	BORDER-BOTTOM: #8aa449 2px solid;
	background-color:#ffffff;
}

.aqua02-bg {
background-color:#e4eeeb;
}

.green01-bg {
background-color:#8aa449;
}
.green02-bg {
background-color:#b0be36;
}
.green03-bg {
background-color:#ced74c;
}

.redbrown-bg {
background-color:#955645;
}

.red {
	color:#9f1c20;
}
.green02 {
	color:#b0be36;
}
.black-tint {
	color:#41403d;
}
.white {
	color:#ffffff;
}
.mb-tl {  /* reduced margins for bordered corner graphics */
	margin-top:-2px;
	margin-left:-2px;
}
.mb-tr {  /* reduced margins for bordered corner graphics */
	margin-top:-2px;
	margin-right:-2px;
}
.mb-bl {  /* reduced margins for bordered corner graphics */
	margin-bottom:-2px;
	margin-left:-2px;
}
.mb-br {  /* reduced margins for bordered corner graphics */
	margin-bottom:-2px;
	margin-right:-2px;
}
.padSides20 {
	padding:0 20px 0 20px;
}
UL.arrowList {
	MARGIN-LEFT: 0em; LIST-STYLE-TYPE: none
}
UL.arrowList LI {
	BACKGROUND-POSITION: 0px 4px; 
	PADDING-LEFT: 1.3em; 
	BACKGROUND-IMAGE: url(img/arrow-side.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 100%;
}

#faq-arrowList li {
	margin-top: 0.9em;
}
#faq-arrowList a {
	font-weight:normal;
}
UL.squareList {
	MARGIN-LEFT: 0em; LIST-STYLE-TYPE: none
}
UL.squareList LI {
	BACKGROUND-POSITION: 0px 4px; 
	PADDING-LEFT: 1.3em; 
	BACKGROUND-IMAGE: url(img/square-red.gif); 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 100%;
}
.faq ol {
	padding:0 0 15px 0;
}
.faq ol li {
	BACKGROUND-IMAGE: none;
	list-style-type:decimal;
	list-style:decimal;
	PADDING-LEFT: 0.3em;
	margin:0 0 0 35px;
}
.faq ol p {
	PADDING:0 0 1em 0.3em;
	margin:0 0 0 35px;
}
.faq ol li a {
	font-weight:normal;
}
#plant_select UL.squareList LI {
	BACKGROUND-POSITION: 0px 7px;
	line-height:1.9em;
}
UL.anchorList {
	MARGIN-LEFT: 0em; LIST-STYLE-TYPE: none
}
UL.anchorList LI {
	border-bottom-style:solid;
	padding-top:8px;
	padding-bottom:8px;
	HEIGHT: 100%;
	
	/*BACKGROUND-POSITION: right;
	BACKGROUND-IMAGE: url(../img/arrow-side.gif); 
	BACKGROUND-REPEAT: no-repeat;*/   /* REPLACED BY CLASS arrowRight */ 
	
}
.arrowRight {
	BACKGROUND-POSITION: right;
	BACKGROUND-IMAGE: url(img/arrow-side.gif); 
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 100%;
}
#redAnchorList LI {
	border-bottom-color:#9f1c20;
	border-bottom-width:1px;
}

#aquaAnchorList LI {
	border-bottom-color:#ccded9;
	border-bottom-width:2px;
}
.open-box {
	background-image:url(img/openBox710px.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	height:158px; 
	/*position:relative;*/
	margin:-50px 0 0 0
}
.contentSwopBg {
background-image:url(img/leaf.jpg); background-position:center; background-repeat:no-repeat
}
.contentSwopBg2 {
background-image:url(img/leavesBig.jpg); background-position:center; background-repeat:no-repeat
}
.leafGreen02Bg {
background-image:url(img/leaf_green02.jpg); background-position:center; background-repeat:no-repeat
}
.leafAqua02Bg {
background-image:url(img/leaf_aqua02.jpg); background-position:center; background-repeat:no-repeat
}

.arrow_down01 {   /* Home page arrows for content changing */
	margin:40px 0 0 40px;
}
.arrow_down02, .arrow_down03, .arrow_down04 { /* Home page arrows for content changing */
	margin:40px 0 0 43px;
}
#lionheart-shape {

	background-image:url(img/footer-shape.gif);
	background-position:center;
	background-repeat:repeat;
	height:114px;
}
#lionheart-shape .floatleft {

	margin-top:22px;
}
#lionheart-shape p, h6 {

	margin-top:13px;
	margin-left:30px;
	margin-right:15px;
}
.spanFooter {
	width:100%/*540px*/;
}

#footerLeavesBg {
	background-image:url(img/leaves.jpg); 
	background-position:bottom; 
	background-repeat:no-repeat;
	height:110px;
	margin: 0 0 -50px 0;
}

#footerlist li
{
	display: inline;
	list-style-type: none;
	
}

#footerlist li a, #footerlist li b 
{
	vertical-align:middle;
	padding:0 10px 0 10px;
	color:#41403d;
}
#footerlist li a:hover
{
	color:#9f1c20;
}


#footerlist li span {
	font-family:"Arial Black";
	font-size: 14px;
	color:#c2dbd5;
	font-weight:bold;

}

#footerLinks {
	position:absolute; 
	bottom:30px; 
	/*left:10%; */
/*	right:10%*/
}
#home_contact_mLeft {
	margin:0 0 0 10px;
}
#home_contact_mRight {
	margin:0 20px 0 0;
}
#plantSeason {
margin-right:14px;
margin-top:12px;
}
#butt_box_supp {
	height:272px; 
	background-image:url(img/box_support.gif); 
	background-position:center; 
	background-repeat:no-repeat
} 
/*   GHUY !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */
/*
#butt_box_supp.brownButtLink a {
	color:#CCCCCC;
}
#butt_box_supp.brownButtLink a:hover {
	color:#9f1c20;
}*/
/*   GHUY !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */

#butt_line_about {
/*	height:272px;*/
	background-image:url(img/line_about.gif); 
	background-position:center; 
	background-repeat:no-repeat
}

#pdf_butt_bott {
	margin:-78px 0 40px 78px;
}
.supp_switch_box {
  min-height:252px;
  height:auto !important;
  height:252px;
}
.case-img-space01T {
	height:30px;
}
.case-img-space01 {
	height:/*80*/45px;
}
.case-img-space02T {
	height:50px;
}
.case-img-space02 {
	height:60px;
}
.project-images {
	width:100%;
	margin:12px 0 24px 0;
	text-align:center;
}
.project-images img {
	text-align:center;
}
.project-images p {
	margin:6px 0 0 0;
	font-style:italic;
}
/**/
.videos {
	width:100%;
	margin:12px 0 0 0;
}
.videos td {
	text-align:center;
}
.videos td img {
	text-align:center;
}
.videos td p {
	margin:6px 0 18px 0;
	font-style:italic;
}
/**/

#support_span2 {
	width:475px;
	margin:0 -12px 0 0;
	text-align:left	
}
/******* ROUND CORNERS - SPRITE TECHNIQUE *************************/

.roundedBox {position:relative; padding:16px 24px 16px 24px; }

.corner {position:absolute; width:24px; height:24px;}

.topLeft {top:0; left:0; background-position:-0px -0px;}
.topRight {top:0; right:0; background-position:-25px -0px;}
.bottomLeft {bottom:0; left:0; background-position:-0px -25px;}
.bottomRight {bottom:0; right:0; background-position:-25px -25px;}


#aqua02 {background-color:#e4eeeb;}
#aqua02 .corner {background-image:url(img/aqua02-corners.gif);}

#green02 {background-color:#b0be36;}
#green02 .corner {background-image:url(img/green02-corners.gif);}

#white01 {background-color:#ffffff;}
#white01 .corner {background-image:url(img/white01-corners.gif);}

#aqua01-b {
	position:relative;
	background-color:#ffffff;
	BORDER-RIGHT: #c2dbd5 2px solid; 
	BORDER-TOP: #c2dbd5 2px solid; 
	BORDER-LEFT: #c2dbd5 2px solid; 
	BORDER-BOTTOM: #c2dbd5 2px solid;
}
#aqua01-b .corner {background-image:url(img/aqua01-b-corners.gif);}

#green01-b {
	position:relative;
	background-color:#ffffff;
	BORDER-RIGHT: #8aa449 2px solid; 
	BORDER-TOP: #8aa449 2px solid; 
	BORDER-LEFT: #8aa449 2px solid; 
	BORDER-BOTTOM: #8aa449 2px solid;
}
#green01-b .corner {background-image:url(img/green01-b-corners.gif);}

/***************** Round boxes ***** //END// ***********/
#aqua02 UL.arrowList LI {
	BACKGROUND-POSITION: 0px 4px; PADDING-LEFT: 1.3em; BACKGROUND-IMAGE: url(img/arrow-side-aq02.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 100%;
}


/* ********************************* */ 

a#meetButton {
	position:absolute;
	top:115px;
	right:0;
	height:91px;
	width:23px;
	background:url(img/meet-team-sprite.png) top left no-repeat;
}
a#meetButton:hover {
	background:url(img/meet-team-sprite.png) bottom left no-repeat;
}

table#meetEBteam {
	width:100%;
	margin:30px 0 10px 0;
}
table#meetEBteam td {
	width:33%;
}
table#meetEBteam td img {
	margin:0 34px 6px 0;
	padding:0; 
}
table#meetEBteam td img.lst {
	margin:0 0 6px 0;
	padding:0; 
}
table#meetEBteam td p {
	margin-bottom:22px;
	padding:0 0 0 15px;
}