body {
	height: 100% ;
	position: relative ;
}

body * {
	z-index: 1 ;
}

a:link
{
  color:  white ;
}


a:visited
{
  color:  #eee
}


body.list h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:  xx-large;
	color:  white;
	padding-bottom:  4px;
	padding-top:  4px;
	padding-left:  12px;
	padding-right:  10px;
	border-right:  white 20px solid;
	border-bottom:  white 2px solid;
	border-top:  white 2px solid;
	text-align: left
}

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 */
}


/* link menu */

ol.links li
{
	width:  306px ;
	height:  36px ;
	list-style:  none ;
	margin: 10px 0 ;
	padding: 0 ;
}

ol.links a
{
	color: white ;
	text-decoration: none ;
	display:  block ;
	width:  306px ;
	height:  28px ;
	text-align: center ;
	margin: 0;
	padding: 0;
	font-family: arial,helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold ;
	padding-top:  8px ;
	background-image:  url('../images/photo-border.gif') ;
}

ol.links .photo a:hover
{
	background-image:  url('../images/photo-box.gif') ;
}

ol.links .list a:hover
{
	background-image:  url('../images/list-box.gif') ;
}


p
{
	font-family: serif;
	font-size: medium ;
	color: #f8f8f8;
	margin-top: 0;
	margin-bottom: 1ex ;
	text-align:  justify ;
}

p + p
{
	text-indent:  3em ;
}

.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 ;
}