body {
	background-color: #646464;
	font-family:Arial, Helvetica, sans-serif;
}

#dropmenudiv{
position:absolute;
border:1px solid gray;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid gray;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color: white;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#ceeb7f;

}

ul#menu{
	margin: 0 20 0 20;
	padding:0;
	list-style-type:none;
	width:auto;
	display:block;
	height:30px;
	font-size:12px;
	font-weight:bold;
	background:transparent;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	text-align:center;
}

ul#menu li{
	display:block;
	margin:0;
	float: left;
	padding:0;
}
	
ul#menu li a{
	display:block;
	float: left;
	color: white;
	text-decoration:none;
	font-weight:bold;
	padding:5px 20px 5px 20px;
	background:transparent;
	}
	
ul#menu li a:hover{
	background:#99be3a;	
	color: white;
	}

.contact	{
	background-color:#d1ee81;
	border: 1px solid gray;
}

.proof-link {
  text-decoration: none; 
  color: #999999; 
  font-weight: bold; 
  font-family: arial;
}
.proof-link:hover {
  text-decoration: none; 
  color: #99be3a; 
  font-weight: bold; 
  font-family: arial;
}

#photography  {
  width: 329px;
  height: 225px;
  padding:0;
  background:url(../images/photography3.jpg) 0px 0px no-repeat;
  float:left;	
  margin:0px 75px;
}
#photography:hover  {
  background:url(../images/photography3.jpg) 0px -225px no-repeat;
  cursor:pointer;
}
#photography span {display:none; width:329px; height:225px;}

#digitize  {
  width: 329px;
  height: 225px;
  background:url(../images/digitizingandarchiving3.jpg) 0px 0px no-repeat;
  margin-left: 20px;
  float:left;
}
#digitize span {width:329px; height:225px; display:none;}
#digitize:hover  {
  background:url(../images/digitizingandarchiving3.jpg) 0px -225px no-repeat;
  cursor:pointer;
}