body {
background: #fff;
text-align: left;
margin: 3px 0 0 0; 
font: 11px/16px  verdana, arial, helvetica, sans-serif;
}
img, a img {
border: none
}

.flt {
float:left;
margin-right: 1em;
}
.ctr {
text-align: center;
}


#wrapper {
position: relative;
width: 760px; height: 225em;
left: 50%;
margin: 0 0 0 -380px;
padding: 0 0 5em;
}
#wrapper #text {
margin: 24px 0 0;
}

#wrapper #footer {
display: block;
margin: 52px 36px 0 0;
}
#footer #info {
font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0;
padding: 6px 0 8px 0;
border: 2px solid #ff3;
border-width: 2px 0;
}

#wrapper #footer #navbar {
background: #FFFACC;
text-align: center;
padding: 4px;
}

#text p {	/* shorter measure */
font: 12px/17px  verdana, arial, helvetica, sans-serif;
margin: 1em 8%;
}

h1, h3 {
color: #0201a4;
font: bold 1.4em/1.5  verdana, arial, helvetica, sans-serif;
margin: 0 0 72px;
padding-top: 42px;
}
h1 {
font-size: 2em;
font-weight: normal;
padding-left: 380px;
}
h4 {
color: #fff;
background: #039;
font: bold 1.1em/1.5  verdana, arial, helvetica, sans-serif;
letter-spacing: 1px; word-spacing: 2px;
text-align:center;
margin: 3em auto 2em;
padding: 4px auto;
}

strong {
font-weight: bold;
font-size: 1.1em;
}
.red {
color: #900;
}
#text p.hilite {
padding: 1px 3px 3px;
text-align: center;
margin: 2em auto;
background: #ECDFCE;
}

/*  FORM */
form {
border: 1px solid #ccc;
font: 11px/16px  verdana, arial, helvetica, sans-serif;
margin: 3em 0;
padding-top: 1.5em;
}
#text form p {
font: 11px/16px  verdana, arial, helvetica, sans-serif;
margin: 0 1em 1em 0;
padding: .6em;
vertical-align: middle;
}
label, #contact label {
display: block;
float: left;
width: 40%;
text-align: right;
padding-right: 1em;
clear: left;
}
#contact label {
width: 25%;
text-align: right;
}
p.ind {	/* roughly align with labels */
text-indent: 10em;
}
#date,#animal_desired,#name,#street_address,#cityzip,#home_phone,#work_phone,#email,#social_security,#ref1,#ref2,interests,#other-interests,#total_residents,#total_kids,#ages,#landlord,#landlord_telephone,#years_at_residence,#moving_soon,#yard,#fenced,#other_pets,#kind_of_pets,#fate_of_pets,#pets_alone,#vet,#vet_address,#vet_tel,#days-available,#best-time 	/* text field formatting controls input length */
{
border: 1px solid #666;
width: 25em;
}
#contact #name,#contact #street_address, #contact #home_phone,#contact #email, #contact #work_phone {
width: 60%
}
input, textarea, #contact textarea {
height: 16px;
vertical-align: middle;
font: 13px/16px  courier, "courier new", monospace;
}
#contact  textarea#msg {
height: 6em;
width: 60%;
float:left;
margin-bottom: 40px;
}

input.input2 {	/* for checkboxes & radio buttons */
margin-left: 2.4em;
vertical-align: middle;
}

input:focus, textarea:focus {
background-color: #D4E6EC;
color: #000;
}
.req {
color: #900;
}
#text form p.check {
width: 399px;
background:#FFE19F;
padding: 2px 4px;
}
form p input.ctr {
display: block;
height: 24px;
margin: 2.4em 0 0 18em;  
}
/* ============== */

/* Captcha formatting */

#cap {
clear: left;
margin: 4em auto;
width: 600px;
border: 1px solid #777;
	text-align: center;
}
#cap h4 {
	font: bold 12px/16px verdana, arial, helvetica, sans-serif;
	margin: 0 0 .5em;
	background: #009;
	color: #fff;
	padding: 3px 0 3px;
}
#cap img {
float:left;
margin-right: 1.5em;
} 
#cap input {
margin-right: 2em;
}

/* ============== */

/* LINKS */
#text a, text a:visited  {
color: #c00;
text-decoration: underline;
}
#text a:hover {
color: #00f;
text-decoration: none;
}
text a:active {
color: #c00;
text-decoration: underline;
}


/* Navbar */
#navbar a, #navbar a:visited {
color: #c00;
font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

#navbar a:hover {
color: #00f;
text-decoration: underline;
}
#navbar a:active {
color: #c00;
text-decoration: none;
}
#navbar a.current {
color: #000;
font-weight: bold;
}