#narrative {
	font-size: 0.8em;
	width: 660px;
	font-family: Arial, Helvetica, sans-serif;
}
#narrative h1 {
	font-size: 1.8em;
	background-color: #003C7E;
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
}
.instruction {
	float: right;
	font-style: italic;
	color: #036;
}

#picture_strip {
	position: relative;
}



a.gallery, a.gallery:visited {
	background-image: url(../images/transparent_background.gif);
}

a.pic_1 {
	height: 120px;
	width: 160px;
	border: 1px solid #FFFFFF;
	position: absolute;
	left: 1px;
	top: 0px;
}
a.pic_2 {
	height: 120px;
	width: 160px;
	border: 1px solid #FFFFFF;
	position: absolute;
	left: 165px;
	top: 0px;
}
a.pic_3 {
	height: 120px;
	width: 165px;
	border: 1px solid #FFFFFF;
	position: absolute;
	left: 330px;
	top: 0px;
}
a.pic_4 {
	height: 120px;
	width: 165px;
	border: 1px solid #FFFFFF;
	position: absolute;
	left: 495px;
	top: 0px;
}


a.gallery span {
	visibility:hidden;
	display:block;
	color:#000;
	text-align:center;
	letter-spacing:1px;
	cursor:default;
	text-decoration: none;
	position: absolute;
	width: 660px;
	background-color: #FFFFFF;
	height: 420px;
	font-size: 0.85em;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}


a.pic_1 span {
	top:-440px;
	right: -497px;
}
a.pic_2 span {
	top:-440px;
	right: -333px;
}
a.pic_3 span {
	top:-440px;
	right: -162px;
}
a.pic_4 span {
	top:-440px;
	right: 0px;
}

a.gallery:hover {white-space:normal; z-index:100;}

a.gallery:hover span {
	visibility:visible;
	z-index:100;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: none;
}
a.gallery:active, a.gallery:focus {z-index:20;}
a.gallery:active span, a.gallery:focus span {
	visibility:visible;
	z-index:20;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.gallery {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}