body
{
  background-color:#dceac9;
  background-image:url(/images/background.jpg);
  background-repeat:tile;
  background-position:0em 0em;;
  font-family: sans-serif;
}




#menu
{
  margin-top: 0em;
  margin-left:1em;
  float : left;
  color: :#999966;
  background-color:#f7f7e3;
  list-style:none;
  line-height: 2em;
}


#menu a
{
  display: block;
  color: #999966;
  text-decoration: none;
  margin:0em;
  padding:0em;
  padding-left:1em;
  padding-right:1em;
  border-color:#f7f7e3;*/
  border-width: 0.1em;
  border-style: solid;
  width: 8em;
  
}

#menu a:hover 
{
  background-color: #999966;
  border-color:#eaf6e8; 
  color: #f7f7e3;

}


a:link
{color:#396f9b; 
}

a:visited
{ 
  color:#ad4775;
}

a img
{
  margin-top: 1em;
  color:#eaf6e8;
}


.silentlink
{
  text-decoration:none;
}


h1
{
  font-size: 1.2em;
}

h2
{
  padding-top: 1em;
  font-size: 1em;
  font-weight:bold;
  margin-bottom: 0.2em;
}


h3
{ 
  font-size: 1em;
  font-style:italic;
  margin-top: 0.5em;
  margin-bottom: 0.2em;
}

#logo
{
  margin-left: 14em;
  margin-bottom: 2em;
  margin-right: 0em;
  padding-right: 0em;
}
#logo-image
{
}

#logo-text
{
	background-color:#f7f7e3; 
} 

#sue-james 
{
  font-family: Arial,Helvetica, sans-serif;
  font-style:italic;
  font-size: 1.35em;
  
}

#landscape-design
{
  font-family: Arial Black,Helvetica, sans-serif;
  font-size: 1.4em; 
  line-height:0.8em;
}


/* Typically an image used as a bullet point */
.bullet
{
  
  padding-right: 1em;
  margin-bottom: 1em;
  float:left;
}


.menu-summary
{
  margin: 0em;
  padding: 0em;
  padding-bottom: 3em;
}

.menu-summary h2
{ 
  padding-top: 0em;
  margin-bottom: 1em;
}


.content
{
  background-color:#f7f7e3;
  color:black;
  margin-left: 14em;
  padding:1em;
  margin-right: 0em;
  margin-top: 0em;
  
}

.leftcontent
{
  text-align:left;
  margin-left: 150px;
}



/* content2 is used on sub documents ie places::lanzarote */
.content2
{
  text-align:left;
  margin-left: 120px;
}


p.quote
{
  font-style:italic;
}

p.tagline
{
  font-size:0.8em;
  margin-top:0.8px;
}



span.company
{
  font-style:italic;
}

span.species
{
  font-style: italic;
}

span.cultivar
{
  /* in an ideal world, we'd use before and after to force quotes
     but relying on browsers to support that seems too risky.
     */
}



/*  Arrange the width of the first table cell in a level 2 page
   Should be able to do this using the first-child pseudo-selector,
   but IE5.5 doesn't support it so we have to explicitly tag the
   elemenents. Shame really, the other would be quite neat! */
td.img-cell
{
  width: 110px;
}


/*
Used to group headings and related content
*/
.section
{
/* In Mozilla, clear: left stops blocks overlapping. IE6 messes up because
   it seems to be trying to stay clear of the menu too.  So we can't use clear: left */

 }