/* CSS Document */
/* KYSI2 main style sheet */
/* Created Nov 2007 SEA */

/* Amended SEA 5th December 2007 - Commented styles! */




/* Main body definition */
html, body {
	/* background: #000 url(../images/pattern_156.gif) fixed; /* From squidfingers.com  :-) */
	background-color: #efefef;
	margin-top: 20px;
	padding: 0px; 
	height: 100%;
	text-align:center;
	min-width: 640px;
}

/* Image defaults */
img{ display: block; }
a img{ border: none; }


/* Default headings */
h2, h3, h4 {font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif; }
h1 {
	font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	color: #333;
	font-size: 2.2em;
	font-weight: normal;
	margin: 0.5em 0 0.4em 0;
	line-height: .9em;
	}

/* Defautl Paragraph */
p {
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#909090;
	text-align:justify;
	/* padding: 0px 0px 20px 0px; */
	margin:10px 0px 10px 0px;
	line-height: 20px;
}

/* KYSI2 logo on every page */
#kysi2_logo {
	float: right;
	width: 145px;
	height: 54px;
	margin: 17px 20px 0px 0px;
	border:none;
}

/* DIV used for clearing float alignments */
.clear_floats{
clear:both;
}

/* Define cursor shape for abbr and acronyms */
abbr, acronym {
	cursor:help;
	}

/* this puts a nice gray border around the site */
#bigblackwrapper {
	display:block;
	width: 810px;
	margin: 0px auto 20px auto;
	border: none;
	text-align:left;
	background-color:#ccc;
}

#bigblackwrapper_footer {
	width: 100%;
	height: 100px;
	margin: 0px;
	border: none;
	/* background: url(../images/test/black_footer.png)  no-repeat; */
}

/* This is the blank white canvas which all pages sit on */
#wrapper {
	float: left;
	width: 790px;
	margin: 10px 10px 10px 10px;
	border: none;
	background-color:#fff ; 
}

/* Crumb area that says "You are here" */
.crumb {
	float:left;
	margin: 0px 20px 10px 20px;
}

.crumb_text {
	float: left;
	margin: 0px;
	font: 10px/10px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#909090;
}
.crumb_arrow {
	float: left;
	margin: 0px 5px 0px 5px;
	width: 9px;
	height: 20px;
	background: url(../images/rarrow.gif) no-repeat;
	background-position: top;
}



#open_head_image {
	margin: 0px 0px 20px 0px;
	border: none;
	width: 100%;
	height: 400px;
	background: #fff url(../images/head_gallery/up_and_close.jpg) no-repeat top; 
}


/* This holds the text container blow */
#open_container {
	margin: 0px 0px 0px 0px;
	border: none;
	background:url(../images/head_gallery/head_back.png) repeat;
}

#open_container  p {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
  	color:#666;  
	color:#000000;
	text-align:justify;
	border: none;
}

#open_container  h2 {
	font: 16px/16px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	/* color: #333; */
	color:#666666;
	font-weight: normal;
	margin: 0; 
	line-height: .9em;
}

#open_container  h3 {
/*	background-color: #8fb34f; */
	font: 26px/28px Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	margin: 0; 
	line-height: .9em;
	padding: 10px 10px 0px 10px;
	
}

#open_container  h4 {
/*	background-color: #8fb34f; */
	font: 16px/18px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 0; 
	color:#fff;
	text-align:justify;
	border: none;
	padding: 0px 10px 20px 10px;
}

#outer_container {
	float:left;
	width: 100%;
	border: none;
}



/* Main body containter on most page */
#textcontainer {
	float:left;
	width:520px;
	height: auto;
	border: none;
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}


#textcontainer  p {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:justify;
	border: none;
	margin: 10px 20px 10px 20px;
}

#textcontainer  h1 {
	color: #555;
	font-size: 2.2em;
	font-weight: normal;
	line-height: .9em;
	font: normal 16px/16px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	background-color: #eee;
	margin: 0px 20px 20px 20px;
	padding: 10px 10px 10px 10px;
}

#textcontainer  h2 {
	color: #fff;
	background-color: #8fb34f;
	background: #8fb34f url(../images/list_head.gif) no-repeat;
	background-position: right;
	font: normal 12px/12px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	margin: 0px 20px 0px 20px;
	padding: 5px 5px 5px 5px;
}	

#textcontainer  h3 {
	color: #fff;
	background-color: #8fb34f;
	background: #8fb34f url(../images/list_head.gif) no-repeat;
	background-position: right;
	font: normal 12px/12px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	margin: 0px 20px 0px 20px;
	padding: 5px 5px 5px 5px;
}	

#textcontainer ul {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#333333;
	text-align:justify;
	border: none;
	margin: 10px 20px 10px 20px;
	padding-left:20px;
}

#textcontainer  li { list-style-image:url(../images/list.gif); line-height: 20px; }

/* Sidebar (on the right hand side - navigation) */
#sidebar {
	float: right;
	width: 265px;
	border-left: 1px solid #ddd;
	font: 14px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	letter-spacing:0.03em; 
	text-align:justify;
	}

#sidebar p {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#909090;
	text-align:justify;
	border: none;
	margin: 0px 20px 0px 20px;
}

#sidebar h1 {
	color: #555;
	font: normal 16px/16px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	background-color: #eee;
	margin: 0px 20px 20px 20px;
	padding: 10px 10px 10px 10px;
}

#sidebar ul {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #909090;
	text-align: justify;
	border: none;
	text-decoration: none;
	margin-top: 0px;
}

#sidebar li { list-style-image:url(../images/list.gif); line-height: 20px; }

#sidebar ul a {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#8fb34f;
	text-align:justify;
	border: none;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
}

#sidebar ul a:hover {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #000;
	border: 1px solid #d7d6b7;
	border-right:none;
	border-left:none;
	text-align:justify;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
}


/* Sitebox used on the bottom of the main index page */
#sitebox_container {
	float: left;
	letter-spacing:0.03em; 
	text-align:justify;
	margin: 0px 20px 0px 15px;
	padding-bottom: 20px;
	}

.sitebox {
	float: left;
	width: 240px;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #ddd;
	font: 14px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	letter-spacing:0.03em; 
	text-align:justify;
	}

.sitebox p {
	font: 8px/9px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#909090;
	text-align:justify;
	border: none;
	margin: 5px 5px 5px 5px;
}

.sitebox h1 {
	color: #fff;
	background-color: #8fb34f;
	background: #8fb34f url(../images/list_head.gif) no-repeat;
	background-position: right;
	font: normal 10px/10px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

/* MooTips - those lovely little gray pop up tool tips */
.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
	font-family: "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}
 
.tool-text {
	font-size: 11px;
	font-family: "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
/* End mootips */


/* Top bar navigation */
#idList {
	float: left;
	font: 14px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif; 
	margin: 20px 0px 20px 20px;
	padding: 0;
	width: 500px;
}

#idList li {
	display: inline;
	padding: 10px 10px 10px 10px; 
	line-height: 60px;
	width: 120px;
	background: #eee;
	color: #000;
}
 
#idList ul img {
	display: inline;
	padding: 10px 10px 10px 10px; 
	border:thin;
	line-height: 60px;
	width: 120px;
	background: #eee;
	color: #000;
}

/* Team div used on about us page and panel */
.team_div {
	float: left;
	width: 520px;
	height: auto;
	border: none;
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	border: none;
	padding: 0;
	margin: 15px 0 15px 0;
}

.team_div a {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#8fb34f;
	text-align:justify;
	border: none;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
}

.team_div a:hover {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #000;
	border: 1px solid #d7d6b7;
	border-right:none;
	border-left:none;
	text-align:justify;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
}

.team_div h5 {
	font: 12px/18px  "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#909090;
	text-align:justify;
	border: none;
	padding: 0;
	margin: 10px 0 0 20px;
}

.team_panel {
	float: left;	
	width: 245px;
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#909090;
	text-align: justify;
}

.team_panel p {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:justify;
	border: none;
	margin: 10px 5px 5px 5px;
}



.team_panel img {
	font: 12px/18px  "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#909090;
	text-align:justify;
	border: none;
	margin: 10px 5px 5px 20px;
}

.team_panel a {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#8fb34f;
	text-align:justify;
	border: none;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
}

.team_panel a:hover {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #000;
	border: 1px solid #d7d6b7;
	border-right:none;
	border-left:none;
	text-align:justify;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
}



/* Contact form DIV which appears on page in iFrame using thickbox */
#contact_form {
	position:absolute;
	top: 0px;
	left: 0px;
	width:430px;
	padding:0px;
	margin:0px;
	height: 500px;
	border: none;
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}

#contact_form p {
	font: 10px/12px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color: #909090;
	text-align: justify;
	border: none;
	margin: 0px;
	width: 430px;
}

#contact_form h1 {
	position:absolute;
	left: 0px;
	color: #fff;
	width: 400px;
	text-align:left;
	font: normal 12px/12px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	background-color: #333;
	padding: 10px 10px 10px 10px;
}

/* News section */
.news {
	width:480px;
	margin: 0px 0px 0px 20px; 
	padding: 0px;
}

.news a { text-decoration: none; color: #000;}

.news a:hover{ 
	text-decoration: none;
	font-weight:100;
	color: #000; 
	border: 1px solid #d7d6b7;
	border-right:none;
	border-left:none;
}


/* Footer DIV */
#footer {
	display:block;
	width: 810px;
	margin: -30px auto 20px auto;
	border: none;
	text-align:left;
	height: 50px;
	font: 10px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}

#bottomNav { 
	padding: 16px 0 0 20px;
	}
	
#bottomNav ul{	padding: 0; margin:0; list-style: none;  }

#bottomNav ul li{
	float: left;
	display: block;
	padding: 0 0.2em;
	}
	
#bottomNav ul li a{
	color: #aaa;
	padding: 0 0.3em;
	margin: 0 0.2em;
	} 	

#bottomNav ul li a:hover{
	color: #333;
	}

#copyright {
	float:right;
	color: #aaa;
	margin-right: 25px;
	}

/* Footer end */

/* Main body containter on most page */

#widecontainer {
	float:left;
	width:520px;
	height: auto;
	border: none;
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}


#widecontainer  p {
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	color:#666;
	text-align:justify;
	border: none;
	margin: 10px 20px 10px 20px;
}

#widecontainer  h1 {
	color: #555;
	font-size: 2.2em;
	font-weight: normal;
	line-height: .9em;
	font: normal 16px/16px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	background-color: #eee;
	margin: 0px 20px 20px 20px;
	padding: 10px 10px 10px 10px;
}

#widecontainer  h3 {
	color: #fff;
	font: normal 14px/14px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	margin: 10px 40px 0px 20px;
	padding: 5px 5px 5px 0px;
}	

#widecontainer  h2 {
	color: #fff;
	background-color: #8fb34f;
	background: #8fb34f url(../images/list_head.gif) no-repeat;
	background-position: right;
	font: normal 12px/12px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	margin: 0px 20px 0px 20px;
	padding: 5px 5px 5px 5px;
}	


.stripe_top {
float:left;
width: 100%;
height: 5px;
background: #ffffff url(../images/stripe.gif) repeat;
border-top: 1px solid #c2b6b6;
}

.whitebuttons { 
float:left;
height: 40px;
width: 115px;
padding:0;
}

#organic_badge {
position:relative;
left: 600px;
bottom: 780px;
height: 180px;
width: 180px;
background: url(../images/organic_badge.png) no-repeat center;
z-index: 99;
}

#wide_textcontainer {
	float:left;
	width:100%;
	height: auto;
	border: none;
	font: 12px/18px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
}


#wide_textcontainer  p {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:justify;
	border: none;
	margin: 10px 20px 10px 20px;
}

#wide_textcontainer  h1 {
	color: #555;
	font-size: 2.5em;
	font-weight: normal;
	line-height: .9em;
	font: normal 16px/16px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	background-color: #eee;
	margin: 0px 20px 20px 20px;
	padding: 10px 10px 10px 10px;
}

#wide_textcontainer  h2 {
	color: #fff;
	background-color: #8fb34f;
	background: #8fb34f url(../images/list_head.gif) no-repeat;
	background-position: right;
	font: normal 14px/12px "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	margin: 0px 20px 0px 20px;
	padding: 5px 5px 5px 5px;
}	

.about_screen_shot {
float:right;
width:290px;
height: 290px;
padding: 0 0 0 20px;
}