@charset "UTF-8";
/* CSS Document courtesy of http://www.cssplay.co.uk/menu/gallery4.html*/

#title	img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 110px;
	background-repeat: no-repeat;
	background: #FFFFFF;
	}

/* Bar that sits behind the Navigation Bar  */
.whitebar	{
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		padding-left:0px;	/* stops menu offset to right */
		height: 24px;
		width: 798px;
	background: #FFFFFF;
		}

/* **** Start of Horizontal Navigation Bar buttons section **** */
.whitebar li.lnks {
		width: 121px;
		height: 24px;	/*Height of alternating button */
		float: left;	/*Makes list horizontal */
   		list-style: none;
		font: bold italic 13px verdana, Courier, mono;
		padding:0px;
	background: #FFFFFF;
		}
		
.whitebar li.title_crnrs {
	width:30px;
	height: 24px;	/*Height of image */
	float: left;	/*Makes list horizontal */
   	list-style: none;
	font: bold italic 13px verdana, Courier, mono;
	padding:0px;
	margin:0;
	background: #FFFFFF;
	}

.whitebar a 
		{
		margin-left: auto;
		margin-right: auto; 
		display: block;
		color: #b5ddf7;			/* b5ddf7 light blue B6D663 light green */
		background: #0000af;	/* 0000af dark blue 2F5528 dark green */
		text-decoration: none;	/* Removes underlining */
		text-align: center;		/* Aligns text only */
		padding: 4px;
		}

.m_btns {
	border-left: 1px solid #b5ddf7;		/* b5ddf7 light blue B6D663 light green */
	border-right: 1px solid #b5ddf7;	/* b5ddf7 light blue B6D663 light green */
	}

.lft_btns {
	border-left: 1px solid #0000af;		/* b5ddf7 light blue B6D663 light green */
	border-right: 1px solid #b5ddf7;	/* b5ddf7 light blue B6D663 light green */
	}
	
.rgt_btns {
	border-left: 1px solid #b5ddf7;		/* b5ddf7 light blue B6D663 light green */
	border-right: 1px solid #0000af;	/* b5ddf7 light blue B6D663 light green */
	}

.whitebar li a:hover	{
		color: #0000af;			/* 0000af dark blue 2F5528 dark green */
		background: #b5ddf7;	/* b5ddf7 light blue B6D663 light green */
		border-left: 2px solid #0000af;
		border-right: 2px solid #0000af;
		}
/* **** End of Horizontal Navigation Bar buttons section **** */

#main	{
	/*display: block;		/*makes the */
	margin-left: auto;	/*main block */
	margin-right: auto;	/*central to the page*/
	padding: 0px;
	width: 798px;
 	min-height: 500px;		/* minimum height to match 2 side pictures */
	background: #fff;	/* b5ddf7 light blue B6D663 light green */
	}

body	{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background: #9a9ad3;	/* 9a9ad3 mid-blue background */
	}
	
#copy		{
		margin-top:0px;
		text-align: center;
		width: 100%;
		background: #FFFFFF;
		float: left;
		padding:0px;
		}

.address	{
	font: italic 12.5px "Courier New", Courier, mono;
	color: #0000af;		/* 0000af dark blue 2F5528 dark green */
	}

/* ************************************************************************************* */
ul#gallery {
  margin:0px; 	/*prevents gap at top of main area */
  width:798px; 
  height:453px; 
  padding:0px;
  position:relative; 
  display:block; 
  background:#FFF url(images/plants/600/x410/0048crn.jpg) no-repeat 99px 0px;
  }
  
#gallery li {
  list-style-type:none; 
  width:99px; 
  height:68px; 
  float:left;
  display:block; 
  z-index:100;
  }
  
#gallery li.lft {
	margin-left:0px;
  display:block; 
  float:left;
  clear:left;
	width:99px;
  }
  
#gallery li.rgt {
  display:block; 
	margin-right:0px;
	float:right; 
	clear:right;
	width:99px;
  }
  
#gallery a {
  display:block; 
  position:relative; 
  width:99px; 
  height:68px; 
  float:left; 
  z-index:100; 
  cursor:default;
	border:none;
  }
  
#gallery a img {
  display:block; 
	position:relative; 
	border:none;
	width:99px; 
	height:68px; 
	z-index:100;
	}
	
#gallery a:hover {
  display:block; 
  width:600px; 
  height:403px; 
  padding:0px 99px; /*locates image to be displayed on hover*/ 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:20;
  }
  
#gallery a:hover img {
  display:block; 
  background:#eee; 
  position:relative; 
  width:600px; 
  height:403px; 
  border:0; 
  z-index:20;
  }
  
#gallery a:active, #gallery a:focus {
  display:block; 
  background:transparent; 
  width:600px; 
  height:403px; 
  padding:0px 99px; 
  position:absolute; 
  left:0; 
  top:0; 
  z-index:10;
  }
  
#gallery a:active img, #gallery a:focus img {
  display:block; 
  background:#9a9ad3; 
  position:relative; 
  width:600px; 
  height:403px; 
  border:0; 
  z-index:10;
  }

