body {
  font-size:		medium;
  text-align: 		center;
  font-family: 		"Arial Narrow", "Verdana", "Georgia";
  color: 		#000000;
  background-image:	url('BlueBackground.jpg');
   
}

h1 {
  text-align: 		center; 
  font-weight: 		bold;
  font-size:		large;
  font-family: 		"Georgia";
}

h2 {
  text-align: 		center; 
  font-weight: 		normal;
  font-size:		200%;
  font-family: 		"Arial Narrow";
}

h3 {
  text-align: 		center; 
  font-weight: 		normal;
  font-size: 		200%;
  margin-top:		-20px;
  font-family: 		"Arial Narrow";
}

h4 {
  text-align: 		center; 
  font-weight: 		normal;
  font-size: 		160%;
  font-family: 		"Arial Narrow";
}

h5 {
  text-align: 		center; 
  font-weight: 		normal;
  font-size: 		150%;
  font-family: 		"Arial Narrow";
}

.ikonindex {
  background:		url('BlueBackground.jpg');
  border-style:		ridge;
  border-color:		#888888;  /* grey */
  border-width:		8px;
  text-align: 		center;
}

/* Header stuff */
.mainheader {
  /*height: 		100%;*/
  width: 		900px;
  background:		url('GreyBackground.jpg');
  border-style:		outset;
  border-color:		#888888;  /* grey */
  border-width:		10px;  
}

.menubar  {
  
  list-style:none;
  margin:5px;
  padding:0;
  width:95%;
 }
 
 .menubar a {
  text-decoration:none;
  padding:6px 0;
  width:100px;
  background:#949292;
  color:#000;
  text-align:left;
  text-align:center;
  border-left:2px solid #000;
  font-family: "Cambria", "Arial", "Georgia", bold;
  font-weight: bold;
 }
 
.menubar a:hover {
  color:		#FFFFFF; /* white */
}
 
.breadcrumb {
  background:		url('GreyBackground.jpg');
  color:		#000000;
  width: 		900px;
  font-size:		75%;
  text-align:		left;
  padding-left:		10px;
}

.breadcrumb, .breadcrumb a {
  color:		#565656;  /* black */
}

.breadcrumb a:hover {
  color:		#FFFFFF; /* white */
}

.imgfloat {
  float:		left;
  margin-bottom:	20px;
  margin-right:		20px;
  border-style:		solid;
  border-color:		#888888;  /* grey */
  border-width:		5px;
}

.imgfloatright {
  float:		right;
  margin-bottom:	20px;
  margin-left:		20px;
  border-style:		solid;
  border-color:		#888888;  /* grey */
  border-width:		5px;
}


.mainpage {
  padding-left:		10px;
  padding-right:	20px;
}

.mainpage a {
  color:		#000000; /* black */
}

.mainpage a:hover {
  color:		#646060; /* grey */
}



/* Main Pages */

.picsborder {
  border-style:		solid;
  border-color:		#888888;  /* grey */
  border-width:		5px;
}

.alignleft {
  text-align:		left;
  margin-left:		20px;
}

.table2 td {
  text-align:		center;
  padding-left:		30px;
  padding-right:	30px:
}

.table2 td h3 {
  margin-top:		-5px;
}

.superstars a {
  color:		#000000;
  font-weight: 		normal;
  font-size: 		200%;
  border-color:		#888888;  /* grey */
  border-width:		5px;
}

.superstars a:hover {
  color:		#646060; /* grey */
}

.offspring a {
  color:		#000000;
  font-weight: 		normal;
  font-size: 		200%;
  border-color:		#000000;  /* black */
  border-width:		5px;
}

.offspring a:hover {
  color:		#646060; /* grey */
}

.pedigreetable {
  font-size:		8pt;
  border-collapse:	collapse;
  margin:		10px;
  font-family: 		Tahoma, Arial, sans-serif;
}

.pedigreetable td {
  border:	thin solid black;
  padding-left:		3px;
  padding-right:	3px;
}

.male {
  background-color:	#99CCFF;
}

.female {
  background-color:	#FFCCCC;
}

/* Footer */
.footer {
  font-family: 		"Arial Narrow", "Verdana", "Georgia";
  font-size:		small;
  margin-bottom:	5px;
}

.footer a
{
  color:		#000000; /* black */
}

.footer a:hover {
  color:		#616D7E; /* slate grey */
}