html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0 0 1em 0;
	padding: 0;
}

h2 { margin-bottom: 0; margin-top: 20px; }
h3 { font-style: italic; margin-bottom: 5px; font-size: 15px;}
ol { margin-left: 7px; }

input, select {
	border: 1px solid #e7e5e4;
	color: #838383;
	height: 17px;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

textarea {
	height: 60px;
	border: 1px solid #e7e5e4;
	color: #838383;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

tr { padding: 5px 0 5px 0; }
td { padding: 2px 6px 2px 0; }

input.radio {width: auto;} 

li, dd, blockquote {
	margin-left: 1em;
}
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
}
html {
	height: 100%;
}
body {
	font-size: 11px;
	color: #7b7b7b;
	background: #e9e5dd url('../img/Hills_01.gif') repeat-x left top;
}
#wrap {
	width: 825px;
	margin: 0 auto;
}
/*** Common ***/
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
}

.textImg {
 border-right: 10px solid #fff;
 border-top: 10px solid #fff;
 border-bottom: 10px solid #fff;
 float: left;
 clear: both;
}

a, a:visited {
	text-decoration: none;
	color: #0054a4;
}
a:hover, a:active {
	text-decoration: underline;
	color: #0054a4;	
}
.puppy a, .puppy a:visited, .puppy a:active, .puppy a:hover {
	color: #e01737;
}
.kitten a, .kitten a:visited, .kitten a:hover, .kitten a:active {
	cursor: pointer;
	color: #0054a4;
}
/*** Buttons ***/
a.button {
    background-image: url('../img/button_a.gif');
    background-repeat: no-repeat;
    background-position: top right;
	color: #ffffff;
	display: block;
	height: 17px;
	font-size: 9px;
	text-decoration: none;
	text-align: center;
	padding-right: 3px;
	cursor: pointer;
}
a.button span {
    background-image: url('../img/button_a_span.gif');
    background-repeat: no-repeat;
    background-position: top left;
    display: block;
    line-height: 16px;
	height: 17px;
	text-decoration: none;
}

a.button:active {
    background-image: url('../img/button_a_span.gif');
    background-repeat: no-repeat;
    background-position: bottom right;
	text-decoration: none;
}

a.button:active span {
    background-image: url('../img/button_a_span.gif');
    background-repeat: no-repeat;
    background-position: bottom left;
	height: 17px;
	text-decoration: none;
}

/*** Header ***/
#header {
	padding: 0;
	height: 80px;
	text-align:right;
	overflow: hidden;
}
#logo {
	margin-top: 9px;
	float: left;
	margin-left: 39px;
	width: 81px;
	height: 71px;
	background: url('../img/Logo_top.gif') no-repeat left top;
}
#logo_fr {
	margin-top: 9px;
	float: left;
	margin-left: 39px;
	width: 81px;
	height: 71px;
	background: url('../img/Logo_top_fr.gif') no-repeat left top;
}
#logo h1, #logo_fr h1 {
	left:-10000px;
	position:absolute;
}
#login {
	margin-top: 0;
	float: right;
	width: 275px; 
	padding: 0;
}
#login.frlogin {
	margin-top: 0;
	width: 360px; 
}
#login input {
	border: 1px solid #e7e5e4;
	color: #838383;
	height: 14px;
	width: 60px;
	float: left;
	font-size: 10px;
	padding: 1px 3px;
	margin-right: 6px;
	margin: 0 5px 0 0;
}
#login.frlogin input {
	width: 90px;
}
#login a.button {
	float: left;
	width: 56px;
	margin: 0 5px 0 0;
}
#login.frlogin a.button {
	width: 68px;
}
#login a.button:hover span {
	color: #ffffff;
}

#login p {
	clear: left;
	float: left;
	display: block;
	width: 260px;
	height: 11px;
	text-align: left;
	margin: 2px 0 0 0;
	font-size: 9px;
	color: #838383;
}
#login p a, #login p a:hover, #login p:visited a, #login p a:active{
	color: #838383;
}
#login p#welcome {
	display: block;
	width: 270px;
	text-align: right;
	margin: 0 0 2px 0;
	font-size: 10px;
	color: #838383;
	font-weight: bold;
}
#loginError {
	margin-top: 9px;
	float: right;
	width: 270px; 
	padding: 21px 0 0 0;
}
#loginError p {
	text-align: right;
	margin: 2px 5px 0 0;
	font-size: 9px;
	color: #ff0000;
}
#loginError p a, #loginError p a:hover, #loginError p:visited a, #loginError p a:active{
	color: #838383;
}
#changeSite {
	float: right;
	width: 65px;
	height: 71px;
}
#changeSite a.kittenLink {
	display: block;
	width: 68px;
	height: 69px;
	background: url('../img/gotoKittens.jpg') no-repeat left top;
}
#changeSite a.puppyLink {
	display: block;
	width: 68px;
	height: 69px;
	background: url('../img/gotoPuppies.jpg') no-repeat left top;
}
#changeSite a.kittenLink_fr {
	display: block;
	width: 68px;
	height: 69px;
	background: url('../img/gotoKittens_fr.jpg') no-repeat left top;
}
#changeSite a.puppyLink_fr {
	display: block;
	width: 68px;
	height: 69px;
	background: url('../img/gotoPuppies_fr.jpg') no-repeat left top;
}
#changeSite a span {
	left:-10000px;
	position:absolute;
}
/*** navMenu ***/
#navMenu {
	height: 297px;
	overflow: hidden;
}
/*** Footer ***/
#footer {
	padding: 23px 0;
	color: #a9a69e;
}

#footnotes {
	margin-left: 51px;
	padding-left: 48px;
	width: 460px;
	background: url('../img/Hills_03.gif') no-repeat left center;
	font-size: 9px;
}

#footerNav {
margin: 10px auto;
text-align: center;
}

#footerNav a, #footer a {color: #89867e;}

#footer div.changeLanguage {
	color: #b9b6ae;
	float: right;
	display: block;
	height: 31px;
	line-height: 31px;
	margin-right: 37px;
	padding-left: 50px;
	font-size: 12px;
	font-weight: bold;
	background: url('../img/Hills_04.gif') no-repeat left center;
}
/*** Body ***/
#body {
	width: 825px;
	background: url('../img/Hills_06.gif') repeat-y left top;
}
#body.threeCol {
	background: url('../img/Hills_06_3.gif') repeat-y left top;
}
#bodyWrap {
	padding: 0;
	background: url('../img/Hills_02a.gif') no-repeat left top;
}
#bodyWrap.noFlashMenu {
	padding: 0;
	background: url('../img/Hills_02b.gif') no-repeat left top;
}
#body.threeCol #bodyWrap {
	background: url('../img/Hills_02a_3.gif') no-repeat left top;
}
#bodyHead {
	padding: 4px 0 0 0;
}
#bodyFoot {
	width: 825px;
	height: 23px;
	background: url('../img/Hills_07.png') no-repeat left top;
}
#bodyFoot.threeCol {
	background: url('../img/Hills_07_3.png') no-repeat left top;
}
#body p.breadCrumbs {
	margin:  0 0 0 34px;
	padding: 11px 0 11px 12px;
	background: url('../img/Hills_05.gif') no-repeat left center;
	color: #897853;
}
#body p.breadCrumbs a,
#body p.breadCrumbs a:hover,
#body p.breadCrumbs a:visited,
#body p.breadCrumbs a:active {
	color: #897853;
	padding: 0 10px;
	text-decoration: none;
}
#body p.breadCrumbs a:hover,
#body p.breadCrumbs a:active {
	text-decoration: underline;
}
#body div.search {
	padding: 9px 0 9px 0;
	margin:  0 34px 0 0;
	height: 17px;
	width: 285px;
	float: right;
}
#body div.search a {
	margin: 0 2px 0 2px;
}
#query {
	border: 1px solid #d5d0c9;
	color: #9d8f71;
	height: 16px;
	width: 133px;
	float: right;
	font-size: 10px;
	padding: 1px 3px;
	margin-right: 6px;
	margin-left: 3px;	
	text-decoration: none;
}
#bodyContent {
	width: 768px;
	padding: 15px 25px 1px 32px;
	font-size: 11px;
	line-height: 18px;
}
#body.threeCol #bodyContent {
	width: 808px;
	padding: 0 7px 1px 10px;
}
#bodyContent ul {
	font-size: 10px;
	margin: 0 0 15px;
	padding: 0;
	line-height: 14px;
	list-style: none;
}
#bodyContent ul li {
	margin: 0 0 4px 0;
	padding: 0 0 0 32px;
	background: url('../img/bullet_blue.gif') no-repeat left top;
}
#bodyContent.puppy ul li {
	margin: 0 0 4px 0;
	padding: 0 0 0 32px;
	background: url('../img/bullet_red.gif') no-repeat left top;
}
#bodyContent .subBoxB ul li {
	background: url('../img/bullet_white.gif') no-repeat left top;
}
/*** Sub Box ***/
.subBoxA {
	width: 323px;
	margin: 0;
	padding: 0;
	background: url('../img/Hills_09.gif') no-repeat left bottom;
	background-color: #a7a3a2;
}
.subBoxB {
	width: 280px;
	margin: 0;
	padding: 15px 15px 15px 28px;
	background: url('../img/Hills_08.gif') no-repeat left top;
	color: #ffffff;
}
/*** 1_3rd block ***/
.block1_3rd {
	width: 239px;
	float: left;
	padding: 15px 15px 0 15px;
}
/*** front ***/
#front_wrap {
	width:850px;
	margin: 0 auto;
}
#front_wrap_head {
	width: 850px;
	height: 25px;
	text-align: center;
}
#front_wrap_body {
	width: 850px;
	height: 520px;
	text-align: center;
}

#regb { width: 100px; }

/*** command ***/
.command br {
	clear:both;
}
.command img {
	float:left;
	border-bottom: 10px #fff solid;
}
.command h3, .command p {
	margin-left: 110px;
}

/*** Summery ***/
#summary {
	margin: 1em 0;
	border-collapse: collapse;
	width: 200px;
}

#summary th {
	border: 1px #ccc solid;
	color: #ffffff;
	background-color: #ccc;
	font-weight: bold;
	text-align: center;
	padding: 1px;
}
#summary td {
	border: 1px #ccc solid;
	text-align: left;;
	padding: 1px;
}


/*** Age Chart ***/
.ageSDhead {
	width: 800px;
	height: 102px;
	background: url('../img/SDhead.jpg') no-repeat left top;
}
.agePDhead {
	width: 800px;
	height: 109px;
	background: url('../img/PDhead.jpg') no-repeat left top;
}
.ageSDhead h3, .agePDhead h3 {
	left:-10000px;
	position:absolute;
}
.ageFoot {
	width: 750px;
	height: 13px;
	background: url('../img/age_footer.gif') no-repeat left top;
}
.ageTableBG {
	width: 700px;
	padding: 0 25px;
	background: url('../img/age_bg.gif') repeat-y left top;
}
.ageTableDivider {
	width: 700px;
	height: 46px;
	background: url('../img/ageRowDivider.gif') repeat-x left top;
}
table.ageChart {
	width: 700px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height: 15px;
	font-size: 11px;
	color: #5a5a5a;
}
table.ageChart th {
	padding: 0;
	border-top: 15px #ffffff solid;
	font-weight: bold;
	text-align: center;
	background-color: #e5e5e5;
}
table.ageChart td {
	vertical-align: top;
	padding: 0;
	text-align: center;
	background-color: #ffffff;
}
table.ageChart th.alt {
	background-color: #f0f0f0;
}
table.ageChart td p, table.ageChart th p {
	padding: 25px 15px;
	margin: 0;
}
table.ageChart a,
table.ageChart a:hover,
table.ageChart a:active,
table.ageChart a:visited {
	color: #5a5a5a;
	padding: 0;
	margin: 0;
	text-decoration: none;
}
table.ageChart a:hover,
table.ageChart a:active {
	text-decoration: underline;
}