body {margin: 0; background-color: #e0ded9; color: #000; font-family: arial, sans-serif; font-size: 80%;}
#bodyhome {margin-left: -10px}
a {color: #1753a2}
a:visited {color: #7f8997}
a:hover {color: #902407}
img {border: 0;}
.clear {clear: both;}

#wrapper {width: 748px; background-color: #3a5c54; margin: 0 auto; padding: 36px 3px 0; position: relative;}
#logo  {text-indent: -4000px; height: 30px; width: 517px; background: url(../img/logo.gif) no-repeat; margin: 0 0 18px 24px;}
#nav {height: 41px; background: url(../img/content-top.gif) 50% 100% no-repeat;}
#nav ul {margin: 0; padding: 0 24px; list-style: none; text-align: center;}
#nav ul li {margin: 0; padding: 0; display: inline;}
#nav ul li a {color: #fff; text-decoration: none; background: url(../img/nav.gif) no-repeat; float: left; height: 21px; margin: 0; text-indent: -4000px}
#nav ul li a:hover {color: #3a5c5f; background-position: 0 0}

#nav ul #navwelcome a {width: 86px; background-position: 0 -21px;}
#nav ul #navabout a {width: 137px; background-position: -86px -21px;}
#nav ul #navpuppies a {width: 77px; background-position: -223px -21px;}
#nav ul #navadopt a {width: 118px; background-position: -300px -21px;}
#nav ul #navalbum a {width: 119px; background-position: -418px -21px;}
#nav ul #navlinks a {width: 65px; background-position: -537px -21px;}
#nav ul #navcontact a {width: 97px; background-position: -602px -21px;}

#nav ul #navwelcome a:hover {background-position: 0 0;}
#nav ul #navabout a:hover {background-position: -86px 0;}
#nav ul #navpuppies a:hover {background-position: -223px 0;}
#nav ul #navadopt a:hover {background-position: -300px 0;}
#nav ul #navalbum a:hover {background-position: -418px 0;}
#nav ul #navlinks a:hover {background-position: -537px 0;}
#nav ul #navcontact a:hover {background-position: -602px 0;}

#bodyhome #nav ul #navwelcome a {height: 22px; background-position: 0 -42px;}
#bodyabout #nav ul #navabout a {height: 22px; background-position: -86px -42px;}
#bodypuppies #nav ul #navpuppies a {height: 22px; background-position: -223px -42px;}
#bodyadopt #nav ul #navadopt a {height: 22px; background-position: -300px -42px;}
#bodyalbum #nav ul #navalbum a {height: 22px; background-position: -418px -42px;}
#bodylinks #nav ul #navlinks a {height: 22px; background-position: -537px -42px;}
#bodycontact #nav ul #navcontact a {height: 22px; background-position: -602px -42px;}

*html #content {margin-top: -4px; height: 480px;}
*html #bodyabout #content, *html #bodylinks #content, *html #bodycontact #content {height: 720px;}
*html #bodyhome #content {height: auto;}
#content {background-color: #f8f7f6; border: 1px solid #c1c6c0; border-width: 0 1px; padding: 6px 24px 8px; line-height: 1.3; position: relative; clear: both; margin: 0; min-height: 480px;}
#bodyhome #content {padding-right: 326px; min-height: 100px;}
#bodyabout #content, #bodylinks #content, #bodycontact #content {min-height: 700px;}

* html #bodyhome #content #polaroid {right: -14px; top: -15px;}
#bodyhome #content #polaroid {position: absolute; top: -18px; right: -18px; width: 332px; height: 378px; background: url(../img/polaroid-lg.gif) no-repeat;}
#bodyhome #content #polaroid img {visibility: hidden;}

#content h1, #content h2 {margin: 0; color: #3a5c54}
#content h1 {margin-bottom: 10px; width: 376px; height: 24px; text-indent: -4000px; font-size: 120%;}
#content h2 {font-size: 120%;}
#content h3 { color: #3a5c54; font-size: 100%; margin: 12px 0 4px;}
#content h4 {color: #3a5c54; font-size: 100%; margin: 0 0 4px}
#content b {color: #3a5c54}

#bodyhome #content h1 {background: url(../img/t-home.gif) no-repeat}
#bodyabout #content h1 {background: url(../img/t-about.gif) no-repeat}
#bodypuppies #content h1 {background: url(../img/t-puppies.gif) no-repeat}
#bodyadopt #content h1 {background: url(../img/t-adopt.gif) no-repeat}
#bodyalbum #content h1 {background: url(../img/t-album.gif) no-repeat}
#bodylinks #content h1 {background: url(../img/t-links.gif) no-repeat}
#bodycontact #content h1 {background: url(../img/t-contact.gif) no-repeat}

#bodyhome #content #callout {margin: 24px 0 0;}
#bodyhome #content #callout img {float: left; margin: 0 12px 0 0; position: relative;}
* html #bodyhome #content #callout h2 {margin-bottom: -20px;}
#bodyhome #content #callout h2 {float: left; margin: 4px 0; position: relative; width: 282px; height: 18px; background: url(../img/h-hd-adopt.gif) no-repeat; text-indent: -4000px; font-size: 100%;}

#content #sidebar {width: 229px; margin: 0 18px 0 0; font-size: 95%; position: absolute; top: 0; left: 24px; z-index: 100;}
#content #sidebar #polaroid {position: relative; width: 210px; height: 245px; float: right; margin: 0 1px -21px 0; background: url(../img/polaroid-sm.gif) no-repeat;}
#content #sidebar #polaroid img {visibility: hidden;}

#content #sidebar #subnav {background: #E5E3DF url(../img/subnav-top.gif) no-repeat; width: 175px; padding: 18px; clear: both;}
#content #sidebar #subnav h4 {height: 13px; background: url(../img/sidebar-hd-section.gif) no-repeat; text-indent: -4000px; margin-bottom: 6px;}
#content #sidebar #subnav ul, #content #sidebar #subnav ul li {margin: 0; padding: 0; list-style: none;}
#content #sidebar #subnav ul li {margin-bottom: 3px;}
#content #sidebar #subnav ul li a.current {text-decoration: none; color: #3a5c54;  font-weight: bold;}
#content #sidebar #subnav ul li ul {margin-left: 8px; font-size: 90%}

#content #sidebar #callout {background: #DED9CD url(../img/callout-top.gif) no-repeat; width: 175px; padding: 18px;}
#content #sidebar #callout h4 {height: 16px; background: url(../img/sidebar-hd-adopt.gif) no-repeat; text-indent: -4000px; margin-bottom: 6px;}
#content #sidebar #callout .bot {height: 15px; background: url(../img/callout-bot.gif) no-repeat; position: relative; margin: 0 -18px -18px; width: 211px}

#content #innerwrapper {width: 420px; padding-left: 260px; position: relative;}

#content p {margin: 0 0 8px;}
#content li {margin-bottom: 4px;}
#content .center {margin-left: auto; margin-right: auto;}
#content .floatr {float: right; margin-left: 12px;}
#content .floatl {float: right; margin-left: 12px;}
#content .caption {font-size: 90%;}
#content .citeinfo {font-size: 90%; color: #999;}
#content table {border-spacing: 0; border-collapse: collapse; border: 0; border-width: 0; border-color: #f8f7f6;}
#content table td {vertical-align: top; padding: 4px; border: 0; border-width: 0; border-color: #f8f7f6;}

#content .floatr {float: right; font-size: 90%; color: #666; margin: 0 0 10px 10px}
#content .floatr img {display: block;}

#content .center {text-align: center;}

/* puppies styles */
#bodypuppies #content #innerwrapper #parents {margin: 10px 0}
#bodypuppies #content #innerwrapper #parents td {vertical-align: top; width: 50%; text-align: center;}
#bodypuppies #content #innerwrapper #parents img {border: 1px solid #3a5c54}

#content #pedigree table {width: 100%; border: 1px solid #ADB9B4; margin: 20px 0}
#content #pedigree table th {padding: 4px; vertical-align: middle; text-align: center; border: 1px solid #ADB9B4; font-weight: bold; color: #3a5c54}
#content #pedigree table td {padding: 4px; vertical-align: middle; text-align: center; border: 1px solid #ADB9B4;}
#content #pedigree table h1 {background: none; text-indent: 0; font-size: 140%; text-align: center; width: 100%;}
#content #pedigree table th p, #content #pedigree table td p {margin: 0;}
/* end puppies styles */

/* application styles */

form {margin: 0; width: 100%;}
form fieldset {border: 0;}
#content form fieldset p {margin: 12px 0 0}
form fieldset legend {color: #3a5c54; font-size: 120%; font-weight: bold; padding: 0; margin: 0 -6px;}
form fieldset .column {width: 48%; float: left; margin-top: 0; margin-bottom: 10px;}
form fieldset .border {border: 1px solid #ADB9B4; width: 70%;}
form fieldset .border div {margin: 0; padding: 3px 4px;}
form fieldset .odd {background-color: #ebe9e5;}

form fieldset label {display: block; margin: 6px 0 0}
form fieldset div {margin: 0;}
form fieldset .example, #maincontent .note {font-size: 90%; color: #666; display: block; font-weight: normal;}
form fieldset .required {font-weight: bold;}
form fieldset .indent {margin-left: 16px}

form fieldset .entryset {overflow: auto; height: 100%;}
form fieldset .entryset div {width: auto; float: left; margin-right: 4px;}

form fieldset .radioset label {display: inline; text-indent: 20px;}
form fieldset .radioset {margin-top: 0;}

form fieldset .indent {margin-left: 40px; padding-left: 6px; border-left: 1px solid #ADB9B4;}


/* end application styles */

#footer {width: 754px; margin: 0 auto; font-size: 85%; background: url(../img/footer-bg.gif) 50% 0 no-repeat; color: #c4cecc; padding-top: 20px; height: 19px; clear: both;}
#footer p {margin: 0 24px;}
#footer a {color: #c4cecc}
#footer #copyright {float: left;}
#footer #contactinfo {float: right;}