/*All graphical images used in the design are original created in Adobe Illustrator by myself - Diana Franklin.Photographs are originals either taken by myself or family members or sourced from members of the KES.  There are a few exceptions to this and they are noted in the references adjacent to the images.Style Sheet by Diana Franklin.*//*START of common/shared CSS Formatting*/body {background: #993300; color: #000000;}h1 {	font-family: "Arial Rounded MT Bold", Verdana, Arial, sans-serif;	font-size: 140%;	text-align: left;	margin-left: 5px; /*center*/	font-weight: normal;	}h2 {	font-family: "Arial Rounded MT Bold", Verdana, Arial, sans-serif;	font-size: 100%;	color: #CC9900; 	background-color: inherit;	text-align: left; /*center;*/	font-weight: normal;	}h3 	{	font-family: "Arial Rounded MT Bold", Verdana, Arial, sans-serif;	font-size: 85%;	color: #CC9900; 	background-color: inherit;	text-align: right;	font-weight: normal;	margin: 0 8px 0 8px;	}	h4 {	font-family: "Arial Rounded MT Bold", Verdana, Arial, sans-serif;	font-size: 85%;	color: #000000; 	background-color: inherit;	text-align: left;	font-weight: normal;	margin: 0 8px 0 8px;	}h5 {	font-family: Arial, sans-serif;	font-size: 80%;	color: #000000;	background-color: inherit; 	font-weight: bold;	text-align: left;	margin: 0 0 0 5px;	}p, label {	font-family: Arial, sans-serif;	font-size: 80%;	color: #000000;	background-color: inherit;	text-align: justify;	}p.bold {font-weight: bold;}table {	font-family: Verdana, Arial, sans-serif;	font-size: 60%;	text-align: left;	}	th {	font-family: Verdana, Arial, sans-serif;	font-weight: bold;	font-size: 100%;}td {	border-bottom: solid 1px #FFFFFF;	background-color: #EBECF6;	color: #000000;	}ul {	font-family: Arial, sans-serif;	font-size: 75%;	list-style-type: circle;	}li.top {	list-style-image: url(../images/toparrow.gif);	text-align: right;	font-family: "Arial Rounded MT Bold", Verdana, Arial, sans-serif;	font-size: 90%;	color: #CC9900; 	background-color: #FFFFFF;	font-weight: normal;	}/*END of common/shared CSS Formatting*//*START of the formatting for the container division*/#container {	display: block;	width: 765px;	margin-left: auto; margin-right: auto; margin-top: 0px;	background: url(../images/kesheader.gif) no-repeat top center;	padding-top: 154px; 	}/*END of the formatting for the container division *//*START of the formatting for the menucontainer division*/#menucontainer {	display: block;	width:765px;	position: relative;	background-color: transparent; /*must be transparent to allow header image to show through*/	padding: 0;	margin: 0;	height: 20px;	}#menutabs a {	color: #FFFFFF;	background-color: #993300;	text-decoration: none;	padding: 2px 8px 2px 8px;	font-family: "Arial Rounded MT Bold", Arial, sans-serif;	font-size: 120%;	border-left: 2px solid #FFFFFF;	}#menutabs a:visited {	color: #FFFFFF;	background-color: #006699;	text-decoration: none;	padding: 2px 8px 2px 8px;	}#menutabs a:hover {	color: #ffffff;	background: #000000;	text-decoration: underline;	padding: 2px 8px 2px 8px;	}#menutabs #current a {	color: #ffffff;	background: #000000 /*url(../images/blackleft.gif) left top no-repeat*/;	text-decoration: none;	padding: 2px 8px 2px 8px;	}#menutabs ul {	list-style: none;	padding: 0;	margin: 0;	}	#menutabs li {	list-style: none;	float: left;	margin: 0;	}#menutabs a, #mentabs a span {	display: block;	float: left;	}	/* Hide from IE5-Mac \*/#menutabs a, #navigation a span {	float: none	}/* End hide*/	/* START of the sub menu formatting */#submenucontainer {	display:block;	position:relative;	padding: 0;	top:0px;	width:765px;	}#submenu {	line-height: 20px;	text-align: right;	padding: 0 10px 0 0;	margin: 0;	background: #000000; /*url(../images/submenu.gif) repeat-x bottom left;*/	color: #FFCC33;	}#submenu p {	font-family: Arial, sans-serif;	font-size: 80%;	color: #FFFFFF;	background-color: #000000;	text-align: right;	}#submenu a {	background-color: #000000; color: #FFCC33;	padding: 0 2px 0 2px;	text-decoration: none;	font-family: "Arial Narrow", Tahoma, Verdana, Arial, sans-serif;	font-size:  90%;	white-space: nowrap;	}#submenu a:visited {background-color: inherit; color: #6699CC; text-decoration: none;}#submenu a:hover {background-color: inherit; color: #FFFFFF; text-decoration: underline;}#submenu a:active {background-color: inherit; color: #FFFFFF; text-decoration: none;}/* END of the sub menu formatting *//* START of CSS formatting for the main page*/#mainbody {	position:relative; 	width: 765px;	top: 0px; 	background-color: #FFFF99;	color: inherit; 	}/*START of CSS Formatting for the middle section on the mainpage*/#middle{	margin: 0 153px 0 140px;	border-left: 1px dashed #000;	border-right: 1px dashed #000;	padding: 10px;	background-color: #FFFFFF; 	color: inherit;	}#middle h1 {	color: #993300; background: #FFFFFF;	margin-bottom: 5px;}	#middle h2 {margin: 0 5px 10px 5px; text-align: left;}#middle p {	margin: 0 5px 10px 5px;	}#middle a:link {	background-color: inherit; 	color: #993300; 	text-decoration: underline;	font-family: inherit;	font-size: inherit;	}#middle a:visited {	color: #CC9900; background-color: inherit;	}#middle a:hover {	color: #006699; background-color: inherit;	}#middle a:active {	color: #000000; background-color: inherit;	}#stocklisttable h2 {text-align: left; margin: 10px 0 2px 2px;}/*END of CSS Formatting for the middle section on the mainpage*//*START of CSS Formatting for the rhs section on the mainpage*/#right{    /*** No side padding or borders, to avoid the IE5.x box model problem ***/	position: absolute;	right: 0px;     /*** IE5/mac will show a horizontal scrollbar 		if this is less than 16px, or other units are used		http://www.l-c-n.com/IE5tests/right_pos/index.shtml ***/           	width: 20%;	/*color: #820;*/	padding-top: 10px;	top: 0px;	}#right h1 { 	font-size: 100%;	color: #993300; background-color: inherit;	margin: 5px 5px 0 10px;	text-align: left;	}#right h2 {	margin: 5px 5px 0 8px; 	text-align: left;	font-size: 80%;	}#right p, #right form {	font-size: 70%;	margin: 0 5px 10px 8px;	text-align: left;	}#right li {	font-family: Arial, sans-serif;	font-size: 90%;	color: #000000; background-color: inherit;	list-style-type: disc;	list-style-position: outside;	text-align: left;	margin: 0 5px 0 -18px;	}	#right a:link {	background-color: #FFFF99; 	color: #000000; 	text-decoration: underline;	font-family: Arial, sans-serif;	font-size: inherit;	}#right a:visited {	background-color: #FFFF99; 	color: #006699; 	text-decoration: underline; 	font-size: inherit;		}#right a:hover {	background-color: #FFFF99; 	color: #993300; 	text-decoration: underline; 	font-size: inherit;	}#right a:active {	background-color: #CC9900; 	color: #000000; 	text-decoration: none; 	font-size: inherit;	}#objectives li {	font-family: Arial, sans-serif;	font-size: 80%;	color: #000000; background-color: inherit;	list-style-type:  decimal;	list-style-position: inside;	text-align: left;	margin: 0 5px 0 -28px;	}	/*END of CSS Formatting for the rhs section on the mainpage*//*START of CSS Formatting for the lhs section on the mainpage*/#left {      /*** No side padding or borders, to avoid the IE5.x box model problem ***/	position: absolute;	left: 0px;	top: 0px;	width: 135px;	padding-top: 10px;	margin: 0px;	}	#left h1 { 	font-size: 100%;	color: #993300; background-color: inherit;	margin: 5px 5px 0 10px;	text-align: right;	}#left h2 {	font-size: 80%;	margin: 5px 5px 0 10px;	text-align: right;	}	#left p {	font-size: 70%;	margin: 5px 5px 0 10px;	text-align: right;	}#left li {	font-family: Arial, sans-serif;	font-size: 90%;	color: #000000; background-color: inherit;	list-style-type: disc;	text-align: right;	margin: 0 5px 0 -16px;	}	#left a:link {	background-color: #FFFF99; 	color: #000000; /*#993300; */	text-decoration: underline;	font-family: Arial, sans-serif;	font-size: inherit;	}#left a:visited {	background-color: #FFFF99; 	color: #006699; 	font-size: inherit;		}#left a:hover {	background-color: #FFFF99; 	color: #993300; 	text-decoration: underline; 	font-size: inherit;	}#left a:active {	background-color: #FFFF99; 	color: #000000; 	font-size: inherit;	}#lefttext {position: relative; margin-top: 20px; left: 0;}#advert {	margin-left: 10px;	background-color: #006699;	padding-top: 15px;	padding-bottom: 30px;	}#advert a:link {	margin-left: 10px;	background-color: #006699;	padding-top: 15px;	padding-bottom: 30px;	text-decoration: underline;	color: #FFFF9F;	}	#advert p, #advert h1, #advert h2, #advert h3 {	text-align: center;	}	#advert h1 {font-size: 150%; color: #8dcb41; font-family: Stencil, Arial;}#advert h2 {font-size: 90%; color: #FFFF9F;}#advert p {font-size: 80%; color: #FFFFFF;}/*END of CSS Formatting for the lhs section on the mainpage*//*START of CSS Formatting for the footer section*/#footer {	position: absolute;	background: url(../images/footerbackground.gif) no-repeat bottom center;	width: 765px;	left: 0px;	margin-top: -5px;	}	#footer p {	font-family: Arial, sans-serif;	font-size: 100%;	text-align: center;	color: #FFFFFF; background-color: inherit;	margin-bottom: 7px;	}/*to get text aligned left and right on same line found the easiest way to do thiswas with to divs and left and right floats*/#footerleft {float: left;}	#footerleft p {	text-align: left; 	font-size: 60%; 	margin-top: 0px; 	padding-left: 10px; 	padding-top:0px; /*-10px*/	color: #FFFF99;	background-color: #000000;	}	#footerright {float:right;}	#footerright p {	text-align: right; 	font-size: 60%; 	margin-top: 0px; 	margin-right: 10px;	padding-right: 0; /*-10px;*/	padding-top: 0; /*-10px;*/	color: #FFFF99;	background-color: #000000;	}#footermenu a.current span {background-color: inherit; color: #FFFFFF; text-decoration: none;}#footermenu a, #footermenu p {	background-color: #000000; color: #FFCC33;	padding: 0 2px 0 2px;	text-decoration: none;	font-family: "Arial Rounded MT Bold", Arial, sans-serif;	font-size:  90%;	white-space: nowrap;	margin: 0;	}#footermenu a:visited {background-color: inherit; color: #6699CC; text-decoration: none;}#footermenu a:hover {background-color: inherit; color: #FFFFFF; text-decoration: underline;}#footermenu a:active {background-color: inherit; color: #FFFFFF; text-decoration: none;}#footermenu a.current {background-color: inherit; color: #FFFFFF; text-decoration: none;}/*END of CSS Formatting for the footer section*//*Start Formatting of images*//*middle images*/#sgbbimg {float: right; margin: 0 5px 0 10px;}#sgbbimg p {	text-align: center; 	font-size: 60%; 	font-family: Verdana, Arial, sans-serif; 	color: #666666; background-color: inherit; 	margin: 0px;	}	#sgbbimg img {border: solid #000000 1px}/*right images*/#sgimage, #volunteerimg, #nurseryimg2, #nurseryimg3, #nurseryimgright, #aboutimgright {margin: 0 5px 0 8px;}#sgimage p, #volunteerimg p, #nurseryimg2 p, #nurseryimg3 p, #nurseryimgright p, #aboutimgright p {	text-align: center; 	font-size: 60%;	font-family: Verdana, Arial, sans-serif; 	color: #666666; 	background-color: inherit;	margin: 0px;	}	#sgimage img, #volunteerimg img, #nurseryimg2 img, #nurseryimg3 img, #nurseryimgright img, #aboutimgright img	{	border: solid #000000 1px	}/*left images*/#gwimage, #nurseryimg1, #aboutimgleft {	margin: 0 5px 0 8px	}#gwimage p, #nurseryimg1 p, #aboutimgleft p {	text-align: center; 	font-size: 60%;	font-family: Verdana, Arial, sans-serif; 	color: #666666; 	background-color: inherit; 	margin: 0px;	}	#gwimage img, #nurseryimg1 img, #nurseryimgleft img {	border: solid #000000 1px	}/*End formatting of images*//*START JS Lightbox CSS formatting*/#lightbox{	position: absolute;	top: 40px;	left: 0;	width: 100%;	z-index: 100;	text-align: center;	line-height: 0px;	}#lightbox a img{ border: none; }#outerImageContainer{	position: relative;	background-color: #fff; color: inherit;	width: 250px;	height: 250px;	margin: 0 auto;	}#imageContainer{	padding: 10px;	}#loading{	position: absolute;	top: 40%;	left: 0%;	height: 25%;	width: 100%;	text-align: center;	line-height: 0px;	}#hoverNav{	position: absolute;	top: 0;	left: 0;	height: 100%;	width: 100%;	z-index: 10;	}#imageContainer>#hoverNav{ left: 0;}#hoverNav a{ outline: none;}#prevLink, #nextLink{	width: 49%;	height: 100%;	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */	display: block;	}#prevLink {left: 0; float: left;}#nextLink {right: 0; float: right;}#prevLink:hover, #prevLink:visited:hover {background: url(../images/prevlabel.gif) left bottom no-repeat;}#nextLink:hover, #nextLink:visited:hover {background: url(../images/nextlabel.gif) right bottom no-repeat;}#imageDataContainer{	font: 10px Arial, Verdana, Helvetica, sans-serif;	background-color: #fff; color: inherit;	margin: 0 auto;	line-height: 1.4em;	}#imageData{	padding:0 10px;	}#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	#imageData #caption{ font-weight: bold;	}#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}			#overlay{	position: absolute;	top: 0;	left: 0;	z-index: 90;	width: 100%;	height: 500px;	background-color: #000;	filter: alpha(opacity=60);	-moz-opacity: 0.6;	opacity: 0.6;	}	.clearfix:after {	content: "."; 	display: block; 	height: 0; 	clear: both; 	visibility: hidden;	}* html>body .clearfix {	display: inline-block; 	width: 100%;	}* html .clearfix {	/* Hides from IE-mac \*/	height: 1%;	/* End hide from IE-mac */	}	/*END JS Lightbox CSS formatting*//*formatting for joinus form*/form fieldset {  clear: both;  font-size: 100%;  border-color: #000000;  border-width: 1px 0 0 0;  border-style: solid none none none;  padding: 10px;  margin: 0 0 0 0;}form fieldset legend, h3 {  font-family: "Arial Rounded MT Bold", Arial, sans-serif, serif;  font-size: 130%;  font-weight: normal;  background-color: #FFFFFF;  color: #000000;  margin: 0 0 0 0;  padding: 0 5px;}form div fieldset legend {  font-size: 100%;  padding: 0 3px 0 9px;}form div fieldset {  clear: none;  border-width: 1px;  border-style: solid;  border-color: #666666;  margin: 0 0 0 144px;  padding: 0 5px 5px 5px;  width: 230px;}form div fieldset legend {  font-size: 100%;  padding: 0 3px 0 9px;}form div label {  display: block;  float: left;  width: 130px;  padding: 3px 5px;  margin: 0 0 5px 0;  text-align: right;}form div input, form div select, form div textarea {  width: 200px;  padding: 1px 3px;  margin: 0 0 0 0;}form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {  margin: 0px 0px 0px 0px;}form div label.labelCheckbox, form div label.labelRadio {  float: none;  display: block;  width: 220px;  height: expression('1%');  padding: 0;  margin: 0 0 5px 192px;  text-align: left;}form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {  margin: 0 0 5px 0;  width: 220px; /*220px;*/}form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {  display: block;  width: 220px;  height: expression('1%');  padding: 4px 0px 5px 18px;  text-indent: -10px;  line-height: 125%;  }form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {  display: inline;  height: 14px;  width: 14px;  background-color: transparent;  border-width: 0;  padding: 0;  margin: 0;}#notes {	font-size: 120%;}