

/* Presentation Stylesheet */ 
p {
 padding: 0 15px;
 }

h4, h3 {
 	margin:0; 
 	padding: 5px 0;
 	font-family: "Times New Roman",serif;
	font-style:italic;
	font-size:11pt;
}

html{
	font-family: arial, sans-serif;
}
	
.factFileHeader{background: #404040;
								color:#ffffff;
								margin:10px;
}
.floatRight { float: right;}

.floatLeft { float: left}

.floatImageRight{ float: right;
									margin:10px;
									padding:7px;
									background:#ffffff;
									border-top: solid 1px #404040;
									border-right:solid 2px #000000;
									border-left:solid  1px #404040;
									border-bottom:solid 2px #000000;
}
.floatImageLeft{ float: left;
									margin:10px;
									padding:7px;
									background:#ffffff;
									border-top: solid 1px #404040;
									border-right:solid 2px #000000;
									border-left:solid  1px #404040;
									border-bottom:solid 2px #000000;
									
}

.photoborder{margin:10px;
									padding:7px;
									background:#ffffff;
									border-top: solid 1px #404040;
									border-right:solid 2px #000000;
									border-left:solid  1px #404040;
									border-bottom:solid 2px #000000;
}

.thumbphotoborder{
									margin:3px;
									border: solid 1px #ffffff;

}

.groovedBorder{
border:solid 2px;
border-style:groove;
}

.sunkenBorder{border: 2px solid;
				 border-color: #000000 #c0c0c0 #c0c0c0 #000000;
}
.newsItem{background:#c0c0c0;
				 color:#000000;
				 border: 1px solid;
				 border-color: #000000 #404040 #404040 #000000;
				 margin:4px;
				 padding: 4px;
				 
}

.specialProfile{
				 background:#000000;
				 color:#000000;
				 font-family: "Times New Roman",serif;
				 margin:8px;
				 padding: 0;
				 font-size:80%;
				 font-style:italic;
				 width:125px;
				 text-align:center;
				 border: 2px solid;
				 border-color: #000000 #c0c0c0 #c0c0c0 #000000;
				 background:#808080;
				 color:#000000;
}

.dropcap{
	font-family: "Times New Roman",serif;
	float: left;
	width: 1.3em;
	font-size: 4em;
	font-style:italic;
	line-height: 83%;

}

/*typewriter format*/
.leftaln {font-size:100%; text-align:left; font-family: "Courier New", "Helvetica";color:#ffffff;}

.bigLetter{font-family: "Times New Roman",serif;font-style:italic; font-size:20pt;}

a:link {background-color: inherit; color:#FF0000; }
a:visited {background-color: inherit; color:#C00000 ;}
a:hover {background-color: inherit; color: #FF0000; }
a:active {background-color: inherit; color: #FF0000; } 


.smallFont{ font-size:80%;
}


/*****image captions******/
div.figure {
  float:left; 
  margin: 0;
  padding: 0;
}
div.figure p {
  font-size:8pt;
  text-align: center;
  text-indent: 0;
}

div.figure br{
font-size:8pt;
  text-align: center;
  text-indent: 0;
}

/*****end image captions******/



th {
    background-color:#808080;
		color: inherit;
}

.tableDivider {background-color:#000000;
	       color: inherit;
}


.cruftsTitleBar{
                background-color:#00C000;
		color: inherit;
}

.noCCTitleBar{
		background-color:#ffffff;
		color: 000000;
}


/*****pedigree styles****/
.dam{text-align:center;background-color:#ffffff;color: #000000;}

.sire{text-align:center;background-color:#909090;color: #000000;}

.champDam{text-align:center;background-color:#ffffff;color: #C00000;}

.champSire{text-align:center;background-color:#909090;color: #C00000;}

.largeBraces{text-align:center;font-size:20pt;}


/*****vertical navigation bar list styles****/
#navigation ul 
{
list-style-type: none; 
padding: 0; /*remove indents Mozilla, Netscape, Safari*/
margin: 0; /*remove indents IE & Opera*/
font-family: Times New Roman,serif;
font-style:italic;
} 
#navigation ul li { margin-top: 3px; } /*space between list items*/

#navigation ul li strong{
display: block;/*make nav links into a block*/
width: 115px;
margin-left: 10px;
padding: 1px 1px 1px 10px;
text-decoration: none;
color: #ffffff;
background:url(images/navimageon.jpg) #808080;/*rollover background for a links */
background-repeat: no-repeat;
cursor:pointer;
border: solid 1px;
border-style:groove;
}

#navigation ul li a,#navigation ul li a:visited{
display: block;/*make nav links into a block*/
width: 115px;
margin-left: 10px;
padding: 1px 1px 1px 10px;
text-decoration: none;
color: #000000;
background:url(images/navimageoff.jpg) #808080;/*rollover background for a links */
background-repeat: no-repeat;
border: solid 1px;
border-style:groove;
} 

#navigation ul li a:hover{/*set hover image and color*/
color: #ffffff;
background-image: url(images/navimageon.jpg);
background-repeat: no-repeat;
} 

.menu  { display:none;
  /*margin-left:20px;
	padding: 2px 2px 2px 2px;*/
	font-family: Times New Roman,arial, sans-serif;
	font-style: italic;
	font-size:85%;
	list-style: none;
}
#navigation ol{
margin: 3px 0px 3px 35px;

}
#navigation ol li a, #navigation ol li a:visited{
 display: block;/*make nav links into a block*/
 width: 110px;
 margin-top: 3px;
 text-decoration:none;
 margin-left: 0px;
 padding: 2px 2px 2px 2px;
 color: #000000;
 background: #c0c0c0;/*rollover background for a links */
 border: solid 1px;
 border-style:groove;
}
#navigation ol li a:hover{/*set hover image and color*/
color: #ffffff;
background-image: url(images/navimageon.jpg);
background-repeat: no-repeat;
} 

#navigation ol li strong{
display: block;/*make nav links into a block*/
 width: 110px;
 margin-top: 3px;
 text-decoration:none;
 margin-left: 0px;
 padding: 2px 2px 2px 2px;
 color: #000000;
 background: url(images/navimageon.jpg);
 border: solid 1px;
 border-style:groove;

}
/*****end of vertical navigation bar list styles****/

/*****horizontal navigation tabs******/
#nav{
  clear:both;
  font-weight:bold;
  color:#666;
  margin-left:4px;
  float:left;
  list-style-type:none;	
  background:url(images/navshadow.gif) no-repeat 8px 100% #c0c0c0;
  padding-bottom:9px;
}

html>body #nav{
  margin-left:8px;
  background:url(images/navshadow.gif) no-repeat <strong>4px</strong> 100% #fff;
}

#nav li{
  list-style-type:none;
  float:left;
  margin:0 0 0 4px;
  padding:0 0 0 10px ;
  border-bottom:1px solid #999;
  background:url(images/tabgrey.gif) #c0c0c0 top left no-repeat;
}

#nav li a{
  color:#ffffff;	
  background:url(images/tabgrey.gif) transparent top right no-repeat;
  display:block;
  padding:0 10px 0 0;
	text-decoration:none;
}

#nav li.cur,
#nav li.over,
#nav li:hover
{
  background:url(images/tabblue.gif) #850A0A top left no-repeat;
  border-bottom:1px solid #850A0A;
}
#nav li strong,ul#nav li.cur a,ul#nav li.over a,ul#nav li:hover a{
  display:block;
  color:#fff;
  padding:0 10px 0 0;
  text-decoration:none;
  background:url(images/tabblue.gif) transparent top right no-repeat;
}

/*code to enlarge an image */
.thumbnail img{padding:7px;
		background:#ffffff;
		margin:0px;
		border-top:solid 1px #c0c0c0;
		border-left:solid 1px #c0c0c0;
		border-bottom:solid 1px #000000;
		border-right:solid 1px #000000;	
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
  padding:7px;
		background:#ffffff;
		margin:0px;
		border-top:solid 1px #c0c0c0;
		border-left:solid 1px #c0c0c0;
		border-bottom:solid 1px #000000;
		border-right:solid 1px #000000;	
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #c0c0c0;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
font-family:Times New Roman;
font-style:italic;
text-align:center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top:25%;
left: 20%; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* end code to enlarge image*/

/**********photo album************/
#album_main{
width:100%;
height:100%;
}

#album_thumbs{
width:170px;
float:left;

height:400px;
overflow-y:scroll;
}
/********** end photo album************/



/********** popup text************/
div#popup a span {display: none;}

div#popup a:hover span {display: block;
   /*position: relative; top:-100px; left:-400px; width: 400px;*/
	 position: absolute;top:150px;right:0; width:400px;
   padding: 2px; margin: 10px; z-index: 1000;
   color: #000000; background: #FFFFE3;
   font-size: 8pt;
	 tex-align:left;
	 text-decoration:none;
	 border:solid 1px;
	 }

/********** end popup text************/
