﻿body {
	margin: 0 auto;
	padding: 0;
	background: #FFFFE7;
	color: #1D1004; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.8em; font-family: Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #ca6433;
}
h2 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #1D1004;
}
h3 {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #1D1004;
	text-align: center;
}

p {
	line-height: 140%;
	text-align: justify;
}

img {
	border: none;
}

/* Header */

#header {
	width: 760px;
	height: 265px;
	text-align: center;
	margin: 1px auto;
	background-color: #FFFFE7;
}
#headeri {
	width: 760px;
	height: 100px;
	text-align: center;
	margin: 5px auto;
	background-color: #FFFFE7;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
    width: 760px;
	height: 21px;
	text-align :center;
	margin: 0 auto;
	border-bottom:1px solid #ca6433;
}
 
/* original code:  
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
#menu ul {display:inline;}*/

/* first hack: 
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
* html #menu ul {display:inline;}*/

/* latest hack  */
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
*:first-child+html #menu ul {display:inline;} /*this is for IE7*/
* html #menu ul {display:inline;}/* this is for IE6*/
 
 
/*Original code:

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {display:table; margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}*/

/*First hack:
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {margin:0 auto;} */

/*latest hack */
#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {margin:0 auto;} /*this is now for all browsers*/


#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

 
#menu ul.level1 {background:#ffffe7;}
#menu ul.level2 {border: 1px solid #ca6433; background:#ffffe7;} 
#menu ul.level3 {background:#ffffe7;}
#menu ul.level4 {background:#9f690e;}
 
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
 
#menu a {display:block; font:normal 100% verdana,arial,sans-serif; color:#1D1004; line-height:21px; text-decoration:none;padding:0 21px 0 11px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
 
#menu ul li:hover > ul {visibility:visible; left:0; top:21px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}
 
 
#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
 
#menu li.left ul a {text-align:right; padding:0 10px 0 20px;}
 
 
#menu a:hover a:hover  ul,
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
 
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul,
#menu li.left a:hover a:hover ul ul {left:-9999px;}
 
 
#menu li a.fly { background:transparent url(images/arrow2.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(images/arrow-left.gif) no-repeat left center;}
 
#menu li a:hover,
#menu li a.fly:hover {background-color:#ffffe7;} 
#menu li:hover > a, 
#menu ul li:hover > a.fly {background-color:#d17326;}


 
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}
 
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

/* wrapper */

#wrapper  {
	margin: 0 auto;
	padding: 0;
}

/* Content */

#content {
	width: 760px;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	background: #FFFFE7;
}
#content a { 
	color : #b34d2b;
	text-decoration : none;
} 
#content a:hover { 
	color : #b34d2b;
	text-decoration : underline;
}
/*#content a:visited { 
	color : #b34d2b;
	text-decoration : none;
}
*/

/* Main page content */

#main {
	margin: 0;
	padding: 0;
}
#main h1   {
   font-family: "Lucida Sans", verdana, arial, helvetica, sans-serif;  
   font-weight: normal;
   font-size: 160%;
   line-height:125%;
   padding: 20px 70px 40px 70px;
   color: #1D1004   
}


/* Inner page content */

#inner {
	margin: 0;
	padding: 5px 10px 20px 10px;
}
#inner h1 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 160%;
	padding: 3px 0 3px 0;
}
#inner h2 {
    font-family: Arial, Helvetica, sans-serif;
	padding: 5px 0 0 0;
	font-size: 130%;
}
#inner h3 {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 120%;
	font-size: 15px;
}
#contact  {
	height:250px;
	margin-left: 15px;
	font-size: 110%;	
}
p.linkpg   {
	margin: 0 0 0 20px;
	font-size: 90%;
	padding:0;
	}
p.parentpg  {
	line-height: 160%;
	padding-right: 5px;
}
p.linkt   {
	margin-bottom:1px;
	}
.siresdamstbl {
	margin-left: 25px;
	line-height:150%;
	width: 325px;	
	margin-bottom: 55px;
}
.siresdamstbl td  {
	width: 50%;
}

.rt   { 
	line-height: 150%;
	margin: 30px;
}
#rtl a:link{color: #1D1004;text-decoration: none;}
#rtl a:visited {color: #1D1004; text-decoration: none;}
#rtl a:hover {color: #b34d2b; text-decoration: underline;}



/* Pedigree form tables */
table.pedtbl {
	clear: both;
	width: 90%;
	margin: 5px 0 20px 35px;
	border: 1px solid #EFCB9A; 
	border-collapse:collapse;
}
table.pedtbl td  {
	border: 1px solid #EFCB9A;	
	border-collapse:collapse;
	padding: 3px;
	width: 25%;
	color: #1D1004;
	font-size: 85%; 
	line-height:115%;	 
}

#pedlnk a:link	  { color: #1D1004; text-decoration:  underline; }
#pedlnk a:visited  { color: #1D1004; text-decoration:  underline; }
#pedlnk a:hover    { color: #b34d2b; text-decoration:  underline; }

/* pedigree photo link pages */

#pedphoto {
	margin: 0;
	padding: 0px 30px 20px 30px;
	height:375px; 
	border-top:2px solid #ca6433;	
}
.pedhead {
	text-align: center;	
	padding-bottom: 10px;
}
img.pedph {
	float: left;
	margin: 0 12px 30px 5px;
	padding: 0;
	border: 1px solid #1D1004;
}
#pedphoto h4{
 margin-top: 5px;
 }
img.pedph_nb  {
	float: left;
	margin: 0 12px 30px 5px;
	padding: 0;
} 

/* Breeding page */
div.breedl  {
	float: left;
	margin-left: 80px;
	width: 255px;
	padding: 15px 0 0 10px;
}
.breedl p  {
	margin: 0;
	padding: 0;
	text-align: center;	
}
div.breedr{
	margin-left:385px;
	width: 255px;
	padding: 15px 0 0 10px;
}
.breedr p  {
	margin: 0;
	padding: 0;
	text-align: center;	
}

.break_before	{page-break-before: always; }  

/* Gallery table */
#galltbl {
	padding:0 8px 0 8px;
	margin-bottom: 20px;
}
#galltbl td {
	border: none; 
	padding: 3px;
	width: 33%; 
	font-size: 90%;    
	text-align: left; 
}
#galltbl img   {
	float: left;
	padding: 0px 5px 15px 0;
	width: 130px;
	height: 98px;	
}
/* gallery photo pages */

#galleryphoto {
	margin: 0;
	padding: 0px 10px 20px 10px;
	border-top:2px solid #ca6433;	
}
#galleryphoto p  {
	text-align: center;
	font-size: 110%;
}
.phmn   {
	width: 500px;
	height: 376px;
	border: 1px solid #1D1004;
}
.aro	{
    width: 75px;
    height: 16px;
    }


/* Right floated photo boxes */

.pupphoto { 
	float: right;
	width: 300px;
	margin: 0;
	padding: 5px 0 5px 8px;
}

.abtphoto { 
	float: right;
	width: 230px;
	margin: 0;
	padding: 5px 0 5px 8px;
}
.conphoto { 
	float: right;
	width: 350px;
	margin: 0;
	padding: 5px 20px 0 0;
}
.damphoto{ 
	float: right;
	width: 350px;
	margin: 0;
	padding: 5px 20px 0 0;
}

.pedpg { 
	float: left;
	width: 255px;
	margin: 0;
	padding: 3px 8px 5px 0;
}
.jesspg{ 
	float: left;
	width: 180px;
	margin: 0;
	padding: 3px 8px 5px 10px;
}

img.up   {
	float: right;
	margin: 0;
	padding: 0;
}
/* error page */

#missing  {
	border-top: 1px solid #ca6433;	
}
#missing h1 {
	color: #fffdf7;
	font-weight: bold;
	font-size: 150%;	
}
#missing p {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	line-height: 150%;
}


/* Footer */

#footer {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 650px;
	padding: 10px 40px 20px 20px;
	border-top: 1px solid #ca6433 
}

#footer p {
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif; 
	color: #0C3C10; 
	font-size: 85%; 
	text-align: center;
}
#footer img.up {
	float: right;
	width: 85px;
}
#footer a {
	color: #0C3C10;
	text-decoration: underline;
}
#footer a:hover   {
	color: #115316;
	text-decoration: underline;
}
.rp   {
	margin-top: 25px;
}

/* links page bottom */

#links    { 
	margin: 180px auto 5px auto;
		
} 
#links p  {
	 font-size: 80%;
	 text-align:center;
}

#links a:active	  { color: #D77757; text-decoration: none; }
#links a:link      { color: #D77757; text-decoration: none; }
#links a:visited	  { color: #D77757; text-decoration:none; }
#links a:hover     { color: #D77757; text-decoration:  none; }
