h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
	font-style:normal
}
h2 {font-family:"Courier New", Courier, monospace;
    font-size: .82em;
	font-style:normal
}
.copyrighttext{
	font-family:Arial, Helvetica, sans-serif;
	Font-size: .65em;
	font-style:normal;
	text-align:center;
	}
	
.bodytext{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: .6em;
	font-style:normal;
	line-height:1.5em;
	
	
	

		
		
}
	
	
#wrapper {
	
	position:absolute;
	left:50%;
	
	margin-left:-300px;
	width: 600px;
	height:100%;
	
	
	
	

}
#header {

	width:100%;
	
	

	}	
#side-a {
	float:left;
	top: 150px;
	width: 75px;
	margin-right:40px;
	margin-top:20px;
	
	background: #FFFFFF;
	left: 0px;
	
	
}
#side-b {
	float:right;
	width: 430px;
	background: #FFFFFF;
	padding: 5px;
	margin-right:3em;
	padding:0px;
	margin-top: 20px;
	}
	
#footer {
	Position:absolute;
	background:#faedcb;	
	Padding: 0px;
	width: 100%;
	height: .5em;
	max-height:.5em;
	margin-bottom:5em;
}
.rollover a {
display:block;
width: 300px;
padding:12px 12px 12px 20px;
font: bold 0.9em arial;
color:#333;
background: url("buttonrotate.gif") 0 0 no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 -40px;
color: #000000;
}
.rollover a:active {
background-position: 0 -80px;
color:#fff;
}
.gallerycontainer{
position: relative;

width:430px;
}

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

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

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

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCCC;
padding: 5px;
left: -1000px;
border: 1px Solid #CCCCCC;
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: 170px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}