/* CSS Document */

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000000;
	background-color: #CCFFCC;
	}

a {
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
	color:  #006633;
	outline: none;
	}
a:visited {
	color: #006633;
	}
a:active {
	color:  #006633;
	}
a:hover {
	color:  #006633;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	
#top {
	margin:0px 0px 0px 20px;
	background-image:url(images/toplogo2.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 700px;
	height: 92px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 700px;
	height: 92px;
	}
html>body #top {
    width: 700px;
    height: 92x; /* ie5win fudge ends */
	}
#left {
	position: absolute;
	top: 120px;
	left: 0px;
	margin: 20px;
	padding: 10px;
	border: 5px solid #ccc;
	background: #FFFFFF;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #left {
	width: 120px; /* ie5win fudge ends */
	}
#middlehome {
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/portside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
			}
			
			#middlespecial {
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/specialside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
		
		#middlelink {
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/linkside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
			
	#middlesummer {
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/summerside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
				
		#middlespring {
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/springside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
		
		#middlewinter{
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/winterside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
		
	#middlefall{
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/fallside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
		
	#middleseason{
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/seasonside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
			
		#middlegarden{
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/gardenside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
		#middleland{
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/landside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
		#middleport{
	margin: -25px 0px 0px 0px;
	width: 700px;
	background:#CCFFCC;
	background-image:url(images/portfolioside.jpg);
	background-repeat: no-repeat;
	background-position: top left;
		}
	#middle1 {
	margin: -25px 0px 0px 0px;
	background-image:url(images/logotop2.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding:0px;
	width: 700px;
	height: 330px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	}
	html>body #middle1 {
    width: 700px;
    height: 330px; /* ie5win fudge ends */
		}
	
#right{
	position: absolute;
	top: 120px;
	right: 0px; /* Opera5.02 will show a space at right when there is no scroll bar */
	margin: 20px;
	padding: 10px;
	border: 5px solid #ccc;
	background: #666;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 120px;
	}
html>body #right {
	width: 120px; /* ie5win fudge ends */
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}
	
			
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid green;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border:none;
visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}