html {
 	background-color:#bdcbcf;
}
div.header {
	background-image:url(images/header-background.jpg);
	width:900px;
	height:200px;
	padding-top:50px;
}
h1 {	
	color:#c04e4e;
	text-align:center;
	font-size:25px;
}
h1.h1 {
	background-image:url(images/h1-background.png);
	width:216px;
	padding:28px 34px;
	margin:0;
}
h2 {
	color:#c06e6e;
	font-size:23px;
}
body {
	margin:0 auto;
	background-color:#dfecef;
	color:#454545;
	width:900px;
}
div.main-content {
	overflow: auto;
	padding:20px 20px 20px 27px;
}
p {
	text-indent:0px;
}
img {
	margin:0;
}
a {
	color:#80aad5;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
div.navigationbar {
	padding:20px 20px 0 27px;
	border-top:2px solid #c5b6b8;
}
div.navigationbar li {
	list-style-type:none;
	display:inline-block;
	text-align:center;
	border:1px solid #99abb0;
	width:24.2%;
	padding:0;
	margin:0;
}
div.navigationbar ul {
	margin:0;
	padding:0;
}	
div.navigationbar li a {
	padding:15px 0;
	width:100%;
	display:inline-block;
	text-decoration:none;
	background-color:#cfe0e4; 
	color:#454545;
}
div.navigationbar a:hover {
	background-color:#99abb0;
}
div.navigationbar a.active {
	background-color:#c04e4e; 
	color:white;
}
table {
	border:1px solid white;
	border-spacing:0;
	margin-bottom:20px;
	margin-right:8px;
	float:left;
}
table td {
	padding:10px;
}
table th {
	padding:15px 10px;
	background-color:#7d7d77;
	color:white;
	font-size:18px;
}
div.img
{
  margin:5px;
  padding:5px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
}	
div.img img {
  display:inline;
  margin:5px;
  border:1px solid #ffffff;
}
div.img a:hover img {
border:1px solid #0000ff;
}
div.desc {
  text-align:center;
  font-weight:normal;
  width:120px;
  margin:8px;
}
.gallery {
	text-align:center;
}
.imagegallery {
	width:500px
}