/* Rounded corner box style */
.t {background: url(images/dot.gif) 0 0 repeat-x; width: 190px}
.b {background: url(images/dot.gif) 0 100% repeat-x}
.l {background: url(images/dot.gif) 0 0 repeat-y}
.r {background: url(images/dot.gif) 100% 0 repeat-y}
.bl {background: url(images/bl.gif) 0 100% no-repeat}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px} 
/* End Rounded corner box style */

body{
	margin: 20px 0 10px 0;			/* 10px 0 10px 0; */
padding: 0;
text-align:center;
background: #003300 url(images/bg.jpg) repeat-x;
background-attachment: fixed;     /* relative doesn't work*/
letter-spacing: 1px;}

#pagewidth{
width: 960px;
background-color: #ffe;
	border: 0px solid #fff;		    	/* 4px */
text-align: left;
	margin-bottom: 0px;				/* 10px*/
margin-left: auto;
margin-right: auto;
font-family: Arial, Lucida Grande, Verdana, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
font-size: 13px;
line-height: 1.6em;
color: #000;}

#header{
	position: relative;     /*fixed doesn't work*/
height: 114px;
width: 100%;				 /*730px*/
	background: url(images/banner.jpg) repeat-x 0% 0%; }

.title {
margin: 0;
padding: 32px 0 0 78px;
		color: #9ec630;
font-size: 26px;
font-weight: bold;
letter-spacing: 1px;}

#leftcol{
width: 190px;
float: left;
/*CHANGE*/	padding: 5px 0 0 5px;
	position: absolute;     /* fixed relative */
	background-color: #ffe;   /* light white */
} 

/* NAVIGATION LEFT */

#menu1 {
width: 190px;
float: left;
	/* border-right: 3px solid #598C01;    1px  */
 }

#menu1title {
margin: 0;
	background-image: url(images/bg_ltgreen.jpg);     /*bg_ltaqua.gif     bg_green.gif */
padding: 2px 0 0 10px;
width: 180px;
height: 18px;
color: #ffe;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
line-height: normal;}

#menu1 ul {
list-style: none;
margin: 0;
padding: 0;
 } 

#menu1 li a:link, #menu1 li a:visited {
width: 164px;
	width: 190px;	/* \width: 190px */
	width: 164px;	/* w\idth: 164px */
display: block;
color: #000;
margin-left: 0px;
padding: 5px 0 0 26px;		/* 5px less will make text move up and down */
font-weight: bold;
outline: none;
background: url(images/bg_nav.gif) repeat-y;}

#menu1 li a:hover {
color: #000;
padding: 5px 0 0 26px;
text-decoration: none;
	background: #b9d662;  /* url(images/bg_nav_over.gif) */
background-repeat: no-repeat;}

/* BEGIN SUBLINKS */

#menu1 ul ul li {margin-left: 0px;
padding: 0;
width: 190px;
display: block;
	 /*list-style: outside;
	 list-style-position: inside; 
	 float: right; width: 150px;
	 display: none;
	 position: absolute;*/ }

#menu1 ul ul a:link,#menu1 ul ul a:visited
{display: block;
	padding: 0 0 0 40px;   /* 5px 0 0 40px */
width: 150px;
	color: #000000;		/* #cc0000 */
text-decoration: none;
font-size: 11px;}

#menu1 ul ul a:hover
{background-image: none;
	color: #000000;		/* #eb9999 */
text-decoration: none;
	background: #b9d662; }  /* url(images/bg_nav.gif) repeat-y;  */

/* END SUBLINKS */

/* NAVIGATION TOP */

#menu2 {
	margin: 0 0 5px 0;		/* 0 0 12px 0 */
float: right;
	width: 750px;	/* 100% */
	height: 35px;
font-size: 93%;
	/*line-height: normal;
	border-bottom: 3px solid #598C01;      1px  */
	position: relative;  /* fixed doesn't work */}

#menu2 ul {
margin: 0;
padding: 10px 0 0 50px;
list-style: none;}

#menu2 li {
display: inline;
margin: 0;
padding: 0;}

#menu2 a {
float: right;
background: url("images/tab_left.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration: none;
width: 100px;}

#menu2 a span {
float: right;
display: block;
background: url("images/tab_right.gif") no-repeat right top;
padding: 5px 8px 4px 6px;
color: #ffe;
text-align: center;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu2 a span {float: none;}
/* End IE5-Mac hack */
#menu2 a:hover span {
color: #FFe;}

#menu2 a:hover {
background-position: 0% -42px;}

#menu2 a:hover span {
background-position: 100% -42px;}

#menu2 #current a {
background-position: 0% -42px;}

#menu2 #current a span {
background-position: 100% -42px;}

#corner {position:absolute;
			top: 210px;
			left: 190px;}
		
a {
color: #235000;
text-decoration: none;
font-weight: bold;
outline: none;}

a:hover {
color: #b9d662;		/* 9EC630  */
text-decoration: none;}

#list
{margin-left: 20px;
padding-left: 0;
list-style: none;}

#list li
{position: relative;
padding-left: 16px;
	background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;}

.borders {
	border: 0px solid #000000;}		/* 1px */

#map{
text-align:center;
padding-left: 20px;
padding-top:50px;
}

#twocols{
width: 770px;
float: right;
position: relative;
height: 100%;}

#lefttip{
width: 180px;
float: left;
position: relative;
	padding: 10px 0 0 2px;  /* 40px 0 0 10px0*/
background-color:#ffe;
font-size: 11px;
line-height: 1.4em;
height: 100%;}

#address{
	font-size: 14px;
	/* font-weight: bold; */
	line-height: 1.4em;
}

/*----------Begin Tipbox----------*/

fieldset {
border: 1px solid #000;
	padding: 4px;		/* 6px */
	margin-top: 4px;}	/* 6px */

legend {
color: #000;
font-weight: normal;
letter-spacing: 1px;
font-size: 14px;
text-transform: uppercase;}

/*----------End Tipbox----------*/

#maincol{

	background: #ffe url(images/lineCorner.gif) no-repeat;
float: left;
display: inline;
position: relative;
padding-top: 1%;
padding-left: 1%;
width: 99%;
height: 99%;}

h1,h2,h3 {
margin: 0 20px 5px 20px;
font-size: 22px;
font-weight: normal;
color: #598C01;
letter-spacing: 3px;
line-height: normal;}

	/* letter-spacing: 1px;   THIS HIDES THE ARROW HIGHLIGH IN THE LANDSCAPE & HURSERY PAGES*/

h4 {
margin: 10px 0 0 0;
padding: 4px 0 4px 6px;
font-size: 14px;
font-weight: normal;
color: #000;
letter-spacing: 2px;
line-height: normal;
	background: #b9d662 url(images/arrow1.gif) no-repeat;	/* images/arrow.gif */
background-position: right;}

	h5 {
	margin: 0 20px 5px 20px;
	font-size: 18px;
	font-weight: normal;
	color: #598C01;			/* or #000000 */
	letter-spacing: 1px;
	line-height: normal;
	text-align: center}

#text{
padding: 0 20px 20px 20px;}

#footer {
padding: 20px 0 20px 0;
background-color: #ffe;
clear: both;
text-align: center;
text-decoration: none;}

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

.clearfix{display: inline-table;}

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