/* partial Meyer reset */
html, body, div, span, 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;
}


body {
background: url(art/bgd-btm-rt.jpg) no-repeat 100% 100%,
					url(art/Roo-home-bgd.jpg) no-repeat 0 100%;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 15px;
line-height: 1.4;
background-color: #fff;
}
body .wf-active {
font-family: ff-meta-web-pro, sans-serif;
font-size: 15px;
line-height: 1.5;
}
a {
text-decoration: none;
	color: #900;
}
img, img a {
border: none;
}
.flt {
float: left;
margin-right: 12px;
}
.flrt {
float:right;
margin-left: 12px;
}

p.ctr {
text-align: center;
}
.rt {
text-align: right;
}
small {
font-size: .885em;
}
#wrap {
min-width: 800px;
max-width: 900px;
margin: 1em auto 0;
height: 1%;
overflow: auto;
}

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

/* @group blurb-donate */

#banner #blurb {
width: 250px;
position: absolute;
top: 1em;
right: 2em;
text-align: right;
height: 142px;
}

#wrap #banner #blurb .wf-inactive p.stats {
margin: 0;
font: bold italic 13px/1.4 verdana, helvetica, arial, sans-serif;
color: #857a61;
}
#wrap #banner #blurb  p.stats {
color: #857a61;
margin: 0;
font-family: ff-meta-web-pro, verdana, helvetica, arial, sans-serif;
font-size: 15px;
font-weight: bold;
font-style: italic;
}

#banner #blurb p#donate {
position: absolute;
bottom: 0;
margin-left: 22%;
font: 12px helvetica, arial, verdana, sans-serif;
color: #c00;
letter-spacing: 1px;
cursor: default;
text-shadow: 1px 1px #eddaad;
padding: .5em 1.8em;
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);
}
p#donate a:hover {
color: #000;
}
p#donate a:active {
color: #c00;
}

/* @end */

/*main contents*/


#sidebar, #new-arrivals, #news {
height: 58em;
}

#sidebar {
float: left;
width: 20%;
border: 1px solid #f1e3c6;
padding: 1em 0 1em 1em;
border-width: 2px 0 2px;
-webkit-border-top-left-radius: 1em;
-webkit-border-bottom-left-radius: 1em;
-moz-border-radius-topleft: 1em;
-moz-border-radius-bottomleft: 1em;
border-top-left-radius: 1em;
border-bottom-left-radius: 1em;
background: url(art/home-sidebar-bgd.jpg) repeat-y;
}
#sidebar .wf-inactive p {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 13px;
line-height: 1.4;
}
#sidebar p {
font-family: ff-meta-web-pro, sans-serif;
font-size: 15px;
line-height: 1.4;
}
#new-arrivals {
float: left;
width: 38%;
margin: 0 0 2em 3%;
border: 2px solid #f1e3c6;
border-width: 0 2px;
padding: 0 1em 2.2em 1em;
background: #fff url(art/news-bgd-btm-up.jpg) repeat-x 0 bottom;
}
#wrap #new-arrivals .wf-inactive p {
float: left;
width: 75%;
height: 110px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
line-height: 1.4;
text-align: left;
margin: 0;
padding-top: .5em;
border-top: 1px dotted #b2ac9b;
}
#new-arrivals p, #new-arrivals p.plain {
text-align: left;
float: left;
font-family: ff-meta-web-pro, sans-serif;
font-size: 14px;
line-height: 1.35;
width: 75%;
height: 106px;
margin: 0;
padding-top: .5em;
border-top: 1px dotted #b2ac9b;
}
#new-arrivals p.plain {
float: none;
width: 100%;
padding: 0 0 .75em;
margin-top: -8px;
height: auto;
border: none;
text-align: center;
}
#new-arrivals p.xld {
height: 124px !important;
}

#new-arrivals img {
float: left;
margin: 0 12px 0 0;
}

#needhome {
clear: both;
padding-top: 12px;
padding-bottom: 4.5em;
margin: 0 auto;
text-align: left !important;
}
#new-arrivals #needhome img {
float: none;
margin: .5px 0 0;
}
#home #needhome p {
width: 100%;
border: 0;
height: 1.5em;
margin-top: 0;
text-align: left;
}
#new-arrivals a {
font-weight: bold;
font-size: 1.1em;
color: #900;
}
#new-arrivals a:hover {
color: #000;
}
#new-arrivals a:active {
color: #900;
}
#new-arrivals a:hover img {
/*border: 1px solid #c00;*/
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
transform: scale(1.03);
}
#new-arrivals a:active img  {
margin-right: 10px;
-webkit-transform: scale(1.00);
-moz-transform: scale(1.00);
-o-transform: scale(1.00);
transform: scale(1.00);
}

#wrap #new-arrivals p.rt, #wrap #needhome p.rt { 
height: auto;
line-height: 1.5em;
		margin-top: -18px;	/* this gets fudged */
		margin-bottom: 0;
padding:  0;
text-align: right;
width: 94%;
font-style: italic;
border-top: none;
}
#needhome img {
float: none;
margin: 0 auto;
}
#news {
width:  29%;
float: right;
overflow-y: scroll;
background: #fff6de;
padding: 0 1.085em 2em 1em;
border: 2px solid #f1e3c6;
border-width: 2px 2px 2px 0;
-webkit-border-top-right-radius: 1em;
-webkit-border-bottom-right-radius: 1em;
}
#news .wf-inactive p, #news .wf-inactive li {
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
line-height: 1.3;
}
#news p, #news li   {
font-family: ff-meta-web-pro, sans-serif;
font-size: 15px;
line-height: 1.4;
margin: 0 0 .75em;
}
#news p.lg {
font-size: 1.12em;
}


h3, h4 {
clear: both;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 1.18em;
line-height: 1.2;
font-weight: bold;
margin: 2.5em 0 .5em;
text-align: center;
}
.wf-active h3, .wf-active h4 {
font-family: ff-meta-web-pro, verdana, helvetica arial, sans-serif;
font-size: 1.2em;
}
#news h4 {
text-align: center;
margin: 1.5em 0 .6em;
}
h3.gold {
margin: 0 0 1em;
text-align: center;
color: #fff;
padding: .15em 0 .25em;
background: #9e9173;
letter-spacing: .050em;
}
h4 {
color: #7f745c;
font-size: 1.15em;
text-align: left;
margin-top: 1em;
border-top: 1px solid #f1e3c6;
padding-top: 1em;
}
.wf-active h4 {
color: #7f745c;
margin: 2.5em 0 .5em;
}
#sidebar h4 {
margin: 1em 0 .5em;
}
#sidebar .wf-active h4 {
margin-top: 4.4em;
}
#sidebar h4, #new-arrivals, h4 {
text-align: center;
}
	#needhome h4 {
	margin: 0 auto .33em;
	padding: .5em 0 .5em;
	font-style: italic;
	color: #7f745c;
	}
	#needhome img { padding-bottom: .6em; }
#news  h3 + h4 {
margin-top: -1.3em;
border: none;
}

#news ol li {
list-style-type: decimal;
list-style-position: inside;
line-height: 1.5;
margin: 0;
padding: 0 0 .4em;
}



/*contant contact code in sidebar*/

#sidebar form {
width: 136px;
background: #161270;
padding: 11px 8px 2px 8px;
margin: 0 0 .5em;
font: bold 12px/1.25 verdana, arial, helvetica, sans-serif;
color: #ececec;
text-align: center;
border-radius : 1em;
-moz-border-radius : 1em;
-webkit-border-radius : 1em;
}
#wrap #sidebar form p {
margin: 0 0 .3em
}
h5 {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
line-height: 1.3;
text-align: center;
margin: .5em;
}
#news h5 {
font-size: 1em;
margin: .75em auto;
color: #0e0d79;
/* font-size: .9em; margin-top: .75em; */
}
input.fill {
background: #E8EDF8;
font: bold 12px/1.2 courier, 'courier new', monospace;
color: #333;
width: 92%;
text-align:center;
}
#wrap p input.submit {
width: auto;
    display:block;
    margin: 9px auto;
    padding: 0;
}

/*navbar*/

ul#footer {
clear: both;
width: 700px;
float: left;
list-style: none;
margin: 1em 0 18px 9.3%;
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;
}

#wrap p.url {	/* sets below navbar */
clear:left;
margin: 1em 0 3em 12.5%;
padding: 0;
font-family: ff-meta-web-pro, helvetica;
font-size: 14px;
color: #b1917c;
letter-spacing: .08em;
}
#wrap .wf-active p.url {
font-family: ff-meta-web-pro, helvetica;
}