BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	backgound: Gold;
	background-image:url('member.jpg'); 
	FONT: 12px/1.2 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

	
	#frame {
		width:700px;
		margin-right:auto;
		margin-left:auto;
		margin-top:10px;
		padding:0px;
		text-align:left;
		background-image:url('images/BG_f.JPG')
		}
		
	#contentleft {
		width:120px;
		padding:0px;
		float:left;
		background:Gold;
		background-image:url('images/BG_Cl.jpg')
		}
	
	#contentcenter {
	width: 393px;
	padding: 10px;
	/* margin: 1em 1em 1em 1em;*/
	float: left;
	background: Wheat;
	font-family: Arial, Helvetica, sans-serif;
	font: normal normal normal 100% serif;
	font-size: 14px;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
}
	
	#contentright {
		width:155px;
		padding:5px;
		float:left;
		background:Gold;
		Text-align: Center;
		font-size:10px
		}
	
	#contentheader {
		background:Gold;
		}
		
	#footer {
	clear: both;
	padding: 5px;
	margin-top: 1em ;
	text-align: center;
	background-color:Black; 
	/* background-image:url('images/BG_Cl.jpg') */
	}

#contentcenterbig {
	width: 548px;
	padding: 10px;
	/* margin: 1em 1em 1em 1em;*/

	float: left;
	background: Wheat;
	font-family: Arial, Helvetica, sans-serif;
	font: normal normal normal 100% serif;
	font-size: 14px;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	}

#contentcenterbigFlickr {
	width: 480px;
	padding: 15px;
	/* margin: 1em 1em 1em 1em;*/
	float: left;
	background: Wheat;
	font-family: Arial, Helvetica, sans-serif;
	font: normal normal normal 100% serif;
	font-size: 14px;
	font-variant: normal;
	font-style: normal;
	font-weight: normal;
	}




A:link {text-decoration: none; Color: DarkGreen;}
A:active {text-decoration: none; Color: Orange;}
A:hover {text-decoration: none; background-color:Gold;}
A:visited {text-decoration:none;  color: DarkGreen;}

	
}


OL {
	MARGIN-RIGHT: 40px
}
LI {
	MARGIN-BOTTOM: 10px
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	font-size: 18px;
	line-height: normal;
	text-align: center;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	font-size: 14px;
	line-height: normal;
	text-align: center;
}





#menu {
  padding:0;
  margin:0;
  }
  
#menu li {
	list-style-type: none;
	margin: 0 0 0.25em 0;
	margin-left: .25em;
}
  
#menu a, #menu a:visited {
  position:relative; /* ADDED */
  display:block;
  width:9em;
  border:1px solid black;
  font-family:arial, verdana, sans-serif;
  font-size:1em;
  text-align:center;
  text-decoration:none;
  background:Darkgreen; 
  color: Gold; 
  padding:0.25em;
  
  }


/*  width:0; - this will reduce the width to zero in Mozilla, Firefox etc. 
If you're using Interent Explorer it will reduce to the same width as the links 
(9em in our case). */
#menu {
  padding:0;
  margin:0;
  width:0;
  }
 
  
/* mouse Over  #ddd */
#menu a:hover {
  background:Yellow;
  color:DarkGreen;
  }
/* Hide New Images show just button */
#menu a span {
  display:none;
  }
  
/* Show Large image on Hover  */
#menu a:hover span {
  display:block;
  position:absolute; 
  left:10em; 
  top:0; 
  text-align:left;
  padding:0.5em; 
  width:24em;
  background-color:Palegoldenrod; 
  color:Black; 
  border:1px solid Black; 
  }
/* line up image and text */
#menu img {
  border:1px solid Black; 
  float:left; 
  margin:0.25em 1em 0.5em 0;
  }
 /* First Line of pull out bolded */
#menu a:hover span:first-line {
  font-weight:bold; 
  font-size:1.2em;
  color:Black;
  }