body {
	background: #669966 url(images/pgbg.gif);
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000000;
}
a {
	color: #FFFFCC;
}
a:hover {
	color: #FF9999;
}
h1.header {
	font: 10px Arial,Helvetica,sans-serif;
	margin: 2px;
	color: #889A65;
}
#mainbox {
	background: #FFFFFF;
	border: 2px solid #889A65;
	width: 720px;
	margin: 0px auto 0px auto;
	text-align: left;
}
#hdrbox {
	position: relative;
}
#hdrbox img {
	vertical-align: top;
}
#hdrnavbox {
	position: absolute;
	top: 77px;
	left: 96px;
	width: 610px;
	height: 40px;
	text-align: center;
	padding-left: 15px; /* space to left of 1st btn on left */
}
#hdrnavbox div.rollover { /* container for link btn (has bkg of hover btn state) */
	float: left;
	width: 134px; /*width of every btn*/
	height: 40px; /*height of every btn*/
	margin: 0 15px 0 0; /*space to right of every btn*/
	/* btn graphic has both non-hover & hover state, posit below displays hover state */
	background: url(images/topnavlinkbkg2.gif) no-repeat -135px 0;
}
#hdrnavbox div.rollover a { /* actual btn links (has bkg of non-hover btn state) */
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: #9E542C;
	text-decoration: none;
	background: url(images/topnavlinkbkg2.gif) no-repeat top left;
}
#hdrnavbox div.rollover a:hover {
	/* actual btn link when mouseover. sets bkg to none, revealing hover state graphic of link's rollover container div */
   /* using rollover contain div for immediate rollover and to avoid flicker cache bug in IE6. */
	background-image: none;
	color: #92164C;
	cursor: pointer;
}
#hdrnavbox div.rollover span {
	/* span used to control spacing & look of link btn text */
	display: block;
	margin: 0;
	font: bold 13px/1.2 Arial,Helvetica,sans-serif;
	height: 30px;
	padding: 2px 5px 0 30px; /* top, right, btm, left text padding w/in btn box. */
	vertical-align: middle;
	text-align: center;
}
#contentbox {
	padding: 0 10px 5px 10px;
	font: 1em Arial, Helvetica, sans-serif;
}
#contentbox a {
	color: #34553F;
}
#contentbox a:hover {
	color: #92164C;
}
#contentbox p {
	text-indent: 1.5em;
}
#contentbox h2 {
	color: #9E542C;
	font-weight: bold;
	font-size: 1.75em;
	text-align: center;
}
#contentbox h3 {
	color: #34553F;
	font-weight: bold;
}
#contentbox img.photo {
	border: 6px groove #34553F;
}
#verticalForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	width: 20em;
	margin: 1em auto 0 auto;
}
#verticalForm fieldset {
	display: block;
	width: 20em;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
	background: #E0DFE3;
}
#verticalForm fieldset.radio {
	width: 18em;
	margin: 1em 0 2em 0;
	background: #F8F7FB;
}
#verticalForm fieldset.radio input {
	clear: both;
	float: left;
	width: auto;
}
#verticalForm fieldset.radio label {
	font-weight: normal;
}
#verticalForm legend {
	font-weight: bold;
	color: #9E542C;
}
#verticalForm input {
	display: block;
	width: 18em;
}
#verticalForm input.captcha {
	display: block;
	width: 10em;
}
#verticalForm input.submit {
	width: 10em;
	margin: 0 auto 0 auto;
}
#verticalForm label {
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
}
#verticalForm label.first {
	padding-top: 1em;
}
#verticalForm select {
	display: block;
}
#verticalForm textarea {
	width: 19em;
	height: 8em;
}
#photobox {
	text-align: center;
	margin-bottom: 20px;
}
#photobox img {
	margin: 0 20px 0 20px;
}
#optinbox {
	width: 100px;
	margin: 2px 8px 2px 8px;
	border: 6px groove #34553F;
	background-color: #D2E17B;
	float: right;
	text-align: center;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-indent: 0;
	color: #9E542C;
}
#optinbox a {
	display: block;
	padding: 6px;
	background-color: #D2E17B;
	color: #9E542C;
	text-decoration: none;
}
#optinbox a:hover {
	display: block;
	background-color: #FFFFCC;
	color: #92164C;
}
#ftrbox {
	clear: both;
	background: #D2E17B;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 3px;
	font: bold .8em Arial, Helvetica, sans-serif;
	border-top: 2px solid #889A65;
}
#ftrbox img {
	vertical-align: middle;
}
#ftrbox a {
	background: #D2E17B;
	color: #9E542C;
}
#ftrbox a:hover {
	background: #FFFFCC;
	color: #92164C;
}
#top1 {
	float: left;
}
#top2 {
	float: right;
}
#fineprint {
	margin-top: 3em;
	padding: 5px;
	text-align: left;
	font: small Arial, Helvetica, sans-serif;
}
#cdlogo {
	width: 220px;
	float: right;
	font: 10px Arial, Helvetica, sans-serif;
	margin: 0 5px 0 10px;
}
#cdlogo img {
	float: left;
	padding-right: 5px;
}
.imgstyle1 {
	float: right;
	margin: 5px 0 5px 10px;
}
.imgstyle2 {
	float: left;
	margin: 5px 10px 5px 0;
}
.iconstyle1 {
	float: left;
	margin: 0 0 0 10px;
}
.puppybox {
	margin:  .5em 0 .5em;
	padding: .3em;
	border-top: 2px solid #34553F;
	clear: both;
}
.puppyphotobox {
	float: right;
	text-align: center;
	margin: 5px 10px 5px 10px;
	width: 250px;
	font-weight: bold;
	font-size: .9em;
}
ul.puppyinfo {
  list-style: disc outside;
  margin: 0 0 0 0;
  padding-left: 1em;
  border: 0;
}
ul.puppyinfo li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0;
}
.policybox {
	width: 80%;
	margin: 0 auto 0 auto;
	border: 4px double #34553F;
	font-size: smaller;
	background-color: #FFFFCC;
	padding: .3em;
}
.errorbox {
	width: 80%;
	margin: 0 auto 0 auto;
	border: 4px double Red;
	font-size: small;
	background-color: #FFFF66;
	padding: .3em;
}
.errorbox strong {
	color: Red;
}