/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}

html{ 
 margin:0; 
 padding:0; 
 text-align:center;
 background:url(images/html_bg.jpg) repeat-x #FFFFFF;
} 

body{
 margin:0; 
 padding:0; 
 width:760px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px; 
 position:relative;
}
 
#pagewidth{ 
 background-color: #292B42;
 width:100%; 
 position:relative;
 overflow:hidden;
} 
 
#header{
 position:relative; 
 height:219px; 
 background:url(images/ph_header.jpg) no-repeat;
 width:100%;
}

#header img.logo
{
	position:absolute;
	top:61px;
	left:8px;
	border:none;
}

#header h1
{
	font-size:18px;
	color:#003366; /* Dark Blue */
	width:365px;
	display:block;
	position:absolute;
	right:0px;
	top:83px;
	line-height:1.3;
	font-weight:100;
}

/* Top Menu (small one) */

#header ul.topmenu
{
	position:absolute;
	top:23px;
	right:20px;
}

#header ul.topmenu li
{
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px;
	float:left;
}


#header ul.topmenu li,
#header ul.topmenu li a:link,
#header ul.topmenu li a:visited
{
	font-size:12px;
	color:#003366;
	font-weight:bold;
	text-decoration:none;
}

#header ul.topmenu li a:hover
{
	text-decoration:underline;
}

/* End of top menu style */
/* Main Menu */

#header ul.mainmenu
{
	position:absolute;
	bottom:6px;
	left:0px;
	padding:0 20px 0 20px;
}

#header ul.mainmenu li
{
	padding-left:17px;
	padding-right:17px;
	float:left;
}

#header ul.mainmenu li a:link,
#header ul.mainmenu li a:visited
{
	padding:15px 3px 3px 3px;
	color:#FFCC00;
	font-size:16px;
	text-decoration:none;
	text-transform:lowercase;
	font-weight:bold;
	display:block;
	position:relative;
	bottom:-3px;
}

#header ul.mainmenu li a:hover,
#header ul.mainmenu li a.active
{
	background-color:#104F77;
	color:#FFFFFF;
}

/* End of Main Menu style */

#banner{
 position:relative; 
 height:140px; 
 background:url(images/ph_banner.jpg) no-repeat;
 width:100%;
 z-index:1;
}

#banner_home
{
 position:relative; 
 height:222px; 
 background:url(images/ph_home_banner.jpg) no-repeat;
 width:100%;
 z-index:1;
}

#banner p,
#banner_home p
{
	color:#FFFFFF;
	font-size:20px;
	font-weight:100;
	display:block;
	width:460px;
	position:absolute;
	top:25px;
	left:40px;
	line-height:1.3;
 z-index:1;
}

#banner p b,
#banner_home p b
{
	font-size:22px;
 	z-index:1;

}

 
#leftcol{
 width:280px; 
 float:left; 
 position:relative; 
 margin-top:-16px;
 padding-bottom:50px;
 z-index:2;
 }
 
.bluetop
{
 background: url(images/bluetop.jpg) no-repeat #104F77; 
 background-position:top;
 display:block;
 height:20px;
 width:100%;
 margin-bottom:15px;
}

.bluebox
{
background:#104F77;
padding-top:15px;
position:relative;
}

.blueboxfull
{
background:url(images/bluetop.jpg) no-repeat #104F77;
padding-top:25px;
position:relative;
}

.bluebot
{
 background: url(images/bluebot.jpg) no-repeat #104F77; 
 background-position:bottom;
 display:block;
 height:20px;
 width:100%;
 margin-bottom:10px;

}

.homebox
{
	margin-top:-23px;
}

.homebox h2
{
	top:-10px;
}

#maincol{
 background-color: #292B42;  
 float: right; 
 display:inline; 
 position: relative; 
 width:475px; 
 }
 
#bottomcol{
 background-color: #292B42;
 clear:both;
 padding-left:120px;
 padding-right:20px;
}
 
#footer{
	background:url(images/ph_footer.jpg) #FFFFFF no-repeat;
	height:95px; 
	clear:both;
	text-align:center;
}

#footer p
{
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:#003366;
}

#footer p a
{
	font-weight:bold;
	color:#003366;
	text-decoration:none;
}

#footer ul.bottommenu
{
	text-align:center;
	padding-top:47px;
	padding-bottom:8px;
}

#footer ul.bottommenu li
{
	display:inline;
	font-size:11px;
	font-weight:bold;
	color:#0033FF;
}

#footer ul.bottommenu li a:link,
#footer ul.bottommenu li a:visited
{
	padding:0 2px;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	color:#0033FF;
}

#footer ul.bottommenu li a:hover
{
	text-decoration:underline
} 
 
 /* *** Float containers fix:  */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clear
{
	clear:both;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

.ancientbox1,
.ancientbox2
{
height:50px;
border:none;
margin:0;
padding:0;
width:98%;
padding-top:0px;
height:62px;
}

#heading
{
	color:#FFFFFF;
	font-family:Verdana;
	font-size:18px;
	font-weight:bold;
	line-height:2;
	background:#666666;
	padding:10px 0 30px 0;
}


.pedigreefield
{
	margin-left:20px;
	border:2px solid #663300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#663300;
	text-indent:5px;
	width:180px;
}

.ancientbox1
{
	background:url(images/sire.jpg) no-repeat;
	background-position:top;
}

.ancientbox2
{
	background:url(images/dam.jpg) no-repeat;
	background-position:top;
}

table.pedigreeTable td
{
	vertical-align:middle;
	text-align:center;
}

table.pedigreeTable
{
width:100%;
}

table.pedigreeTable span
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
	font-weight:bold;
	padding-left:25px;
	line-height:2.5;
}

table.pedigreeTable table
{
height:550px;
}

table.pedigreeTable label
{
	color:#663300;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:1.2;
	padding-left:15px;
	color:#FFFFFF;
}

div#pedigree
{
	width:99%;
}

table
{
border:none;
width:100%;
}

table.pedigreeTable table.ancients
{
	width:200px;
	height:60px;
	border:none;
	display:inline; 
	margin-left:4px;
	margin-right:8px;
}

table.ancients td
{
	border-bottom:none;
	text-align:left;
	padding-left:4px;
	padding-right:2px;
	color:#FFFFFF;
	font-weight:400;
}