	<style type="text/css">
	-
	
	.body {	
		font-family:Comic Sans MS,verdana,arial,helvetica;
		font-weight:bold;
		font-size:15pt;
		text-decoration:none;
		color:#00B36B
	}
.bottomnav { font-family:verdana, arial, helvetica; font-size:8pt; color:#000000 ; font-style: normal; text-decoration: underline; }
.bottomnav:hover { font-family:verdana, arial, helvetica; font-size:8pt; color:ff99ff ; font-style: normal; text-decoration: none; }
.bottomtext { font-family:verdana, arial, helvetica; font-size:8pt; color:#000000 ; font-style: normal; text-decoration: none; }
.bodytext { font-family:Comic Sans MS, verdana, arial, helvetica; font-size:10pt; color:#339999; font-style: normal; text-decoration: none; }
.callout { font-family:verdana, arial, helvetica; font-size:10pt; color:#991E5C ; font-style: normal; text-decoration: none; }
.praise { font-family:Monotype Corsiva,Comic Sans MS,verdana,arial,helvetica; font-size:14pt; color:#000000 ; font-style: normal; text-decoration: none; }
.bodylink { font-family:Comic Sans MS, verdana, arial, helvetica; font-size:10pt; color:#339999; font-style: normal; text-decoration: underline; }
.bodylink:hover { font-family:Comic Sans MS, verdana, arial, helvetica; font-size:10pt; color:#000000; font-style: normal; text-decoration: none; }	
	
	
	
	
	/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 2px solid white;
 border-top-color:white;
    border-bottom-color:#33cc99;
    border-left-color:white;
    border-right-color:#33cc99;
margin: 0 0px 0px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 2px solid white;
 border-top-color:#ff99ff;
    border-bottom-color:white;
    border-left-color:#ff99ff;
    border-right-color:white;
margin: 0 0px 0px 0;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
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;
}



.thumbnail2 img{
border: 0px;
margin: 0 0px 0px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 0px;
 border-top-color:#0000FF;

margin: 0 0px 0px 0;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 3px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: auto;
left: auto; /*position where enlarged image should offset horizontally */
z-index: 50;
}

<!-- color scoll bars -->	

	BODY
	{
	scrollbar-base-color: 000000; 
	scrollbar-arrow-color: 33cc99;
	scrollbar-DarkShadow-Color: black;
	scrollbar-track-color: 33cc99;
	}

	</style>
