/* CSS Document */

BLOCKQUOTE, BODY, DL, DT, H1, H2, H3, H4, H5, H6, SPAN, SUB, DIR, HR, TABLE, TBODY, TD, TR, TH
{
font-family: Arial, Helvetica, sans-serif;
font-size:12px; 
color:#000000; 
}

H1 {
font-weight:bold; 
text-align:center;
font-size:18px;
color:#FFFFFF;
margin:0;
padding:0;
}

H2 {
font-weight:bold;
text-align:center;
vertical-align:text-bottom;
font-size:16px;
margin:0;
padding:0;
}

H3 {
text-align:center;
font-size:9px;
margin:0;
padding:0;
}

H4 {
text-align:center;
font-size:14px;
margin:0;
padding:0;
}

body {
background-color:#FFFFFF;
padding:0;
text-align:center;
}

body a {
color:#000000; 
font-family:Arial, helvetica, sans-serif;
}

div.maincontainer{
position:relative;
top:0;
width:802px;
}

/*subpage*/

div.subheader {
position:relative;
left:0;
background-image: url(../images/subheader.gif);
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background-color:#8AC63F;
height:85px;
width:799px;
}

div.subtitle {
position:absolute;
display:block;
top:55px;
left:0;
width:800px;
height:40px;
color:#F1EA40;
text-align:center;
vertical-align:text-bottom;
font-size:24px;
font-style:italic;
font-weight:bold;
z-index:900;
}

div.subtitle span{
font-size:20px;
font-style:italic;
font-weight:bold;
color:#F1EA40;
}

div.language {
display:block;
position:absolute;
top:68px;
left:0px;
width:800px;
height:16px;
text-align:left;
padding-left:720px;
color:#F1EA40;
z-index:910;
}

div.language a:link {
text-decoration:none;
color:#F1EA40;
}

div.language a:visited {
text-decoration:none;
color:#F1EA40;
}

div.language a:hover {
text-decoration:underline;
font-weight:bold;
color:#F1EA40;
}

/* subpage navigation*/

div.menuContainer {
position:relative;
left:0;
width:801px;
text-align:center;
margin:0;
padding:0;
z-index:890;
}

div.horz_menu {
position:relative;
top:0;
left:0;
width:802px;
text-align:center;
}

div.vert_menu
{
  position: absolute;
  visibility: hidden;
  display: none;
  z-index:900;
}

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; float: none; }

div.menuContainer div.vert_menu { 
border: 1px solid black; 
background-color:#F1EA40;
width:158px;
padding:0 0 1px 1px;
}

div.menuContainer div.horz_menu a,
div.menuContainer div.vert_menu a
{
  border: 1px solid black;
  width: 159px;

  height:      29px;
  line-height: 29px;
  vertical-align: middle;

  background:  url(../images/img.png) 0px 80px;

  text-decoration: none;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:600;
  color: #000000;
}

div.menuContainer div.vert_menu a {
line-height: 14px;
width:155px;
border:0;
height:100%;
background-position:0px 40px;
padding:5px 0px 5px 0px;
font-size:11px;
}

div.menuContainer div.horz_menu a { margin-right:  -1px; }
div.menuContainer div.vert_menu a { margin-bottom: -1px; }

div.menuContainer div.horz_menu a:hover,
div.menuContainer div.vert_menu a:hover
{
  color: #389243;
  background-position: 0px 40px;
}

div.menuContainer div.vert_menu a.parent
{
  background-position: 0px 108px;
}

div.menuContainer div.horz_menu a.active,
div.menuContainer div.horz_menu a.active:hover
{
  color: #000000;
  background-position: 0px 40px;
  
}

div.menuContainer div.vert_menu a.active,
div.menuContainer div.vert_menu a.active:hover
{
  color: #000000;
  background-position: 0px 108px;
}

/*Content and footer*/

div.subContainer {
position:relative;
width:799px;
border-right:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #000000;
margin:0;
padding:12px 0 0 0;
}

div.content {
position:relative;
top:0;
width:789px;
margin:0;
padding:0 5px 1px 5px;
font-size:12px;
text-align:left;
}

div.nopadding {
width:799px;
padding:0;
}

div.content img{
margin-left:5px;
}

div.content p {
margin-top:0;
padding-top:0;
}

div.subfooter {
position:relative;
height:30px;
width:799px;
text-align:center;
line-height:30px;
vertical-align:middle;
background-color: #F1EA40;
color:#389243;
font-size:12px;
margin:0;
padding:0;
}

/*plant pages*/

div.native {
position:relative;
float:left;
width:399px;
border-right:1px solid #000000;
margin:0;
padding:0 0 10px 0;
text-align:left;
}

div.native div {
margin:0;
padding:0;
}

div.native img {
margin:0;
}

div.exotic {
position:relative;
float:left;
vertical-align:top;
width:399px;
margin:0;
padding:0 0 10px 0;
text-align:left;
}

div.exotic div {
margin:0;
padding:0;
}

div.exotic img {
margin:0;
}

div.plantpicture {
position:relative;
top:0;
left:0;
width:399px;
height:245px;
background-color:#8AC63F;
}

div.plantpicture div {
position:absolute;
}

div.exoticpltpic {
background-color:#D3C19A;
}

div.title {
top:15px;
left:181px;
width:137px;
text-align:center;
font-size:22px;
font-weight:bold;
z-index:800;
}

div.image1 {
height:207px;
width:153px;
top:10px;
left:28px;
background-color:#FFFFFF;
text-align:center;
z-index:810;
}

div.image1 img{
margin-top:4px;
vertical-align:middle;
}

div.image2 {
height:175px;
width:203px;
top:45px;
left:170px;
background-color:#FFFFFF;
text-align:center;
z-index:820;
}

div.image2 img{
margin-top:4px;
vertical-align:middle;
}

div.checkmark{
height:81px;
width:78px;
top:12px;
left:308px;
background-image: url(../images/checkmark.gif);
z-index:830;
}

div.x {
height:56px;
width:62px;
top:36px;
left:312px;
background-image: url(../images/x.gif);
z-index:830;
}

div.plantname{
top:222px;
left:0;
width:399px;
text-align:center;
font-size:16px;
font-weight:bold;
z-index:800;
}

div.plantname i{
font-style:italic;
font-weight:normal;
}

div.plantinfo {
position:relative;
top:10px;
left:28px;
width:343px;
height:100%;
}

div.plantinfo table {
margin: 0;
} 

div.plantinfo table td{
height:40px;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
text-align:center;
vertical-align:middle;
}

div.plantinfo table td.info {
text-align:left;
padding-left:10px;
}

div.plantinfo table.ngc {
background-color:#CAE198;
}

div.plantinfo table.egc {
background-color:#EDE4D0;
margin-top:20px;
}

div.exclamation {
position:absolute;
top:500px;
left:0px;
width:28px;
height:29px;
text-align:center;
z-index:900;
}

/*Why "Go Native"*/

ol.gonative  li {
list-style-type:disk;
margin-bottom:6px;
}

ol.gonative span {
font-weight:bold;
}

/*yard comparison*/

div.nativeyard {
position:relative;
float:left;
width:399px;
margin:0;
padding:0 0 10px 0;
text-align:left;
}

div.nativeyard div {
margin:0;
padding:0;
}

div.nativeyard img {
margin:0;
}

div.exoticyard {
position:relative;
float:left;
border-left:1px solid #000000;
vertical-align:top;
width:399px;
margin:0;
padding:0 0 10px 0;
text-align:left;
}

div.exoticyard div {
margin:0;
padding:0;
}

div.exoticyard img {
margin:0;
}

div.yardtitle {
top:15px;
left:45px;
width:300px;
text-align:left;
font-size:22px;
font-weight:bold;
z-index:800;
}

div.yardimage {
height:142px;
width:309px;
top:45px;
left:45px;
background-color:#FFFFFF;
text-align:center;
z-index:810;
}

div.yardimage img{
margin-top:4px;
vertical-align:middle;
}

div.yardname{
top:205px;
left:0;
width:399px;
text-align:center;
font-size:16px;
font-weight:bold;
z-index:800;
}

div.plantinfo table.sgc {
background-color:#EDE4D0;
}


/*fern comparison*/

div.nativefern {
position:relative;
float:left;
width:399px;
border-right:1px solid #000000;
margin:0;
padding:0;
text-align:left;
}

div.nativefern div {
margin:0;
padding:0;
}

div.nativefern img {
margin:0;
}

div.exoticfern {
position:relative;
float:left;
vertical-align:top;
width:399px;
margin:0;
padding:0;
text-align:left;
}

div.exoticfern div {
margin:0;
padding:0;
}

div.exoticfern img {
margin:0;
}
div.imagefern {
height:165px;
width:309px;
top:10px;
left:45px;
background-color:#FFFFFF;
text-align:center;
z-index:810;
}

div.imagefern img{
margin-top:4px;
vertical-align:middle;
}

div.notefern{
top:180px;
left:45px;
width:309px;
font-size:14px;
z-index:800;
}

div.ferninfo {
position:relative;
top:+10px;
margin:0 10px 0 10px;
width:779px;
height:100%;
}

/*Nurseries*/

table.nurseries td {
vertical-align:top;
padding:5px 5px 10px 5px;
}