/* Sussex Gardens Trust - www.sussexgardenstrust.org.uk */
/* © 2006 */

/* Visible Elements */
	a:link
	 {text-decoration:underline;
	  color:#336600;}
	a:visited
	 {text-decoration:underline;
	  color:#006600;}
	a:active
	 {text-decoration:underline;
	  color:#006633;}
	a:hover
	 {text-decoration:underline;
	  color:#003300;}  
	body
	 {background-color:#FFFFBB;
	  background-image:url(images/side.jpg);
	  background-repeat:repeat-y;
	  margin-left:180px;}
	h1
	 {color:#003300;
	  font-family:Arial, Helvetica, sans-serif;
	  font-style:italic;
	  font-size:1.6em;
	  font-weight:bold;}
	h2
	 {color:#003300;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:1.4em;
	  font-style:italic;
	  font-weight:bold;}
	h3
	 {color:#003300;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:1.2em;
	  font-style:italic;
	  font-weight:bold;}
	h4
	 {color:#003300;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:1.0em;
	  font-style:italic;
	  font-weight:normal;}
	hr
	 {color:#009900;
	  text-align:center;
	  width:95%;}
	img
	 {border:0px;}
	p
	 {color:#000000;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:0.85em;}
	/* ".dropcaps" controls the style of the drop capitals applied to most paragraphs. */
	.dropcaps:first-letter
	 {color:#006600;
	  float:left;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:225%;
	  font-weight:bold;}
	ul
	 {color:#000000;
	  font-family:Arial, Helvetica, sans-serif;
	  font-size:0.85em;
	  list-style-image:url(images/bullet.gif)}

/* DIV Controls */
	#header
	 {height:100%;
	  padding:5px 5px 5px 5px;
	  position:relative;
	  width:750px;}
	#menu
	 {height:100%;
	  padding:5px 5px 5px 5px;
	  position:relative;
	  text-align:center;
	  width:750px;}
	#content
	 {height:100%;
	  padding:5px 5px 5px 5px;
	  position:relative;
	  text-align:left;
	  width:650px;}
	#footer
	 {height:100%;
	  padding:5px 5px 5px 5px;
 	  position:relative;
	  text-align:center;
	  width:750px;}

/* Menu Controls */
	#menu
	/* This controls the basic layout and position of the menu bar. */
	 {left:30px;
	  margin:0px auto;
	  padding:0px;
	  position:absolute;
	  top:240px;
	  width:100px;}

	#menu dd
	/* This controls the gap between buttons. */
	 {margin:0px 0px 4px 0px;
	  padding:0px;}

	#menu .m1
	/* This controls the button before it is rolled over. */
	 {background-color:#999933; /* This controls the colour of the bottom strip on the button. */
	  border:1px solid #000000;
	  display:block;
	  margin:0px;
	  padding:0px;}

	#menu .m2
	 {background-color:#FFFFBB; /* This control the background colour of the button itself. */
	  border-bottom:1px solid #339966; /* This controls the line between the button and the strip. */
	  display:block;
	  margin:0px 0px 6px 0px; /* This controls the height of the bottom strip on the button. */
	  padding:1px 0 1px 0;
	  text-align:center;}

	#menu a, #menu a:visited
	 {color:#333333; /* This controls the colour of the text on the buttons before you roll over. */
	  display:block;
	  text-decoration:none;
	  width:100%;}

	#menu a:hover
	 {background-color:#BBCC88;
	  color:#000000;}

	#menu a:hover .m2
	 {background-color:#E6E673; /* This controls the colour of the button when you roll over. */
	  border-bottom:1px solid #339966; /* This controls the line between the button and the strip. */
	  margin:0px 0px 2px 0px;
	  padding:3px 0px 3px 0px;}