* { 
	margin:0;
	padding:0;
	font-size: 100%;
}

body { 
	background: #fff;
	text-align: center;
	font: 70%/130% arial,sans-serif;
	color: #333;
	margin: 0;
}

a {
	color: #38A509;
	text-decoration: underline;
	font-weight: 600;
}

h2 a, h3 a, h4 a{
	color: #286225;
	text-decoration: none;
}

a:hover {
	color: #dfd;
	background: #333;
}

img {
	border: none;
}

ul, p, dl, table, blockquote {
	margin: 0 0 1em 0;
}

ul, li {
	margin-left: 1em;
}

blockquote {
	margin: 0 0 0 2em;
}

fieldset {
	border: 0;
}

h2, h3, h4 {
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	color: #286225;
	font-size: 180%;
	line-height: 100%;
	margin-top: 10px;
}

h3 {
	line-height: 130%;
	margin-top: 10px;
}

h4 {
	font-size: 150%;
	line-height: 130%;
}

dt,th {
	font-weight: 600;
}

th {
	background: #EAEAEA;
	padding: .3em 0 .3em .3em;

}

br.special {
  line-height: 0%;
	font-size: 0%;
	height: 1px;
}

p {margin: 0}

#header { 
   	width: 768px; 
   	background: #327E2F url('../images/header-bg.gif') repeat-x left bottom;
	float: left;
}

html>body #header {margin-top: -30px}

#header h1 {
   	text-indent: -1000px;
   	background: transparent url('../images/logo.gif') no-repeat;
   	width: 312px;
   	height: 55px;
	float: left;
}

#header .tmenu {
  	float:right;
  	width:440px;
	margin-top: 45px;
	margin-bottom: 9px;
  	background: transparent;
  	line-height:normal;
}
  
#header  .tmenu ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
}
  
#header .tmenu li {
  float: left;
  background: url("../images/tmenu-left-both.gif") no-repeat left -90px;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #286526;
}

#header .tmenu a {
  float:left;
  display:block;
  width:.1em;
  background: url("../images/tmenu-right-both.gif") no-repeat right -90px;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  color: #fff;
}

#header  .tmenu > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header  .tmenu a {float:none;}
/* End IE5-Mac hack */
#header  .tmenu a:hover {
  }
#header .tmenu .act {
  background-position: 0 0;
  border-width:0;
  }
#header .tmenu .act a {
  background-position:100% 0;
  padding-bottom:5px;
  }
#header .tmenu li:hover, #header .tmenu li:hover a {
  background-position: 0 0;
  }
#header .tmenu li:hover a {
  background-position:100% 0;
  }

#band { 
    clear: both;
    width: 768px;
    background: #38A509;
    height: 1px;
    border: none;
		margin: 0;
}

.clear {clear:both}

#wrap {
	width: 768px;
	text-align: left;
	margin: 0 auto 30px auto;
}

#content {
	width: 768px;
	display: block;
	float: left;
	text-align: left;
	position: relative;
}

/* Lead Text */
#leadtext, #az, #hometext {
	background: #F3F6F3 url('../images/lead-bg-green.gif') repeat-x left top;		
	border-top: 8px solid #fff;
	padding: 0 0 15px 0;
	position: relative;
	height: 1%;
}

html>body #leadtext, html>body #az, html>body #hometext  {
height: auto;
}

body#home div#leadtext {margin-left: 170px;}
#leadtext h2, 
#leadtext h3, 
#leadtext h4,
#leadtext form,
#az h2,
#leadtext p  {
	margin-left: 15px;
	margin-right: 15px;

}

#leadtext h2  {
	margin-top: 15px;
	letter-spacing: 1px;
}

#leadtext form {
	margin-bottom: 1em;
}

.dictionary #leadtext {
	background: #99CC66 url('../images/b3c.gif') no-repeat right bottom;
	border-bottom: 8px solid #fff;
}

.dictionary #leadtext label {font-size: 110%;font-weight:800;color:#535353;}
.dictionary #leadtext fieldset, 
.encyclopedia #leadtext fieldset {
	margin: 10px;
}

.dictionary #leadtext input,
.encyclopedia #leadtext input,
.encyclopedia #leadtext option,
.dictionary #leadtext option {
	padding: 0 .3em 0 .3em;
}

.dictionary #leadtext h3,
.encyclopedia #leadtext h2 {
	margin-bottom: 0.5em;
}

.encyclopedia #leadtext,
.encyclopedia #az {
	background: #FFCCFF url('../images/b1c.png') no-repeat right bottom;
	border-bottom: 8px solid #fff;
}

.encyclopedia .paginatebottom,
.encyclopedia .paginatetop  {
	background: #E9CAE0;
	padding: .5em 1em .5em 15px;
	font-size: 115%;
	line-height: 140%;
	background: transparent;
}

/* Secondary Content */
#secondarycontent {
	position: absolute;
	top: 0;
	left: 0;
	width: 162px;
	border-top: 8px solid #fff;
}

.encblock {
	background: #FFCC00 url('../images/bclb.gif') no-repeat left bottom;
	padding-bottom: .5em;
}

.encblock h3 {
	background: #FFCC00 url('../images/tclb.gif') no-repeat left top;
	margin-top: 0;
}

#secondarycontent h3 {
	margin: 0 0 0 0;
}

#secondarycontent .azlist {
	margin: 0 5px 5px 5px;
	font-size: 120%;
	text-align: center;
}

#secondarycontent p,
#secondarycontent ul {
	margin: 8px;
}

#secondarycontent form {
	padding: 0 8px 0 8px;
	text-align: center;
}

#secondarycontent form h4 {
	margin-left: 8px;
	text-align: left;
}

#name {
	width: 135px;
	border: 1px solid #fff;
	font-size: 110%;
}

#submit {
	float: right;
	margin: 3px 6px;
}

#secondarycontent h3 {
	text-align: center;
}

#secondarycontent h3.t1 {
	text-align: left;
	font-size: 120%;
	margin: 0 10px 0 10px;
	clear: both;
}

#secondarycontent .encblock h3.t1 {
	background-attachment: none;
	background: transparent;
}

#secondarycontent dl {margin: 0 10px 0 10px}

dd.t2 {
	color: #000;
}

dt.t2 a {
	color: #286225;
	font-weight: 800;
}

dd.t2 em {
	color: red;
}

#secondarycontent ul.az {
	list-style: none;
	text-align: center;
	font-size: 110%;
}

#secondarycontent ul.az li {
	display: inline;
	margin: 0;
	padding: 0;
}


/* Blocks for home page */

hr.s {
	border: none; 
	height: 8px;
	background: #fff;
	clear: both;
	width: 100%;
	margin: 0;
	text-align: left;
}

hr.sa {
	border: none; 
	height: 8px;
	background: #F3F4F4;
	clear: both;
	width: 100%;
	margin: 0;
	text-align: left;
}

#blocks {
	width: 598px;
	margin-left: 170px;
	position: relative;
	top: 0;
	left: 0;
	border-top: 8px solid #fff;
}

#b1, #b2, #b3, #b4 {
	width: 295px;
	height: 23em;
	overflow: auto;
}

#blocks div h3 {
    font-size: 120%;
	font-weight: 800;
	margin-right: 15px;
	margin-bottom: 3px;
}

#blocks div h3 a {
	font-weight: 800;
}

#leadtext h2 {
    font-size: 125%;
}

#tertiarycontent h3,
#blocks h3 {
	margin-left: 15px;
}

img.thumb-s {
	float: right;
	margin: 0 15px 0 5px;
}

.pic {
  float: left;
  width: 70px;
	height: 93px;
	margin: 0 2px 0 0;
}

#im1 {
	background: url('../images/im1-bg.gif') no-repeat right bottom;
	padding: 5px 10px 16px 5px;
}

#im2 {
	background: url('../images/im2-bg.gif') no-repeat right bottom;
	padding: 5px 10px 16px 5px;
}

#leadtext p,
#leadtext ul,
#leadtext dl,
#tertiarycontent p, 
#tertiarycontent ul, 
#tertiarycontent blockquote, 
#tertiarycontent dl,
#blocks p,
#blocks ul  {
	margin: 0 15px 0.45em 15px;
}

/* first block for encyclopedia */
#b1 {
	background: #FFCCFF url('../images/b1c.png') no-repeat right bottom;
	float: left;
}

/* second block for wildlife */
#b2 {
	background: #D2E7E7 url('../images/b2c.gif') no-repeat right bottom;
	float: right;
}

/* third block for dictionary */
#b3 {
	background: #99CC66 url('../images/b3c.gif') no-repeat right bottom;
	float: left;
	border-top: 8px solid #fff;
}

#b3 p a {
	color: #89284F;	
}

/* fourth block for other bits */

#b4 {
	background: #FFFF99;
	float: right;
	border-top: 8px solid #fff;
}

/* Footer */

#footer {
	background: #DDDDDD;
	margin-left: 170px;
	clear: both;
}

#footer ul {
	list-style: none;
	clear: both;
	margin: 0 0 0 0;
}

#footer li {
	display: block;
	margin: 0;
	float: left;
}

#footer a {
	display: block;
	text-decoration: none;
	color: #333;
	padding: 4px 1em 4px 1em;
}

#footer p.copy {
		float: right;
		margin: 0;
		padding: 4px 1em 4px 1em;
}

#footer a:hover,
#footer .act a {
	color: #dfdfdf;
}

#footer .act {background: #333}

#smallprint { 
	font-size: 95%; 
	color: #333;
	background: #F1F1F1;
	padding: 5px;
	clear: both;
	border-top: 8px solid #fff;
}

.smallprint,
.smallprint a {
  text-align: right;
	color: #ccc;
}

.access { display: none; }

#spagebody { margin-left: 170px; }

/* dcn results */
#results { 
	background: #F1F1F1; 
	margin-bottom: 8px; 
	border: 1px solid #D4D4D4;
}

#results dt {
	font-weight: 800;
	margin: 0 0 0 0;
	padding: .2em .5em 0 15px;
	border-top: 1px solid #D4D4D4;
}

#results dd {
	margin: 0;
	padding-left: 15px;
}

#results p { padding: 1em 15px 0 15px; }
#results .paginationtop p { padding: 0 0 0 0; }
#results h3 { font-size: 115%; padding: 0 0 0 15px; margin: 0 0 0 0; background: #D4D4D4; }
.sresult { padding: 0 8px 0 8px; }

#results dd .origin { font-style: italic; }

#results .paginationtop {
	padding: .5em .5em 0 15px;
	font-size: 115%;
}

/* dcn results -- end -- */

.mmenu,#mmenu {
	width: 8em;
	position: absolute;
	top: 0;
	right: 0;
	margin: 16px 0 0 0;
	padding: 16px 0 0 0;
	list-style: none;
}

.red {
	font-weight: 800;
	color: red;
}

#sb2 {background: #F1F1F1; display: none;}
#sb2 img, #sb2 p { margin: 5px; }

.dictionary #leadtext label.checked {
	color: #333;
}

/* Styles for a-z listings in ecyclopedia */

.azlisting   {
	list-style: none;
	text-align: center;
	font-size: 105%;
	font-weight: bold;
	width: 450px;
}

.azresults {
  background: #F1F1F1;

}

.azresults td {
	padding: .2em .2em .3em 15px;
	
}
.azresults th {
	padding: .5em .2em .5em 15px;
	font-size: 170%;
	color: #286225;
	border-bottom: 2px solid #ccc;
} 

.azlisting li {
	display: inline;
}

#enchelp { clear: both; }

#prevnext {
	text-align: right;
	color: #999;
	font-weight: 800;
	font-size: 120%;
	padding: .5em;
	border-bottom: 5px solid #FFCCFF;
	background: #FEECFE;
}

#picsrow {
  padding: .5em 0 1em;
}

#prevnext span { padding-left: 8px; }

.plantdescription {
  padding: 0 15px 8px 15px;
	border-bottom: 2px solid #F3F4F4;
	border-left: 2px solid #F3F4F4;
}

.plantdescription h3 {
  font-size: 120%;
}

.infos { 
  background: #F3F4F4; 
	border-bottom: 2px solid #fff; 
	padding: .5em 
}

.rpic { 
		 margin-top: 8px;
}
.rpic-col {
  border-bottom: 2px solid #F3F4F4;
	border-right: 2px solid #F3F4F4;
	width: 93px;
	text-align: center;
}
.search-results th {font-size: 120%; font-family: "trebuchet ms", arial, helvetica, sans-serif;border-bottom: 1px solid #ccc;}
.search-results th.first {padding-left: 15px}

#plantinfo {
	width: 200px;
	padding-left: 15px;
	float: left;
	/*border-top: 8px solid #fff;*/
}
html>body #plantinfo {width: 185px}

#rwrap {	
  border-top: 8px solid #fff; 
	padding: 8px 0 8px;
	background: #F3F4F4;
}

#cd {
	background: #F3F4F4;		
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
	padding: 0 15px 15px 15px;
}

#plantimages {
	/*border-top: 8px solid #fff;*/
	float: right;
	width: 380px;
}

.pinfo {
	background: #F3F4F4;
	padding: .5em;
	margin: 1em 0 1em;
}

#nomen {
	margin-top: 1em;
}

.pinfo dt {
	width: 52%;
	float: left;
	display: block;
}

.pinfo dd {
	width: 45%;
	float: left;
	display: block;	
}


#plantdescription2 {
clear: both;
padding: 0 15px 15px 15px;
background: #F3F4F4;
border-bottom: 8px solid #fff;
border-top: 8px solid #fff;
}

#plantdescription2 h3 {
margin: 8px 0;
font-size: 130%;
}

hr.pd {
	border: none; 
	height: 3px;
	background: #F3F4F4;
	clear: both;
	width: 100%;
	margin: 0;
	text-align: left;
	margin: 0;
}

#mainimage {border-bottom: 2px solid #F3F4F4; height: 305px}

#leadtext.detail {border-bottom: none;}

.floating #spagebody {
	background: #F0F4E9;
	padding: 0 15px 2em 15px;
	border-top: 8px solid #fff;
	border-bottom: 8px solid #fff;
}
 
.csc-mailform-field {
	padding: 4px;
}

.csc-mailform-field label {
	font-weight: 600;
	display: block;
	letter-spacing: 1px;
}

#smallprint {
	border-bottom: 8px solid #fff;
}

#accordionDiv { display:none;background:#DEE8D0; width: 598px;}
#accordionDiv h3, #accordionDiv h4 {margin: 0 0 0 15px; font-size: 120%; color:#fff}
#accordionDiv h4 {color: #286225 }
#accordionDiv h5 {margin-left: 15px }

#accordionDiv p {margin: 0 15px 0 15px;}
.ac {border-bottom: 1px solid #ccc;padding-bottom: .2em;padding-top: .2em}

#accordion {
	background:#DEE8D0; width: 598px;
}

#accordion .pane h3, #accordion .pane h4 {
	margin: 0 0 0 15px; 
	font-size: 120%; 
	color:#fff
}
#accordion .pane {
	display:none;
	height:200px;
	overflow:auto;
	padding:.3em 15px .3em 15px;
}
#accordion h3 {
	background: #789E44;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: .4em .4em .4em 15px;
	font-size: 120%; 
	color:#fff;
	cursor:pointer;
}
#accordion h3.current {
	background:#617644;
	cursor:default;
}
#accordion h3.hover {
	background:#617644;
}
#accordion h4 {
	color:#286225 
}
#accordion h5 {
	margin-left:15px 
}
.peThumbs{
	margin: 0;
	list-style:none;
	position: relative;
	width: 93px;
	height: 93px;
	top: 0;
	left: 0;
}
.peThumbs li {
	position: absolute;
	top: 0;
	margin: 0;
	left: 0;
	width: 93px;
	height: 93px;
}
.peThumbs li a {
	display: block;
	width: 93px;
	height: 93px;
	text-align: center;
}
.peThumbs li a:hover {
	background: transparent;
}


.ipr {float:right;margin: 4px 15px 4px 4px}
.buynow {
border-bottom: 4px solid #ccc;
margin-top: 8px;
}
.buynow a {
padding: .5em;
display: block;
text-decoration: none;
}

#cd h2,
#cd h3 {
font-size: 130%;
margin-bottom: .5em;
}
#panel1Content,
#panel2Content,
#panel3Content,
#panel4Content,
#panel5Content,
#panel6Content {
	padding-top: .4em;
}

#introbanner h3 {
  	margin: 0;
	height: 49px;
	line-height: 140%;
	font-size: 140%;
}

/* For dcn on/off state of radio buttons*/

.on {
	font-weight: 800;
	color: #286225;
	border-bottom: 3px solid #75B13A;
}

.off {
	font-weight: 800;
}

.textad {
	padding: 10px;
	margin-top: 10px;
	border: 1px solid #E6E6E6;
}

.textad a:hover {
	background: transparent;
	color:#8A97A4;
}

.peThumbsHv td.rpic-col, .peThumbsHv td.plantdescription {
	background: #C5DAFA;
	cursor: pointer;
}
