BODY { 
	background-image	: url(images\greenback.gif);
	background-position	: 15%
  }

div.main {
	position		:	absolute;
	left			:	16%;
}



div.picture {
  	float: left;
	border: 2px dashed #333;
	background-color: #ffe;
	margin: 2px;
	padding: 4px;
	padding-bottom: 12px;
  }

  
div.picture p {
	text-align		: 	center;
   }


#menu {
	position		:	absolute;
	top			:	160px;
	left			:	0.5%;
	text-align		:	center;
	width			:	13%;
	border-right		:	1px solid #000;
	padding			:	4 0 0 0;
	margin-bottom		:	0em;
	font-family		:	Arial, sans-serif;
	font-weight		:	normal;
	font-size		:	10pt;
	background-color	:	#009999;
	color			:	#333;
}
	
#menu ul {
	list-style		:	none;
	margin			:	0;
	padding			:	0;
	border			:	none;
}
			
#menu li {
	border-bottom	:	4px solid #009999;
	margin			:	0;
}

#menu li a {
	display			:	block;
	padding			:	5px 1px 5px 0.5em;
	border-left		:	10px solid #006600;
	border-right	:	10px solid #006600;
	background-color:	#99CC99;
	color			:	black;
	text-decoration	:	none;
	width			:	100%;
}
	
html>body #menu li a {
	width			:	auto;
}
	
#menu li a:hover {
	border-left		:	10px solid #006666;
	border-right	:	10px solid #006666;
	background-color:	#66CCCC;
	color			:	yellow;
}