@charset "iso-8859-1";  

A:link {font: bold arial; color: black; text-decoration: none; font-size: 14px}
A:visited {font: bold arial; color: black; text-decoration: none;font-size: 14px}
A:hover {font: bold arial; color: red; text-decoration: underline;font-size: 14px} 
  
img {border: 2px solid #ccd3b0} 
#image1 {border: 0px; float: right}  /*added to cope with transparency on homepage*/
#image2 {border: 0px}
body {margin: 50px 0px; padding: 0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-repeat: repeat-x; background: #ccd3b0}

#Content {width: 550px; margin: 0px auto; /* Right and left margin widths set to "auto" */
	text-align: left; /* Counteract to IE5/Win Hack */
	padding: 15px; background-color: #e3e0bb; } 
/*for title only*/	

#Content2 {width: 550px; margin: 0px auto; /* Right and left margin widths set to "auto" */
	text-align: left; /* Counteract to IE5/Win Hack */
	padding: 15px; background-color: #e3e0bb} 
#menutitle {
	color: #DDEEFB;
	font-size: 16px;
	font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	margin-left: 10px
	}
 #photocredit {font-size: 9px;} 
.scroll	{position: relative; background: transparent; top: 10px;}
.arrows {position: absolute; background: transparent; top: 600px;left: 300px; }
.table	{position: absolute; background: transparent; top: 600px;left: 50px;}
		
.floatright { float: right; }
.floatleft { float: left; }
.pedigree {margin: 20px} 
/*for title only*/
.abs	{position: absolute; top: 25px;}