/* partial Meyer reset */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body {
margin: 0; padding: 0;
background: #fff;
}

body {
font: 16px/1.5 ff-meta-web-pro, verdana, helvetica, arial, sans-serif;
}
a { text-decoration: none;
	color: #900;
}
img, img a {
border: none;
}
.flt {
float: left;
margin-right: 12px;
}
.flrt {
float:right;
margin-left: 12px;
}
ul, li {  list-style: none;  }

ul.colflt {
width: 30%;
float: left;
padding-right: 1.5em;
margin: 1em 0;
}
ul.colflt li {
font-size: .9em;
line-height: 1.4em;
padding: 0 1em .4em 0;
}
ul.colflt.vertrules li {
border: 1px solid #ccc;
border-width: 0 1px;
padding-left: 1.5em;
}

#wrap {
min-width: 800px;
max-width: 900px;
height: 1em;
overflow: visible;
margin: 1em auto 3em;
padding-bottom: 5em;
}

/* #logo { margin: 5px auto 0 20px; height: 150px; width: 400px; } */

#banner {
width: 100%;
height: 150px;
background:  url(art/FOMAA-color-logo_x450.png) no-repeat 0 0;
}
#wrap #banner p#hours  {
position: relative;
height: 40px;
width: 340px;
top:108px; left: 2px;
float: none;
margin: 0;
font: normal 11px/1.6 verdana, helvetica, arial, sans-serif;
}
#banner p {
font: bold 14px/1.4 georgia, times, "times new roman", serif;
float: left;
margin: 3.3em 1em 0 520px;
}

#text {
float: left;
width: 50%;
margin: 3em 1em 0 0;
}
.onecolumn {
width: 70%;
margin: 3em 0;
}
#memorials #text {
float: none;
width: 700px;
}
#wishlist #text {
width: 740px;
margin-bottom: 1em;
}
#adoption-application #text {
width: 620px;
}
#nofleas #text {
float: none;
width: 700px;
}

#rtcol {	/* for pics on general info pages - comes before #text in html - BETTER to create separate form, no? */
float: right;
text-align: right;
width: 40%;
margin: 5.75em 4em 0 0;  /*these margins can cause problems on pages w no pics*/
}
#rtcol img {
padding-top: 1.75em;
}
#wishlist #rtcol, #contact #rtcol, #adoption-application #rtcol, #nofleas rtcol {
display: none;
}


h1 {
color: #6b634e;
font: bold 18px/1.5 ff-meta-web-pro, Georgia, Times New Roman, Times, serif;
text-transform: uppercase;
letter-spacing: .0418em; word-spacing: .0418em;
margin: 0 0 .5em 0;
}
/* typekit active */
.wf-active h1 {
font: bold 18px/1.5 ff-meta-web-pro, Georgia, Times New Roman, Times, serif;
}
h2 {
color: #000;
font: bold 20px/1.5px ff-meta-web-pro, Georgia, Times New Roman, Times, serif;
margin: 2em 0 1em;
}

h3 {
color: #000;
font: bold 15px/1.5px ff-meta-web-pro, Georgia, Times New Roman, Times, serif;
margin: 2em 0 1em;
}
.wf-active h3 {
color: #000;
font: bold 17px/1.5px ff-meta-web-pro, Georgia, Times New Roman, Times, serif;
}
h4 {	/*adoption app*/
color: #fff;
background: #039;
font: bold 1.15em/1.5  ff-meta-web-pro, verdana, arial, helvetica, sans-serif;
letter-spacing: 1px; word-spacing: 2px;
text-align:center;
margin: 3em auto 2em;
padding: 4px auto;
}
p, li, td {
font: 13px/1.5 ff-meta-web-pro, verdana, helvetica, arial, sans-serif;
margin: 0 0 1em 0;
}
.wf-active p, #text .wf-active li, .wf-active td {
font: 16px/1.5 ff-meta-web-pro, sans-serif;
margin: 0 0 1em 0;
}
li { margin: 0 }

p.caption {
font: 10px/16px verdana, helvetica, arial, sans-serif;
text-align: left;
margin: 0 0 24px 0;
}

.intro {
	font-size: 1.12em;
}
.ctr { text-align: center  }

.rt { text-align: right  }
.ltr {
	letter-spacing: 1px; word-spacing: 1px
}
.red { color: #a00 }

p.url {	/* sets below navbar */
clear:both;
margin: 1em 0 3em .5em;
padding: 0 0 3em;
font-family: ff-meta-web-pro, helvetica, arial;
font-size: 18px;
color: #b1917c;
letter-spacing: .08em;
}
.hilite {
background: #fff7bc;
}
th {  text-align: left; }
#text p.smallink { font-size: .86em  }

#text a {
background: #fff7bc;
padding: 0 2px 0;
}
#colophon #text a, #about #text a {
background: transparent;
padding: 0;
}
#text a:hover {
color: #f00;
background: #fffaa1;
}
#text a:active {
color: #c00;
background: #fff7bc;
}


/* Contact forms - zemcontact */

legend {
display: none
}

form.zemContactForm p {
clear: both;
margin: 2em 0 1.5em;
	padding: 6px 0 0;
font: 11px  verdana, arial, helvetica, sans-serif;
}

.zemContactForm input.zemText {
height: 21px;
font: 12px/16px courier, 'courier new', monospace;
float: right;
	width: 29em;
/*padding: 3px 0;*/
background: #fff;
margin: 0 0 2.5em;
border: 1px solid #938F80;
}
/* 
p.short .zemContactForm input .zemText {
	width: 6em;
}

form p.ctr {	
text-align: left;
margin: 0 auto;
}
 */
#adoption-application .zemContactForm input.zemText,
textarea .zemTextarea {
width: 36em;
	padding-left: .5em;
}
.zemContactForm label, .zemTextarea label, .message, #adoption-application label {
float:left;
/* width: 15em; */
	text-align: right;
	padding-right: .5em;
}
#adoption-application label {
width: 15em;
}
#adoption-application zemTextarea { 
float: right;
}

#adoption-application p.longlabel label {
width: auto;
}
#adoption-application .zemContactForm p.check label.zemCheckbox,
#adoption-application .zemContactForm p.check label.zemRadio {
padding: 4px 1em 0 .5em;
float:none;
text-align: left;
}
p.check input {
padding-left: 2em;
}
#adoption-application .zemContactForm input.zemCheckbox {
margin: 0;
padding: 0;
}
.zemContactForm input:focus, .zemContactForm textarea:focus {
background: #fffde8;
font: 12px courier, 'courier new', monospace;
}
input.auto, .zemSubmit {
width: auto;
height: auto;
}
.req {
color: #c00;
}
/* 
#adoption-application .zemContactForm p.short input.zemText {
	width: 9em;
	margin-left: 1.5em;
	float: left;
}
 */
#adoption-application .zemContactForm p.medium input.zemText {
width: 25em
}
#adoption-application .zemContactForm .nofloat label  {  float:none  }

label.zip {
padding-right: .65em
}
select {
margin: 1em 0 0;
}
textarea#message {
margin: 0 0 2.5em;
float: right;
width: 29em;
background: #fff;
font: 12px courier, 'courier new', monospace;
}
#adoption-application textarea#message {
width: 36em;
}
.zemSelect {
padding: .5em 0;
}

input.zemSubmit, input.zemSubmit:focus {
font: 11px/11px arial, helvetica, sans-serif;
height: 28px;
background: #ece2c6;
background-image: -webkit-gradient(linear, 0% 40%, 0% 100%, from(#ececec), to(#aaa));
background: -moz-gradient(19% 75% 90deg,#ececec, #aaa);
margin-left: 27em;
padding: .6em 2em 1em;
letter-spacing: 1px; word-spacing: 1px;
cursor: pointer;
-webkit-border-radius : 1em;
-moz-border-radius : 1em;
border-radius : 1em;
}
input.zemSubmit:focus {
background: #93886b;
}
.zemThanks {
font-size: 1.25em;
font-style: italic;
font-weight: bold;
color: #a00;
}
.time-animal-runs { width: 49% !important } /* the class is auto generated for each label; and you need !impt */

#adoption-application p.sig {
margin-top: 4em;
font-size: 14px;
padding-bottom: 3px;
border-bottom: 1px solid #666
}
#adoption-application p.info {
border: 1px solid #666;
padding: .8em;
margin-top: 3em;
font-size: 14px;
}

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

ul#footer {
clear: both;
width: 700px;
float: left;
margin: 2em 0 18px;
padding: .35em 0 .45em 4%;
text-align: center;
background: #d5c49b;
-webkit-border-radius : 1em;
-moz-border-radius : 1em;
border-radius : 1em;
background-image: -webkit-gradient(linear, 0% 100%, 0% 41%, from(#ab9d7d), to(#e3d1a5));
background-image: -moz-linear-gradient(0 100% 90deg, #ab9d7d, #e3d1a5);
/*border: 1px solid #91866a;*/
}

ul#footer li {
float: left;
font: 12px/22px helvetica, arial, verdana, sans-serif;
text-shadow: 1px 1px #eddaad;
padding: 0 1em 0;
border-right: 1px solid #666;
}
ul#footer li a {
color: #000;
text-decoration: none;
}
ul#footer li a:hover {
color: #c00;
}
ul#footer li a:active {
color: #000;
}
ul#footer li.last {
border: 0;
padding: 0 0 0 1em;
}

/*nav w code for highlighting current page - grabs pagename cust field */
#fomaa-home ul#footer li a.t-fomaa-home,
#adopt ul#footer li a.t-adopt,
#about ul#footer li a.t-about,
#volunteering ul#footer li a.t-volunteering,
#memorials ul#footer li a.t-memorials,
#wishlist ul#footer li a.t-wishlist,
#directions ul#footer li a.t-directions,
#contact ul#footer li a.t-contact
{
color: #c00;
font-size: 1.16em;
cursor: default;
}

#banner div#homehack a {
display: block;
position: relative;
top: 0; left: 0;
width:  460px;
height: 160px;
}