body {
	height: 100% ;
	position: relative ;
}

body * {
	z-index: 1 ;
}

a:link
{
  color:  white ;
}


a:visited
{
  color:  #eee
}


body.photo 
{
	background: black ;
	text-align: center ;
	color:  white
}

body.photo h1
{
	font-family:  Georgia, Arial, Helvetica, sans-serif;
	font-weight:  bold;
	font-size:  x-large
}

body.photo #photo img
{
/*	border:  black 8px solid */
}

.footer
{
	margin-top:  20px;
	padding-bottom:  4px;
	padding-top:  4px;
	padding-left:  12px;
	padding-right:  10px;
	text-align: center
}

#bottom-menu {
	text-align: center ;	
	margin: 1em auto ;
}

#copyright {
	margin: 2em auto ;
	text-align:  left ;
	font-family:  arial, helvetica, sans-serif ;
	font-size:  x-small ;
	margin-top:  1em ;
	vertical-align: top ;
	width: 75% ;
}

body.photo #copyright {
	text-align: center ;
}

#copyright img {
	margin-right: .5em ;
	float: left ;
	vertical-align: top ;
}

#copyright a {
	text-decoration: underline ;
}

/* pop-up navigation controls */

/*
#navigation:hover li#nav-up a {
	background: url('../images/up-icon.gif') ;
}
*/

#photo {
	position: relative;
}

#photo img {
	z-index: -1;
	border: none ;
}

#nav-up {
	height: 100%;
	position: relative;
	z-index: 2 ;
}

#nav-prev,
#nav-next {
	position: absolute;
	top: 0;
	display: block;
	height: 100% ;
	width: 50%;
	text-decoration: none ;
}

#nav-prev {
	left: 0;
}

#nav-next {
	right: 0;
}

#nav-prev span,
#nav-next span,
#nav-up span {
	display: none ;
}

#nav-prev:hover {
	background: transparent url("../images/prev-icon.gif") no-repeat 10% 100px;
}

#nav-next:hover {
	background: transparent url('../images/next-icon.gif') no-repeat 90% 100px;
}
/*
#nav-up:hover {
	background: transparent url('../images/up-icon.gif') no-repeat 48% 0 ;
}
*/
