body{
	background-color:black;
        margin: 0px;
	padding: 0px;
	}

a{
font: bold 1em serif;       
 text-decoration: none;
	color:white;
	clear:none;
}

div#links{
	font:1em sans-serif;
	color:white;
	top:85%;
}

div#gallery{
	font: bold 2em serif;
        text-decoration: none;
	color:white;
	clear:none;
	height:86%;
	width:20%
	
}
div#showList{
        text-decoration: none;
	color:white;
	clear:none;
	height:85%;
	width:50%;
}
div#bio{
        text-decoration: none;
	color:white;
	clear:none;
	font-family:arial;
	font-size:medium;
	height:85%;
	width:50%;
}
div#contact{
        text-decoration: none;
	color:white;
	clear:none;
	font-family:arial;
	font-size:x-large;
	height:85%;
	width:50%;
}
a.bio {
	text-decoration:underline;
	color:white;
	clear:none;
	}
a.gallery {
	display:block;
	border-width:1px;
	border: black 2px solid;
	}
	
a.gallery span {
	visibility:hidden;
	display:block;
	position:absolute;
	width:70%;
	height:75%;
	top:2em; 
	left:20%; 
	background:black; 
	text-align:center; 
	border:none; 
	cursor:default;
	}

a.gallery:hover {
	white-space:normal;
	border: white 2px solid; 
	}

a.gallery:hover span {
	visibility:visible;
	}

a.gallery:hover span img {
	margin:10px; 
	border:none; 
	position:relative; 
	z-index:100;
	}

a.link span {
	visibility:hidden;
	display: block;	
	position:absolute;
	top:76%;
	left:40%;
	width:20%;
	font: 1em sans-serif;
	color: white;
	background-color:black;
	padding: 2px;
	border: white 2px solid;
	z-index: 10;
	margin:0 auto; 
	cursor:default;
	}

a.link:hover {
	white-space:normal;
	border:none; 
	}

a.link:hover span {
	visibility:visible;
	display: block;	
	position:absolute;
	top:76%;
	left:40%;
	width:20%;
	font: 1em sans-serif;
	color: white;
	background-color:black;
	padding: 2px;
	border: white 2px solid;
	z-index: 10;
	margin:0 auto;
	}