/********************************************
* BHHS Legacy Foundation
* Developed by I-ology
* http://www.i-ology.com
*
* Created 03/07/2008 - BD
*
* General Style Definitions
********************************************/

/*******************************************
* Browser Reset - Created by Eric Meyer
*******************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/*******************************************
* Typography - Pulled from BlueprintCSS
*******************************************/

body { font-size: 75%; }

body {
    background: #E1E1CA; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Text Elements
-----------------------------*/

h1,h3,h4,h5,h6 { 
  color: #111; 
}

h1,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 2em; line-height: 1; margin-bottom: 1em; }
h2 { font-size: 1.2em; margin-bottom: 15px; color: #663366; font-weight: bold; }
h3 { font-size: 1em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

p           { margin: 0 0 1.5em; line-height: 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

a:focus, 
a:hover     { text-decoration: none; }
a           { color: #006633; outline: none; }

ul, ol      { margin:0 1.5em 1.5em 2.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
/*dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}*/

/*********************************
* Layout Definitions
*********************************/

#bg {
    width: 100%;
    margin: 0;
    padding-top: 5px;
    background: #663366 url(/images/bg.gif) top left repeat-x;
}

#container {
    width: 910px;
    margin: 0 auto;
    overflow: hidden;
    background: url(/images/bg_container.gif) top left no-repeat;
}

#header {
    margin: 0;
    padding-bottom: 32px;
    width: 910px;
    overflow: hidden;
}

#global {
    width: 910px;
    height: 122px;
    float: right;
}

a#logo img {
    width: 214px;
    height: 58px;
    margin: 32px 0 0 37px;
    float: left;
}

#global-search {
    width: 322px;
    height: 122px;
    float: right;
}

#interior-photo {
    width: 578px;
    height: 185px;
    display: block;
    padding-left: 10px;
    width/**/:/**/568px;
    overflow: hidden;
    float: left;
}

#quote {
    margin: 0;
    padding: 0;
    width: 332px;
    height: 185px;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
}

#content-divider {
    width: 910px;
    margin: 0 auto;
    padding: 0 34px 50px 36px;
    width/**/:/**/840px;
    background: url(/images/bg_content.gif) top left repeat-y;
    color: #333;
    overflow: hidden;
}

#content {
    width: 542px;
    float: left;
    width/**/:/**/493px;
}

#sidebar {
    width: 298px;
    float: right;
    padding-left: 49px;
}

#search {
    width: 287px;
    height: 23px;
    margin-top: 30px;
    display: block;
    overflow: hidden;
    background: url(/images/bg_search_site.gif) top left no-repeat;
}

input.search-field {
    width: 175px;
    height: 22px;
    float: left;
    margin: 5px 0 0 82px;
    padding: 0;
    border: none;
    background: none;
    font-size: 12px;
    color: #666;
}

input#btn-search {
    width: 23px;
    height: 23px;
    margin: 0;
    padding: 0;
    float: right;
}

.divider {
    width: 488px;
    padding: 15px 0 0 0;
    background: url(/images/divider.gif) top left no-repeat;
}

.focus-text {
    padding: 10px 20px; 
    margin: 0; 
    background: #F0F0E5;
    clear: both;
}

.focus-text2 {
    padding: 10px 20px; 
    margin: 0; 
    background: #FBFBF8;
    clear: both;
}

#back {
    padding-top: 5px;
    float: right;
}

#no-items {
    background: #FBFBF8;
    width: 488px;
    padding: 16px 20px 20px 20px;
    width/**/:/**/448px;
    font-size: 11px;
    line-height: 18px;
    color: #666;
    border-top: 1px solid #F0F0E5;
    border-bottom: 1px solid #F0F0E5;
}

#quote {
    width: 322px;
    height: 185px;
    margin-right: 10px;
    padding: 0;
    background: url(/images/bg_quote.jpg) top left no-repeat;
}

#quote p {
    margin-left: 20px;
    padding: 0;
    width: 283px;
    display: block;
    text-indent: -9999px;
}

p.quote1 {
    height: 117px;
    margin-top: 35px;
    background: url(/images/interior_quote1.jpg) top left no-repeat;
}
p.quote2 {
    height: 135px;
    margin-top: 27px;
    background: url(/images/interior_quote2.jpg) top left no-repeat;
}

/*********************************
* Buttons & Promos
*********************************/

a#btn-read-more {
    margin: 16px 15px 0 0;
    padding: 0;
    float: right;
    width: 82px;
    height: 20px;
    display: inline;
    text-indent: -9999px;
    background: url(/images/btn_read_more.jpg) top left no-repeat;
}

a:hover#btn-read-more {
    background-position: bottom;
}

#btnSubmit {
    padding: 10px 20px 10px 0; 
}

#btnView {
    padding: 10px 20px; 
}

#btnClear {
    padding: 10px 20px; 
}

/*********************************
* Lists
*********************************/

#content ul {
    margin-left: 10px;
    padding: 0;
    list-style: none;
}

#content ul li {
    background: url(/images/bullet.gif) 0 6px no-repeat;
    margin-bottom: 15px;
    padding-left: 15px;
    line-height: 1.5em;
}

ol {
    margin: 0 0 10px 3px;
    padding-bottom: 10px;
}

ol li {
    margin: 0 0 15px 25px;
    text-decoration: none;
}

#dynamic-content ol {
    margin-bottom: 2px;
}

#dynamic-content ol li {
    margin-bottom: 5px;
}

ol#questions,
ol#answers {
    padding: 5px 0 0 0;
    width: 415px;
}

ol#answers li {
    margin-bottom: 10px;
}

ul#pdf-list li {
    padding-left: 20px;
    margin-bottom: 5px;
    background: url(/images/pdf_icon.gif) 0 3px no-repeat;
}

/*********************************
* Footer Definitions
*********************************/

#footer {
    width: 100%;
    height: 149px;
    padding-top: 10px;
    border-top: 5px solid #006633;
    background: #E1E1CA;
    color: #333;
    overflow: hidden;
}

#footer-content {
    width: 870px;
    margin: 0 auto;
    font-size: 0.9em;
    line-height: 14px;
    color: #333;
}

#footer-content a {
    color: #333;
}

#footer-left {
    width: 425px;
    float: left;
    padding-top: 10px;
}

#phx-info {
    width: 204px;
    float: left;
    border-right: 1px solid #006633;
}

#northern-info {
    width: 200px;
    float: right;
}

#footer-right {
    width: 185px;
    padding-top: 10px;
    float: right;
}

a#logo-grantmakers {
    float: left;
    width: 108px;
    height: 108px;
    display: block;
    text-indent: -9999px;
    background: url(/images/logo_grantmakers.gif) top left no-repeat;
}

/*********************************
* Promos & Callouts
*********************************/

a#promo-donate-now {
    width: 298px;
    height: 121px;
    display: block;
    margin-bottom: 22px;
    text-indent: -9999px;
    background: url(/images/promo_donate_now.jpg) top left no-repeat;
}

a:hover#promo-donate-now {
    background-position: bottom;
}

a#promo-backpack-buddies {
    width: 308px;
    height: 152px;
    display: block;
    margin: 0 0 32px -11px;
    text-indent: -9999px;
    background: url(/images/promo_backpack_buddies.jpg) top left no-repeat;
}

a:hover#promo-backpack-buddies {
    background-position: bottom;
}

a#promo-grants-database {
    width: 297px;
    height: 85px;
    display: block;
    margin-bottom: 22px;
    text-indent: -9999px;
    background: url(/images/promo_grants_database.jpg) top left no-repeat;
}

a:hover#promo-grants-database {
    background-position: bottom;
}

/*********************************
* Forms
*********************************/

#form-padding {
    width: 450px;
    margin: 0 auto;
}

#form-padding .form-field1,
#form-padding .form-field2,
#form-padding .form-field3 {
    padding: 1px;
}

#form-padding td {
    padding: 10px 0;
}

.form-field2 {
    width: 202px;
}

.form-field3 {
    width: 444px;
}

#choose-category {
    width: 515px;
    height: 25px;
    padding-top: 5px;
    margin: 15px 0 20px 0;
    border-top: 1px solid #E5EFD1;
    border-bottom: 1px solid #E5EFD1;
    overflow: hidden;
    background: #FEFBE6;
}

#choose-category div {
    float: left;
    margin: 0 5px 0 185px;
    _margin-left: 90px;
}

#choose-category select {
    width: 200px;
    margin-right: 5px;
}

#errors h3 {
    margin-bottom: 10px;
    font-weight: bold;
    color: #FF3300;
}

#errors ul li {
    color: #FF3300;
    margin-bottom: 5px;
    padding-left: 15px;
}

/*********************************
* Global Navigation
*********************************/

#global-nav {
    width: 181px;
    height: 19px;
    margin: 18px 0 0 78px;
    padding: 0;
    overflow: hidden;
}

#global-nav ul {
    width: 181px;
    list-style: none;
    display: inline;
}

#global-nav ul li {
    display: inline;
    float: left;
    text-indent: -9999px;
}

#global-nav ul li a {
    height: 19px;
    display: block;
}

a#donate-now {
    width: 95px;
    background: url(/images/global_donate.gif) top left no-repeat;
}

a#contact-us {
    width: 86px;
    background: url(/images/global_contact.gif) top left no-repeat;
}

a:hover#donate-now,
a:hover#contact-us,

body.donate-now-on #global-nav #donate-now,
body.contact-us-on #global-nav #contact-us {
    background-position: bottom;
}

/*********************************
* Main Navigation
*********************************/

#nav {
    width: 910px;
    height: 45px;
    margin: 0;
    padding-left: 10px;
    width/**/:/**/900px;
    clear: both;
    overflow: hidden;
}

#nav ul {
    margin: 0;
    padding: 0;
    width: 890px;
    height: 45px;
    list-style: none;
}

#nav li {
    display: inline;
    float: left;
    text-indent: -9999px;
}

#nav li a {
    height: 45px;
    display: block;
}

a#home {
    width: 101px;
    background: url(/images/nav_home.gif) top left no-repeat;
}
a#about-us {
    width: 124px;
    background: url(/images/nav_about_us.gif) top left no-repeat;
}
a#grant-information {
    width: 190px;
    background: url(/images/nav_grant_information.gif) top left no-repeat;
}
a#grants-awarded {
    width: 173px;
    background: url(/images/nav_grants_awarded.gif) top left no-repeat;
}
a#contribute {
    width: 131px;
    background: url(/images/nav_contribute.gif) top left no-repeat;
}
a#news-events {
    width: 171px;
    background: url(/images/nav_news_events.gif) top left no-repeat;
}

a:hover#home,
a:hover#about-us,
a:hover#grant-information,
a:hover#grants-awarded,
a:hover#contribute,
a:hover#news-events,

body#about-us-on #nav #about-us,
body#grant-information-on #nav #grant-information,
body#grants-awarded-on #nav #grants-awarded,
body#contribute-on #nav #contribute,
body#news-events-on #nav #news-events {
    background-position: bottom;
}

/*********************************
* Sub Navigation
*********************************/

ul.tertiary-areas,
ul.tertiary-funding, 
ul.tertiary-apply {
    display: none;
}

ul#subnav {
    width: 273px;
    margin: 20px 0 38px 11px;
    padding-top: 3px;
    background: url(/images/divider_subnav.gif) top left no-repeat;
    list-style: none;
}

#subnav li {
    width: 273px;
    padding-bottom: 3px;
    display: block;
    text-indent: -9999px;
    background: url(/images/divider_subnav.gif) bottom right no-repeat;
}

#subnav li a {
    height: 35px;
    display: block;
}