BODY {
	margin-top:0; 
	padding-top:0;
	TEXT-ALIGN: center
}
#gallery {position:relative;width:740px;}
#thumbs {width:180px; float:left;}
#thumbs a {display:block; float:right; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #000;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; left:185px; top:0; border:1px solid #333;}

#container {
	WIDTH: 745px;	
	BORDER: black 4px solid; 
	FONT-FAMILY: georgia;
	FONT-SIZE: 15px; 
	background:#FFFDED url(greenbackground.jpg) repeat-y; 
	color:#004E4A;border:4px solid black;	
	line-height:180%;
}
#banner {
	border-bottom:4px solid black;
}

#mikeebboat {border: 4px solid silver; width:96.3%;}
#largeb {margin-bottom:10px;}
#meadow {border:4px solid #004E4A;width:95.5%;}
#meadow .caption {font-family:"Comic Sans MS"; font-size:105%; padding:10px;}
#snowyfront .caption {font-family: "Comic Sans MS";font-size:105%;padding:10px;}
#navbar {
	float:left;
	WIDTH: 100px;
	PADDING: 10px; 
	BORDER-RIGHT: 4px solid black; 
}
#navbar A:link {
	FONT-WEIGHT: bold; 
	COLOR: white
}
#navbar A:visited {
	FONT-WEIGHT: bold; COLOR: white
}
#navbar A:hover {
	FONT-WEIGHT: bold; COLOR: yellow
}
#content {
	margin-left:133px;
	MARGIN-TOP: 10px; 
	MARGIN-RIGHT: 10px; 
	TEXT-ALIGN: left;
}
#content P:first-letter {
	FONT-SIZE: 1.8em
}
#content A:link {
	FONT-WEIGHT: bold; 
COLOR: purple
}
#content A:visited {
	FONT-WEIGHT: bold; 
	COLOR: purple;
}
#content A:hover {
	FONT-WEIGHT: bold;
	 COLOR: red
}
h2#scroll {
	font-family:"Comic Sans MS";
	font-size:1.2em;
}
h2#images {
	font-family:"Comic Sans MS";
	text-align:left;
	line-height:105%;
}
h2#click {
	font-family:"Comic Sans MS";
	text-align:left;
	font-size:115%;
	line-height:105%;
}
h2#title {
	font-family:"Comic Sans MS";
	text-align:left;
	font-size:135%;
	line-height:125%;
}
.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: 4px solid #004E4A;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fffded;
padding: 5px;
left: -1000px;
border: 4px solid #004E4A;
visibility: hidden;
color: navy;
font-family: "Comic Sans MS";
font-size: 95%;
text-align:center;
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: 235px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.thumbnail:hover span.lower{ /*CSS for enlarged image*/
visibility: visible;
top: 120px;
left:235px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.thumbnail:hover span.lowest{ /*CSS for enlarged image*/
visibility: visible;
top: 320px;
left: 235px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
#right a:link {font-weight:bold;font-size:130%;}
#right2 a:link {font-weight:bold;font-size:130%;}
.indent {text-indent:2.5em;}