* {padding: 0; margin: 0;}
option { margin-right:.5em; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block;}

/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block;}
/* */

a {color: #007cc3;}
a:hover {color: #007cc3;}

body {
	background: white;
	color: black;
	font-family: arial, serif;
	text-align: center;
}

#main, #main2 { /* see below for description */
	min-height: 600px;
	height: 100% !important;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	color: black;
	text-align: left;
}

#main { /* standard pages */
	min-width: 800px;
	max-width: 1000px;
	width: 98%;
	width:expression(document.body.clientWidth < 820? "800px" : (document.body.clientWidth > 1010? "1000px": "98%")); /* IE's version of min- and max-width */
}

#main2 { /* extra wide for plants page */
	min-width: 840px;
	max-width: 1000px;
	width: 98%;
	width:expression(document.body.clientWidth < 865? "840px" : (document.body.clientWidth > 1010? "1000px": "98%")); /* IE's version of min- and max-width */
}

#header {
	margin: 20px 0;
	background: #004d86 url("images/banner.gif") center left repeat-x;
	height: 75px;
}

.content {
	margin: 0 200px 10px 190px;
	text-align: left;
	padding: 0;
}

.medcontent {
	margin: 0 230px 10px 190px;
	text-align: left;
	padding: 0;
}

.smallcontent {
	margin: 0 320px 10px 190px;
	text-align: left;
	padding: 0;
}
.fullcontent {
	margin: 0 10px 10px 190px;
	text-align: left;
	padding: 0;
}

.content h3, .smallcontent h3, .medcontent h3, .fullcontent h3 {
	background: #f7f7f7 url("images/bullet.gif") center left no-repeat;
	padding: 0 15px;
	margin: 0 5%;
	min-height: 12px;
	color: #004d86;
	text-transform: lowercase;
}
.smallcontent h3 {
	margin-bottom: 2%;
}
.fullcontent h3 {
	margin: 0 3%;
}

.content h4, .smallcontent h4 { 
	padding: 0 7px; 
	font: italic .9em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 10px;
	background: #f7f7f7;
	color: #004d86;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}

.content h5 { 
	padding-top: 5px; 
	font: bold .9em Arial, Helvetica, sans-serif;
}

.content p, .smallcontent p {
	padding: 8px;
	font: normal .8em Arial, Helvetica, sans-serif;
}
.medcontent p {
	padding: 8px;
	margin: 10px 15px;
	background: white;
	color: black;
	font: normal .8em Arial, Helvetica, sans-serif;
}
.content ul, .smallcontent ul {
	font: normal .8em Arial, Helvetica, sans-serif;
	margin-left: 15px;
	padding: 7px;
}
.content li, .smallcontent li { 
	list-style-image: url("images/bullet2.gif");
	margin-left: 10px;
}

.content hr {
	height: 0px; 
	border: none;
	border-top: solid 1px #e5e5e5;
	margin: 10px 50px;
}

.content .footnote {
	font-size: .7em; 
	text-align: center; 
	margin: 20px 25px 5px 25px; 
	padding: 5px; 
	background: #f7f7f7;
}

.fullcontent .blk {
	width: 100%;
	margin: 0 auto;
	padding: 60px 0 30px 0;
}

.halfblk {
	width: 48%;
	margin: 0 auto;
	float: left;
}

.fullcontent .halfblk img {
	border: none;
	text-align: center;
	display: block;
	margin: 0 auto;
}

.cpic {
	margin: 0 auto;
	text-align: center;
	display: block;
}
.rpic {
	float: right;
	padding: 5px 0 5px 5px;
}

.feature {
	margin: 10px 0;
	padding: 10px;
}

.focus {
	display: inline-block;
	background: #e0e0e0;
	float: right;
	color: gray;
	font: normal .8em Arial, serif;
	margin: 0 10px 0 0;
	width: 186px;
}
.focus.med {
	width: 226px;
	min-height: 418px;
	height: 100% !important;
	height: 418px;
	padding-top: 10px;
}
.focus.lowtext {
	width: 306px;
	min-height: 418px;
	height: 100% !important;
	height: 418px;
}

.focus.bottom {	/* bottom right corner of content box */
	position: absolute; 
	bottom: 20px; 
	right: -200px;
}

.focus div {
	border-bottom: solid 10px white;
}

.focus h3 {margin: 20px;}

.focus h4 {
	font: italic 1.1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 10px;
	color: #004d86;
	padding: 3px 5px;
	border-bottom: solid 1px #f7f7f7;
}

.focus p {
	margin: 10px;
}
.focus.med p {
	margin: 0 10px;
}
.focus.med a {
	text-decoration: none;
}
.focus img {
	display: block; 
	margin: 15px auto;
}
.focus.med img {
	border: none;
	margin: 0 auto;
	padding: 5px 0 0 0;
}
.caption {
	font: normal .7em arial, sans-serif;
	color: #666666;
	margin: 0 auto;
	display: block;
	padding: 2px 0;
	text-align: center;
}
.focus .slides {
	cursor: hand;
	display: inline;
	padding: 5px 0;
}
.focus .blurb, .focus .blurb div {
	color: black;
	font: normal .9em Trebuchet, MS, Arial;
}
.focus.lowtext .blurb {
	padding: 20px;
}
.center {
	text-align: center;
}

.bottomplants {
	clear: right;
	background: #e0e0e0;
	color: gray;
	font: normal .8em Arial, serif;
	padding: 10px 0;
	margin-bottom: 20px;
}
.bottomplants div {
	width: 840px;
	margin: 0 auto;
}
.bottomplants div div {
	float: left;
	width: 210px;
}
.bottomplants .caption {
	clear: left;
}
.bottomplants img {
	border: none;
	float: left;
	padding: 5px;
}
.bottomplants a {
	text-decoration: none;
}

.slideform {
	background: #e0e0e0;
	margin: 10px 30px;
	padding: 10px 0 0 0;
	text-align: center; 
	font: normal .8em arial;
}

#leftfocus {
	width: 156px;
	background: #e5e5e5;
	margin: 10px 0 10px 10px;
	clear: left;
	float: left;
	display: block;
	color: black;
	font: normal .7em Arial, serif;
	padding: 10px;
}

#leftfocus2 {
	width: 186px;
	background: white;
	float: left;
}

#leftfocus2 img {
	margin: 0 auto;
	padding-left: 10px;
	clear: left;
}

#dir {
	background: #e5e5e5;
	width: 90%;
	margin: 15px auto;
	color: black;
	font: normal .7em Arial, serif;
	padding: 10px;
	text-align: left;
}

#leftfocus h4, #dir h4 {
	color: #004d86;
	font: bold 1.5em arial;
	padding: 5px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #f7f7f7;
	text-transform: lowercase;
}

#dir h5 {
	color: gray;
	font: bold 1.2em arial;
	padding: 5px 0;
	margin: 0 0 10px 0;
}

#dir p {
	font: normal 1.2em arial;
}

#dir ol {padding: 10px 0;}

#dir li {
	font: normal 1.1em arial;
	padding: 5px 0;
	margin-left: 35px;
}

#menu {
	width: 176px;
	min-height: 418px;
	height: 100% !important;
	height: 418px;
	background: #e5e5e5 url("images/navbg.gif") top left repeat;
	margin: 0 0 10px 10px;
	float: left;
	color: black;
	border: solid 1px #cccccc;
	display: inline-block;
}

#menu ul {
	list-style: none;
	margin: 10px 0 10px 13px;
	background: transparent url("images/nav1.gif") top left repeat-y;
}

#menu li.top {
	background: transparent url("images/nav2.gif") top left no-repeat;
	position: relative; top:0; left:-2px;
	display: block;
}

#menu li.bot {
	background: transparent url("images/nav2.gif") bottom left no-repeat;
	position: relative; top:0; left:-2px;
	display: block;
}

#menu li {
	position: relative;
	display: inline; /* to eliminate excess IE padding */
}

#menu a {
	font: normal 11px arial, serif; /* use px so IE doesn't grow */
	color: black;
	margin: 0;
	padding: 2px 4px 3px 30px;
	display: block; 
	text-decoration: none;
}

#menu a:hover {
	background: transparent url("images/active.gif") left center no-repeat;
	color: #007cc3;
}

#menu .mnav {
	padding-left: 13px;
	font-weight: bold;
	background: transparent url("images/arrow.gif") left center no-repeat;
}

#menu .active {
	background: transparent url("images/active.gif") left center no-repeat;
}

#foot, #foot2 {
	font: normal .7em Tahoma, arial, serif;
	text-align: center;
	padding: 6px;
	background-color: #004d86 ;
	color: #aaaaaa;
	border-top: solid 2px #f7dd16;
	clear: both;
	margin-bottom: 20px;
}

#foot2 {
	background: white;
	color: gray;
	border-top: solid 1px #e5e5e5;
	text-align: left;
}

#footnav {
	text-align: center;
	text-transform: lowercase;
}

#foot2 #footnav {
	text-align: left;
}

#foot a {color: #aaaaaa;}
#foot a:hover {color: #f7dd16;}
#foot2 a {color: gray;}
#foot2 a:hover {color: #004d86;}

.scripted {
	margin: 10px;
	font: normal 1.1em Trebuchet MS1, Helvetica, sans-serif;
	color: gray;
}

.truck {
	background: #e5e5e5;
	color: white;
	font-weight: bold;
	font-size: .8em;
	margin: 10px 0 0 0;
}

.truck p {
	width: 600px;
	margin: 0 auto;
	padding: 5px;
	color: black;
	font: italic 1em Verdana, Arial, Helvietica, sans-serif;
	font-weight: normal;
}

.contact {
	width: 80%;
	margin: 0 auto;
	font: normal .8em Arial, Helvetica, sans-serif;
}
.contact table {
	font: normal 1em Arial, Helvetica, sans-serif;
}
.contact td {
	padding: 5px;
}
.contact .a {
	width: 40%;
	text-align: right;
	vertical-align: top;
}
.contact .b {
	width: 60%;
}

.column {
	width: 60%;
	margin: 0 auto;
	text-align: justify;
}

.embedleft {
	border: none;
	float: left;
	padding-right: 5px;
	padding-bottom: 3px;
}