.navigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	width: 158px; /*In IE6 adding this width means you don't have to place the cursor over the text to get it to switch. It doesn't work in Firefox until you add 'block'*/
	display: block;
}
.navigation:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #CCCCCC;
	width: 100%;
	display: block;		 /*I've added these borders as an experiment and I think they look better than without.  Specifiying the width as'thin'caused the border to be too thick in IE6. When hovering it pushed the whole menu down a few pixels, and looked wrong. Specifying 1px applied a thin border even in IE6 */
	border: 1px solid #000000;
}
.nextbackhome {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	text-decoration: none;
	
}
.nextbackhome:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
	text-decoration: none;
	background-color: #CCCCCC;
	
}
.intextlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
}


.intextlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF0000;
	background-color: #CCCCCC;
	text-decoration: none;
}

.photoindex {
	font-size: 16px;
	color: #FF0000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.photoindex:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	background-color: #CCCCCC;
}


.firesnavigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	width: 200px; /*In IE6 adding this width means you don't have to place the cursor over the text to get it to switch. It doesn't work in Firefox until you add 'block'*/
	display: block;
}

.firesnavigation:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #CCCCCC;
	width: 100%;
	display: block;
	}

/* The following photopages are for the links in the various photo sub index pages i.e. The early Days  */
.photopages {
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.photopages:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #CCCCCC;
}


/*This is for the links at the top of the pages*/

.toplink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}


.toplink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	background-color: #CCCCCC;
	text-decoration: none;
}