/* Woodcock Foundation CSS - Coded 2009 by Model A Interactive - www.modelainteractive.com */


/*-------------------------------------------------
=GLOBAL
-------------------------------------------------*/
html { height: 100%; overflow-y: scroll; background: #FFF url(../img/bg-tile.png) repeat-y top; }
body { font: 14px/20px Arial, Helvetica, sans-serif; color: #707070;  padding: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
a { color: #489190; text-decoration: underline; }
a:hover { color: #936440; text-decoration: underline; }
p { margin-bottom: 16px; }
h1 { font: normal 24px/29px Georgia, "Times New Roman", Times, serif; color: #936440; }
h1 sup { font-size: 16px; line-height: 24px;}
h2 { font: normal 17px/26px Georgia, "Times New Roman", Times, serif; color: #936440; text-transform: uppercase; }
h3 { font: bold 14px/20px Georgia, "Times New Roman", Times, serif; color: #707070; }
h4 { font: normal 20px/24px Georgia, "Times New Roman", Times, serif; color: #FFF; }
h5, h5 a { font: normal 12px/20px Arial, Helvetica, sans-serif; color: #936440; text-transform: uppercase; }

#outerWrap { min-height: 100%; width: 100%; margin: 0 auto; overflow: hidden; background: url(../img/bg-head-tile.png) no-repeat top; }
#pageWrap { width: 939px; padding: 24px; margin: 0 auto; background-color: #FFF; overflow: hidden; }
#content { min-height: 543px; background: url(../img/bg-page.jpg) 0 0 no-repeat; padding: 20px; }
#pageHeader { width: 584px; float: left; margin-bottom: 16px; }
#pageHeader h5 { padding: 16px 0 10px; }

/*-------------------------------------------------
=HEADER/NAV
-------------------------------------------------*/
#mainNav { height: 80px; position: relative; }
#mainNav h1 a { width: 220px; height: 60px; text-indent: -9999px; overflow: hidden; display: block; background-image: url(../img/head-logo.gif); }
#mainNav ul { position: absolute; bottom: 22px; right: -10px; }
#mainNav li { float: left; }
#mainNav li a { font: normal 17px/26px Georgia, "Times New Roman", Times, serif; color: #936440; text-transform: none; text-decoration: none; padding: 6px 10px 8px 10px; zoom: 1; }
#mainNav li a:hover, #mainNav li a.selected { background-color: #F7F7F5; zoom: 1; }

/*-------------------------------------------------
=HOMEPAGE
-------------------------------------------------*/
#content.home { background: none; padding: 0; }

#homeLeftTop { width: 620px; height: 330px; display: inline; float: left; margin-bottom: 4px; margin-right: 4px; }

#homeRightTop { width: 275px; height: 315px; padding: 15px 20px 0px 20px; float: left; background: url(../img/bg-homeRightTop.gif) 0 0 no-repeat; margin-bottom: 4px; position: relative; }
#homeRightTop h5 a { position: absolute; left: 20px; top: 311px; line-height: 11px; text-decoration: none; color: #F2EDE2; background: url(../img/arrow-beige.gif) 100% 60% no-repeat; padding-right: 10px; font-size: 11px; }
#homeRightTop h5 a:hover { border-bottom: 1px solid #F2EDE2; }

#homeLeftBot { width: 580px; padding: 10px 20px 40px 20px; background: url(../img/bg-homeLeftBot.jpg) 0 0 no-repeat; float: left; overflow: hidden; }
#homeLeftBot a, .grantee a { background: url(../img/arrow-green.gif) 100% 60% no-repeat; padding-right: 10px; text-decoration: none; font: normal 12px/16px Georgia, "Times New Roman", Times, serif; color: #489190; text-transform: uppercase; }
#homeLeftBot p, #homeLeftBot h3 { font-size: 13px; line-height: 19px; }
#homeLeftBot a:hover, #hub a:hover { text-decoration: underline; }
#homeLeftBot ul { width: 460px; }
#homeLeftBot li { border-bottom: 1px solid #e9dfd5; margin-bottom: 16px; }
#homeLeftBot li.last { border-bottom: none; }

#homeRightBot { width: 275px; min-height: 250px; height: auto!important; height: 250px; padding: 10px 20px 40px 20px; background: url(../img/bg-homeRightBot.jpg) 0 0 no-repeat; float: right; overflow: hidden; }
#homeRightBot ul { width: 275px; margin-top: 30px; }
#homeRightBot li { border-bottom: 1px solid #e9dfd5; padding-bottom: 14px; margin-bottom: 16px; background: url(../img/arrow-grey-lg.gif) 100% 40% no-repeat; }
#homeRightBot li.last { border-bottom: none; }
#homeRightBot li a { font: normal 22px/22px Georgia, "Times New Roman", Times, serif; color: #676767; text-transform: none; text-decoration: none; }
#homeRightBot li a:hover { color: #489190; }

/*-------------------------------------------------
=GRANTEE PAGE
-------------------------------------------------*/
#leftSidebar { clear: both; width: 208px; float: left; margin-right: 20px; }
.whiteBox { background: url(../img/bg-whiteBox.gif) 0 0 no-repeat; margin: 0 0 4px 0; }
.logo { width: 200px; height: 98px; padding: 32px 4px 0 4px; }
.grants { width: 208px; height: 105px; padding-top: 25px; }
.grants h2 { text-align: center; line-height: 20px; }
.grants h3.amount { text-align: center; font-weight: normal; color: #489190; font-size: 24px; margin: 10px 0 0 0!important; line-height: 105%; }
#leftSidebar h3 { margin: 20px 0 0 10px; }
#leftSidebar p { margin-left: 10px; line-height: 19px; }

#center { float: left; width: 443px; margin-bottom: 40px; }
#center h1 { padding-bottom: 20px; border-bottom: 1px solid #E6DCCF; margin: -5px 0 20px; }


#rightSidebar { float: right; width: 208px; margin-top: -48px; }
#granteeBird { width: 208px; height: 150px; }

/*-------------------------------------------------
=COLLABORATOR PAGE
-------------------------------------------------*/
h5.date { margin: -10px 0 15px 0; }
.downloadDoc { float: right; margin: 0 0 15px 15px; }
.downloadDoc a { display: block; }
.downloadDoc img { border: 1px solid #CCC; }

/*-------------------------------------------------
=BUTTONS
-------------------------------------------------*/
a.button { border-top: 1px solid #E6DCCF; padding: 3px 0; text-transform: uppercase; width: 208px; display: block; text-decoration: none; font-size: 12px; background: url(../img/arrow-green-lg.gif) 100% 9px no-repeat; clear: both; }




/*-------------------------------------------------
=HUB
-------------------------------------------------*/
#pageHeader.hub { width: 620px; }
#hub { clear: both; margin: 0 -5px 40px 0; overflow: hidden; }
#hub h2 { clear: both; color: #489190; margin: 0 0 5px 0; }
#hub h2 a { text-decoration: none; border-bottom: 1px solid #489190; }
#hub h2 a:hover { text-decoration: none; border-bottom: 1px solid #936440; color: #936440; }

.grantee { position: relative; width: 199px; height: 133px; background-color: #FFF; border: 3px solid #F2EDE1; float: left; margin: 0 5px 5px 0; padding: 8px; display: block; }
.grantee p { font-size: 11px; line-height: 13px; }
.grantee a { position: absolute; bottom: 8px; right: 10px; font-size: 11px; }
.grantee:hover { border-color: #89b5b2; cursor: pointer!important;	cursor: hand; }
.grantee.last { margin-bottom: 30px; }

/*-------------------------------------------------
=LISTPAGE
-------------------------------------------------*/
#text.list h1 { font-size: 21px; border-bottom: 1px solid #E6DCCF; padding-bottom: 4px; margin: 30px 0 10px 0; }

/*-------------------------------------------------
=BIRDS
-------------------------------------------------*/
#bird.hub { background: url(../img/bird-grantee_hub.png) 50% 20px no-repeat; height: 147px; width: 205px; float: right; }
#bird { margin: 15px 0 10px 0; width: 280px; }
#birdSidebar { width: 280px; float: right; }

/*-------------------------------------------------
=TEXT
-------------------------------------------------*/
#text { float: left; width: 584px; margin: 0 20px 40px 0; }
#text h5 { margin-top: 10px; text-transform: none; font-size: 14px; }
#pullQuote { width: 280px; padding: 10px 0 16px 0; float: right; border-bottom: 1px solid #E6DCCF; border-top: 1px solid #E6DCCF; }
#pullQuote h4 { color: #489190; }
#text ul, #center ul { margin: 0.5em 0 1em 0; }
#text li, #center li { background: url(../img/bullet-green.gif) 0 0.5em no-repeat; padding-left: 10px; margin-bottom: 0.5em; }


/*-------------------------------------------------
=FOOTER
-------------------------------------------------*/
#footer { margin: 40px 0; clear: both; background: url(../img/bg-footer.gif) 0 0 repeat-x; font: normal 9px/9px Arial, Helvetica, sans-serif; color: #936440; text-transform: uppercase; }
#footer div.nav { padding-top: 18px; }
#footer a { font: normal 9px/9px Arial, Helvetica, sans-serif; color: #936440; text-decoration: none; }
#footer a:hover { color: #489190; }
#footer p#footLinks { float: left; }
#footer p#siteBy { float: right; }
#footer p#siteBy a { color: #489190; border-bottom: 1px solid #489190; }
#footer p#siteBy a:hover { color: #936440; border-bottom: 1px solid #936440; }

#footer p#illustratedBy { float: right; }
#footer p#illustratedBy a { color: #489190; border-bottom: 1px solid #489190; }
#footer p#illustratedBy a:hover { color: #936440; border-bottom: 1px solid #936440; }

#footer p { margin-bottom: 10px; }


/*-------------------------------------------------
=OTHER
-------------------------------------------------*/
/*Removes blue glow from Safari form input and Firefox dotted line focus*/
:focus, a { -moz-outline-style: none; outline: none !important; }

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}