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

Hacked from the Relic template, coded by Kevin Cannon,
together with some additions from the Prosimii tenplate.
Both available from www.oswd.org.
Kevin says the CSS is pretty straight forward. There are a few
small hacks however, with one line controlling firefox
and the other IE. These are clearly labled. If you need
any help with the template, email Kevin at kmcannon@telus.net

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

body {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 80%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

a {
  color: #323232;
  background-color: transparent;
  text-decoration: underline;
  margin: 0;
  padding: 0 1px 2px 1px;
}

a:hover {
  color: rgb(117,144,174);
  text-decoration: underline;
}
a.clicked_item{
	text-decoration:underline;
}
frame {
	border: 0px;
	margin: 0px;
	overflow: auto;
}
li{
	line-height: 150%;
}

.imgleft{
	float: left;
	border: none;
	margin: 1em;
}

.imgright{
	float: right;
	border: none;
	margin: 1em;
}

.imgcentre {
	margin:auto;
	border: none;
	margin: 1em;
}

#centred {
	background-color: #FFFDF6;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-top: 0;
	border-top: 1px solid #DCDCDC;
	clear: both;
}
.centred {
   color: #9F9F9F;
	font-size: 0.9em;
	text-align: center;
}

.centredtext {
	text-align: center;
}
.centred a {
	text-decoration: none;
	color: #9F9F9F;
	text-align: center;
}
.actions {
	text-align: left;
}

#wrapper {
	height:100%;
	margin:auto;
	width:100%;
   padding: 0;  /* stops Opera adding extra padding */
}

/*************************** HEADER PROPERTIES ************************/
#top {
	margin:0 auto;
	padding:1px;
	height:220px;
	width:100%;
	}
	
	/* ##### Header ##### */

.superHeader {
  color: #FFFFFF;
  background-color: #D2D2D2;
  text-align: right;
  margin: 0;
  height: 10px;
  background-repeat: repeat;
  background-image: url("../img/topbg1.gif");
}

.superHeader span {
  color: #FFFFFF;
  background-color: transparent;
  text-transform: uppercase;
}

.superHeader a {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
  margin: 0;
}

.superHeader a:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: none;
}

.midHeader {
  color: #414141;
  background-color: White;
  height: 150px;
  margin: 0;
  background-image: url("../img/banner11.gif");
  border-bottom-width: 1px;
  border-bottom-color: #1C1500;
  border-bottom-style: solid;
  background-repeat: no-repeat;
  background-position: left;
}

.headerTitle {
  font-size: 425%;
  text-align: right;
  padding-top: 20px;
  padding-right: 30px;
  font-family: "Bradley Hand ITC";
 color: #2F7F54;
 font-weight: 600;
 margin-bottom: 20px;
 margin-top: 20px;
}

.headerSubTitle {
  font-size: 185%;
  font-weight: normal;
  font-style: italic;
  text-align: right;
  font-family: "Bradley Hand ITC";
  margin-top: 15px;
}
.subHeader {
  color: white;
    height: 22px;
  background-color: rgb(117,144,174);
  background-image: url("../img/menuhover.png");
  border-bottom-width: 2px;
  border-bottom-color: #B0B9C2;
  border-bottom-style: solid;
  margin: 0;
  text-align: right;
}

.subHeader a, .subHeader a:hover, .highlight {
  color: white;
  background-color: transparent;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  padding: 0.25ex 0.25ex 0 0;
}

#rightbox {
	width: 54%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	float: left;
	line-height:1.5em;
	color: #2A2A2A;
	border: 1px solid Blue;
}

#rightbox h1 {
	text-align: center;
	font-size: 200%;
	font-weight: lighter;
	color: #4A4A4A;
}
#leftbox {
	width: 30%;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	float: left;
	text-align: center;
	line-height:1.5em;
	border: 1px solid #DFDFDF;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
	border: 1px solid Green;
}
/************************** MAIN CONTENT IN MIDDLE ******************/

#main {
	float:left;
	width:90%;
	line-height:1.01em;
	padding: 2.5%;
	text-align: justify;
}

#herb {
  	line-height:1.01em;
	padding-bottom: 20px;
	width: 100%;
	clear: both;
	border: 1px solid Red;
}

#middle {
	float:left;
	width:80%;
	line-height:1.01em;
	padding-left:2.5%;
	padding-right:2.5%;
   margin-bottom:2.5%;
	border-left: 1px solid #B6B6B6;
	border-right: 1px solid #9D9D9D;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #9D9D9D;
}
#veg {
	float:left;
	width:64%;
	line-height:1.01em;
	padding-left:2.5%;
	padding-right:2.5%;
   margin-bottom:2.5%;
	border-left: 1px solid #B6B6B6;
	border-right: 1px solid #9D9D9D;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #9D9D9D;
}
#amazon {
float:left;
	width:80%;
   margin: auto;
	border-left: 1px solid #B6B6B6;
	border-right: 1px solid #9D9D9D;
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #9D9D9D;
}


#directorymiddle {
	float:left;
	width: 75%;
	line-height:1.01em;
	padding-left: 5%;
}
	
#middle p, p, #veg p, #main p, #directorymiddle p {
 font-size: 1.1em;
 line-height: 1.5em;
 
}

#middle h1, #veg h1, #main h1, #directorymiddle h1 {
	font-family: arial, verdana,times, sans-serif;
	color: #286C48;
	font-size:1.8em;
	font-weight:normal;
	border-bottom:1px solid #c4c4c4;
	padding-bottom:0.5em;
	padding-top: 1em;
	text-align: left;
}

#middle h2, #veg h2, #main h2, #directorymiddle h2 {
	font-family: arial, verdana, times, sans-serif;
	color: #9A9A9A;
	font-size: 1.5em;
	font-weight:normal;
	padding-top: 0.5em;
}

#middle h3, #veg h3, #main h3, #directorymiddle h3 {
	font-family: arial, verdana, times, sans-serif;
	color: #286C48;
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom:0.5em;
}

#left {
	float:left;
	padding-bottom:10px;
	font-size: 95%;
	width: 14%;
	line-height:1.1em;
	text-align: left;
}

/*#left a:link {
	color: #286C48;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
}
#left a:visited {
	color: #919191;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
}
#left a:hover {
	color: #286C48;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	background: #ECECEC;
}
*/
#left a:link {
	color: #286C48;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
	display: block;
	background: White;
	border: solid Silver 1px;
}
#left a:visited {
	color: #919191;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
	background: White;
	border: solid Silver 1px;
	display: block;
}
#left a:hover {
	color: #286C48;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
	background: #ECECEC;
}

#left li, #right li {
	display: block;
	list-style: none;
	text-align: left;
	text-indent: 5px;
	margin-left: -32px;
	margin-bottom: 2px;
	margin-right:5px;
}

#left h1 {
	font-size:130%;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:5px;
	padding-right:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom:1px dotted #c4c4c4;
	color: #4A4A4A;
	text-align: left;
	font-weight:normal;
	background: #ECECEC;
}

#left br {
	line-height:0.7em;
}
/***************************  RIGHT COLUMN  *********************/

#right {
	float:left;
	padding:3px;
	font-size: 1em;
	width: 15%;
	line-height:1.6em;
	margin-left: 2px;
}


#right a:link {
	color: #286C48;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
	display: block;
	background: White;
	border: solid Silver 1px;
}
#right a:visited {
	color: #919191;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
	background: White;
	border: solid Silver 1px;
	display: block;
}
#right a:hover {
	color: #286C48;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
	background: #ECECEC;
}

#right h1 {
	font-size:130%;
	font-weight: lighter;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom:1px dotted #c4c4c4;
	background-color: #DCE2FA;
}

#right br {
	line-height:0.7em;
}
/********************************************    FOOTER  *****************/
#footer {
	border-top:1px solid #c4c4c4;
	padding-top:5px;
	text-align:center;
	width:100%;
	margin:0 auto;
	clear:both;
	background-color: #9F9F9F;
}

.footer {
	margin-top:-2px;
   background-color: #9F9F9F;
	color: #E9E9F8;
}

#footer a {
  color: #E9E9F8;
  background-color: transparent;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}
#box2{
	padding-left: 2%;
	padding-right: 2%;
}
#box2 h1{
	color: #286C48;
	font-size: 1.8em;
	font-family: arial, verdana, times, sans-serif;
	padding-bottom: 1%;
	text-align: left;
}
#box2 h2{
	color: #286C48;
	font-size: 1.5em;
	font-weight: normal;
	font-family: arial, verdana, times, sans-serif;
	padding-bottom: 1%;
	text-align: left;
}
#box2 h3{
	color: #286C48;
	font-size: 1.2em;
	font-family: arial, verdana, times, sans-serif;
	padding-bottom: 1%;
	text-align: left;
}
#box2 h4{
	color: White;
	font-size: 1.2em;
	font-family: arial, verdana, times, sans-serif;
	padding-bottom: 1%;
	text-align: left;
	text-indent: 12px;
	background-color: #6A7E9D;
}
#box2 a:link{
	color: #6A7E9D;
}
#box2 a:visited{
	color: #706A9D;
}
#box2 a:hover{
	color: #9CB68F;
}

#box2 h6{
	text-align: center;
	text-decoration: none;
		color: #9CB68F;
	font-size: 1.5em;
	font-family: "Palatino Linotype";
	padding-bottom: 2%;
}

#csfixedwidthbox{
	width: 604px;
	height: 100%;
	margin: auto;
	background: #F0F0F0;
	border: 1px solid #6A7E9D;
	position: relative;
}
#fwbox a:link{
	color: White;
	text-decoration: underline;
}
#fwbox a:visited{
	color: White;
	text-decoration: underline;
}
#fwbox a:hover{
	color: White;
	text-decoration: underline;
}
#fwbox a:active{
	color: White;
	text-decoration: underline;
}

#fwbox{
	padding: 0;
	height: 100%;
	width: 100%;
  border: 1px dotted #9F9F9F;
}
.onethirdbox{
	min-height: 200px;
	width: 27%;
	margin: 10px;
	padding: 1%;
   background: White;
	float: left;
	border: 1px dotted #9F9F9F;
}
.twothirdsbox{
	padding: 1%;
	height: 100%;
	width: 61%;
   background: White;
	float: left;
	border: 1px dotted #9F9F9F;
	margin: 10px;
}
.threethirdsbox{
	padding: 1%;
	height: 100%;
	width: 94%;
   background: White;
	float: left;
	border: 1px dotted #9F9F9F;
	margin: 10px;
}
.clear{
	clear: both;
	background: White;
}
.totalclear{
	clear: both;
}

.twothirdsbox p, .twothirdsbox ul{
	font-family: arial, verdana, helvetica,  sans-serif;
	color: #364152;
	font-size: 0.9em;
	line-height: 150%;
	}
	.twothirdsbox li{
	font-family: arial, verdana, helvetica,  sans-serif;
	color: #364152;
	font-size: 1.1em;
	line-height: 150%;
	font-weight: 500;
	}
	.threethirdsbox p, .threethirdsbox ul{
	font-family: arial, verdana, helvetica,  sans-serif;
	color: #364152;
	font-size: 0.9em;
	line-height: 150%;
	}
	.threethirdsbox li{
	font-family: arial, verdana, helvetica,  sans-serif;
	color: #364152;
	font-size: 1.1em;
	line-height: 150%;
	font-weight: 500;
	}
	
.cstitleblue{
	clear: both;
	background: White;
}

.cstitleblue p{
	font-family: arial, verdana, helvetica,  sans-serif;
	font-size: 0.9em;
	line-height: 150%;
}
.cstitleblue h3{
	font-family: "Palatino Linotype";
	font-size: 1.2em;
	line-height: 150%;
	background: #6A7E9D;
   color: White;
	text-indent: 12px;
	text-align: left;
}
.cstitlegreen{
	clear: both;
	background: White;
}
	
.cstitlegreen p{
	font-family: arial, verdana, helvetica,  sans-serif;
	font-size: 0.9em;
	line-height: 150%;
}
.cstitlegreen h3{
	font-family: "Palatino Linotype";
	font-size: 1.2em;
	line-height: 150%;
	background: #9CB68F;
   color: White;
	text-indent: 12px;
	text-align: left;
}

/**********  Contact Form   ************/

.mailwrapper {
	text-align: center;
}


.maildiv {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 365px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.maildiv form {
	text-align: left;
}
.maildiv label {
	/* used for right side captions */
	vertical-align: top;
	padding: 0 0 0 3px;
}

.maildiv .sidelbl {
	/* used for left side labels */
	width: 95px;
	text-align: right;
	padding: 0 10px 0 0;
	vertical-align: top;
	position: relative;
    display: block; 
    float: left; 
	clear: left;
}
.maildiv a {
	color: #005ABE;
}
.maildiv h2 {
	color: #005ABE;
	font-size: 120%;
}
.maildiv input {
	margin-bottom: 10px;

}
.maildiv select {
	margin-bottom: 10px;

}
.maildiv textarea {
	margin-bottom: 10px;

}
.maildiv .ver_img {
	padding: 0;
	margin: 0 0 10px 10px;
	vertical-align:bottom;  
	border: 1px solid #005ABE; 
}
.maildiv fieldset {
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
}
.maildiv .legendspacing {
	height: 10px;
}
.maildiv .fmcredits {
	float: left;
	font-size: 90%;
}
.maildiv .fmsubmit {
	float: right;
}
.maildiv .fmrequired {
	color: #005ABE;
	font-size: 90%; 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.maildiv .fmspacer {
	height: 10px;
}

.maildiv .fminfofull {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-bottom: 15px;
}
.maildiv .fminfohalf {
	padding: 0 10px 0 10px;
	color: #005ABE;
	margin-left: 110px;
	margin-bottom: 15px;
}
.maildiv .fmerrorbox {
	text-align: left;
}
.maildiv li {
	margin: 0 0 4px 0;
}
.maildiv .fmerrortitle {
	color: #FF0000;
	font-size: 120%;
}

P.smaller {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana
}
HR {
	COLOR: #d2d2ca; HEIGHT: 1px
}
P.catname {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 4px; VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
P.catdesc {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 4px; VERTICAL-ALIGN: top; TEXT-ALIGN: left
}
IMG.catimage {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; VERTICAL-ALIGN: top; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; border-thickness: 1px
}
TD.catimage {
	VERTICAL-ALIGN: top
}
TD.catname {
	VERTICAL-ALIGN: top; TEXT-ALIGN: center
}
TD.catnavigation {
	VERTICAL-ALIGN: middle; TEXT-ALIGN: left
}

#searchmenu h1 {
	font-size:130%;
	font-weight: lighter;
	padding-top:5px;
	font-family:helvetica, arial, georgia, times, sans-serif;
	border-bottom:1px dotted #c4c4c4;
	background-color: #DCE2FA;
	width: 110%;
}
#searchmenu {
	width: 90%;
	font-size: 90%;
	padding-left: 20px;
	padding-right: 35px;
}
	
.menu {
	color: #797979;
}

.italic{
	font-style: italic;
}

.credit {
	font-size: 90%;
	color: #C5C5C5;
}
.credit a {
	color: #C5C5C5;
	text-decoration: underline;
}