body {
	background-color: white;
	font-family: "comic sans ms", arial;
	font-size: 10pt;
}

th {
	background-color: white;
	font-family: "comic sans ms", arial;
	font-size: 10pt;
}

td {
	background-color: white;
	font-family: "comic sans ms", arial;
	font-size: 10pt;
}


a.albummenu {
	background-image: url('images/albums.gif');
	display: block;
	height: 25px;
	width: 110px;
}

a.albummenu:hover {
	background-image: url('images/albums2.gif');
      border-style: none; 
}

a.biomenu {
	background-image: url('images/bio.gif');
	display: block;
	height: 25px;
	width: 110px;
	border-style: none;
}

a.biomenu:hover {
	background-image: url('images/bio2.gif');
	border-style: none;
}     


a.ordermenu {
      background-image: url('images/contact.gif');
	display: block;
	height: 25px;
	width: 110px;
}

a.ordermenu:hover {
	background-image: url('images/contact2.gif');
	border-style: none;
}


a.homemenu {
	background-image: url('images/home.gif');	
	display: block;
	height: 25px;
	width: 85px;
}

a.homemenu:hover {
	background-image: url('images/home2.gif');
	border-style: none;
}

a.helpmenu {
	background-image: url('images/help.gif');
	display: block;
	height: 25px;
	width: 60px;
	border-style: none;
}

a.helpmenu:hover {
	background-image: url('images/help2.gif');
	border-style: none;
}  

a.bikemenu {
	background-image: url('images/bikealbum.gif');	
	display: block;
	height: 25px;
	width: 60px;
}

a.bikemenu:hover {
	background-image: url('images/bikealbum2.gif');
}

a.climbmenu {
	background-image: url('images/climbalbum.gif');	
	display: block;
	height: 25px;
	width: 70px;
}

a.climbmenu:hover {
	background-image: url('images/climbalbum2.gif');
}

a.eventsmenu {
	background-image: url('images/eventsalbum.gif');	
	display: block;
	height: 25px;
	width: 75px;
}

a.eventsmenu:hover {
	background-image: url('images/eventsalbum2.gif');
}

a.nightmenu {
	background-image: url('images/nightalbum.gif');	
	display: block;
	height: 25px;
	width: 60px;
}

a.nightmenu:hover {
	background-image: url('images/nightalbum2.gif');
}
a.snowmenu {
	background-image: url('images/snowalbum.gif');	
	display: block;
	height: 25px;
	width: 65px;
}

a.snowmenu:hover {
	background-image: url('images/snowalbum2.gif');
}

a.peoplemenu {
	background-image: url('images/peoplealbum.gif');	
	display: block;
	height: 25px;
	width: 75px;
}

a.peoplemenu:hover {
	background-image: url('images/peoplealbum2.gif');
}

a.naturemenu {
	background-image: url('images/naturealbum.gif');	
	display: block;
	height: 25px;
	width: 80px;
}

a.naturemenu:hover {
	background-image: url('images/naturealbum2.gif');
}


a.panoramicsmenu {
	background-image: url('images/panoramicsalbum.gif');	
	display: block;
	height: 25px;
	width: 109px;
}

a.panoramicsmenu:hover {
	background-image: url('images/panoramicsalbum2.gif');
}

a.stuffmenu {
	background-image: url('images/stuffalbum.gif');	
	display: block;
	height: 25px;
	width: 85px;
}

a.stuffmenu:hover {
	background-image: url('images/stuffalbum2.gif');
}


a.defimenu {
	background-image: url('images/defialbum.gif');	
	display: block;
	height: 25px;
	width: 170px;
}

a.defimenu:hover {
	background-image: url('images/defialbum2.gif');
}


/*Credits: Dynamic Drive CSS Library*/
/*URL: http://www.dynamicdrive,com/style/*/


.gallerycontainer{
postition: relative;
height: 2px;
}

.thumbnail img{
border: 2px solid grey;
margin: 1px 3px 1px 1px;
display: block;
float: left;
}

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

.thumbnail:hover img{
border: 2px solid black;
}

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

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

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


/*Credits: Dynamic Drive CSS Library*/
/*URL: http://www.dynamicdrive,com/style/*/


.gallerycontainer2{
postition: relative;
height: 2px;
}

.thumbnail2 img{
border: 2px solid grey;
margin: 1px 3px 1px 1px;
display: block;
float: left;
}

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

.thumbnail2:hover img{
border: 2px solid black;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 1px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 1px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:10;
left: 300px; /*position where enlarged image should offset horizontally*/
z-index: 50;
}


/*Credits: Dynamic Drive CSS Library*/
/*URL: http://www.dynamicdrive,com/style/*/


.gallerycontainer3{
postition: relative;
height: 2px;
}

.thumbnail3 img{
border: 2px solid grey;
margin: 1px 3px 1px 1px;
display: block;
float: left;
}

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

.thumbnail3:hover img{
border: 2px solid black;
}

.thumbnail3 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 1px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 1px;
}

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


/*Credits: Dynamic Drive CSS Library*/
/*URL: http://www.dynamicdrive,com/style/*/


.gallerycontainer4{
postition: relative;
height: 2px;
}

.thumbnail4 img{
border: 2px solid grey;
margin: 1px 3px 1px 1px;
display: block;
float: left;
}

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

.thumbnail4:hover img{
border: 2px solid black;
}

.thumbnail4 span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 1px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 1px;
}

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