BODY {
	margin-top:0; 
	padding-top:0;
	TEXT-ALIGN: center
}
#banner {
	BORDER-BOTTOM: silver 4px solid;
}
#gallery {position:relative; width:750px;}
#thumbs {width:180px; float:right;}
#thumbs a {display:block; float:left; 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; right:185px; top:0; border:1px solid #333;}
#container {
	WIDTH: 745px;	
	BORDER: silver 4px solid; 
	FONT-FAMILY: georgia;
	FONT-SIZE: 15px; 
	background-color: #ebf5fc; 
	background: #ebf5fc url(background.jpg) repeat-y;
	color:navy;	
	line-height:180%;
}

#emptycolumn {	
	VISIBILITY: hidden
}
#volcano {border: 4px solid silver; width:82.5%;}
#volcano .caption {font-family:"Comic Sans MS"; font-size:115%; padding:10px;}

#largeb {margin-bottom:10px;}
#meadow {border:4px solid silver;width:82.5%;}
#meadow .caption {font-family:"Comic Sans MS"; font-size:115%; 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 #D7D7D7; 
}
#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#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%;
}
.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 silver;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ebf5fc;
padding: 5px;
left: -1000px;
border: 4px solid silver;
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: 270px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.thumbnail:hover span.lower{ /*CSS for enlarged image*/
visibility: visible;
top: 120px;
left: 270px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.thumbnail:hover span.lowest{ /*CSS for enlarged image*/
visibility: visible;
top: 320px;
left: 270px; /*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;}