*
{
	margin:00;
	padding:0;
}
body {
  background-color: #AFB8A4;
}

h1
{ 
font-family: Verdana;
font-style : normal ;
font-size : 20pt; 
font-weight : normal ;
text-align : left;margin-left:10px;
color:#000000
}

h2
{ 
font-family: Verdana;
font-style : normal ;
font-size : 16pt; 
font-weight : normal ;
text-align : left;margin-left:10px;
color:#000000
}

p
{ 
font-family: Verdana;
font-style : normal ;
font-size : 11pt;
font-weight :normal;
text-align : left;
margin:10px
}

h6 
{
font-size: x-small;
}

/** MENU */

#menu {
	float: left;
	height: 42px;
	background: #000000;
}

#menu ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	margin-right: 1px;
	font-family: Verdana;
	font-size : 11pt;
}

#menu a {
	display: block;
	height: 28px;
	padding: 13px 10px 0px 15px;
	text-decoration: none;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
	background: #1a6bc6;
}

#menu .active {
	background: #1a6bc6;
}

#left {text-align:left;}

/** Imagepopup */

.thumbnail{
position: relative;
z-index: 50;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 565px; /*position where enlarged image should offset horizontally */
}

</style>