#navigation{		
	z-index:10;
	border-spacing:0px;
	background-color: #d194c8;
	}
ul{
	width: 100%;
	overflow: hidden;
	list-style-type: none;
	position:fixed;
	margin: 0;
	padding: 0;
	top: -1px;
	left:-1px;	
}

li{
	display: inline;
	
	font-family: Comic Sans MS, cursive, sans-serif;
	list-style-type: none;
	float: left;
	border: solid;
	border-width:1px;
}

li a {
	color: black;
	display: block;
	text-align: center;
	padding: 14px 16px;
	background-color: #d194c8;
	text-decoration: none;
}
li a:hover {
  background-color: #d12eb9;
}
.active 
{
	background-color:#ab579f;
}
body{
	z-index:10;
	padding-top:20px;
	background-color:#fcedcf;
 }
 h1
 {
	text-align:center; 
 }
 
 div.gallery {
  background-color: #d194c8;
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  font-family: Comic Sans MS, cursive, sans-serif;
  padding: 15px;
  text-align: center;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}