/* CSS Document */
/* -- GLOBAL -- */
* {
    margin: 0;
    padding: 0
    }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 76%;
    line-height: 1.5;
    color: #333;
    border-top: 10px solid #6CBADE
    }
/* -- LAYOUT -- */
#container {
    margin: 0 auto;
    padding: 15px 0;
    width: 784px
    }
#masthead, body#home #masthead {
    height: 68px;
    margin: 7px 0 7px 0;
    padding-left: 4px;
    width: 200px;
    position: relative
    }
#masthead a, body#home #masthead a {
    display: block;
    height: 68px
    }
#masthead a.logo, body#home #masthead a.logo {
    background: url(/images/layout/logo-horiz_final.gif) no-repeat;
    width: 300px;
    height: 68px
    }
#masthead h1 {
    margin: 0;
    padding: 0;
    border: none
    }
/* homepage banner */
div#banner-content {
    float: left;
    width: 412px;
    height: 137px;
    border: 6px solid #F5F5F5;
    padding: 13px 20px;
    font-size: 10px
    }
body#home div#banner-content {
    height: 207px
    }
div#banner-content h2 {
    font-size: 3.5em !important;
    font-weight: 100 !important;
    letter-spacing: -1px !important;
    line-height: 1 !important;
    color: #333 !important;
    text-transform: none !important;
    margin: 0 !important
    }
body#home div#banner-content h2 {
    font-size: 5em !important
    }
div#banner-content p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 1.5em !important;
    color: #333 !important;
    margin-top: 10px !important
    }
body#home div#banner-content p {
    font-size: 1.6em;
    margin-top: 0
    }
div#banner-content a.learn-more img {
    margin-top: 4px
    }
body#home div#banner-content a.learn-more img {
    margin-top: 9px
    }
img#banner-image {
    float: right;
    width: 317px;
    height: 175px
    }
body#home div#banner-image-rotator {
    float: right;
    width: 317px;
    height: 245px
    }
body#home div#newsletter-callout {
    float: left;
    width: 100%;
    height: 45px;
    background: url(/images/layout/newsletter-callout-bg.jpg) repeat-x;
    margin-top: 19px;
    border-bottom: 1px solid #D9D9D9;
    padding-top: 6px;
    vertical-align: middle
    }
body#home div#newsletter-callout img#mail-icon {
    margin-left: 12px;
    margin-right: 7px;
    vertical-align: middle
    }
body#home div#newsletter-callout a#sign-up img {
    float: right;
    margin-right: 20px;
    vertical-align: middle;
    margin-top: 4px
    }
body#home div#newsletter-callout span {
    color: #FFF;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.8;
    vertical-align: middle;
    padding-right: 15px;
    border-right: 1px solid #999;
    margin-right: 10px
    }
body#home div#newsletter-callout a#sign-me-up {
    color: #FFF;
    font-size: 1.4em;
    font-weight: 100;
    vertical-align: middle;
    padding-top: 3px
    }
body#home div#newsletter-signup {
    float: right;
    width: 244px;
    height: 270px;
    background: url(/images/layout/newsletter-signup-bg.jpg) repeat-y;
    margin-left: 7px
    }
body#home div#newsletter-signup p {
    font-size: 0.95em;
    color: #322e2f;
    padding: 0 0 0 0;
    font-weight: normal
    }
body#home div#newsletter-signup ul {
    padding-bottom: 10px
    }
body#home div#newsletter-signup ul li {
    font-size: 0.9em;
    color: #322e2f;
    font-weight: normal;
    margin-left: -10px;
    line-height: 1.1em;
    padding: 2px 5px 2px 0
    }
body#home div#newsletter-signup ul li a {
    text-decoration: none
    }
body#home div#newsletter-signup h3 {
    font-size: 1em;
    color: #322e2f;
    font-weight: bold
    }
body#home div#newsletter-signup h2 {
    background: url(/images/layout/newsletter-signup-corner.gif) no-repeat top right
    }
body#home #signup-button img#button {
    position: absolute;
    left: 680px
    }
body#home #signup-button p a.donate-now, #signup-button p a.donate-now {
    height: auto
    }
body#home #signup-button {
    position: absolute;
    left: 680px;
    top: 15px;
    width: 94px;
    height: 92px;
    color: black
    }
body#home #signup-button p, #signup-button p {
    display: block;
    width: 100px;
    height: 92px;
    background: url(/images/layout/signup-button.png) 10px 0 no-repeat;
    padding: 6px 0 0 0;
    margin-top: 10px
    }
body#home #signup-button p, #signup-button p {
    behavior: url(/files/scripts/iepngfix.htc)
    }
body#home #signup-button p a.donate-now {
    color: #fff;
    margin: 26px 0 0 23px;
    width: 63px;
    text-align: center;
    letter-spacing: -0.05em;
    font-size: 1.3em;
    line-height: 98%;
    text-decoration: none;
    position: relative
    }
#signup-button p a.donate-now {
    color: #fff;
    margin: 27px 0 0 24px;
    width: 63px;
    text-align: center;
    letter-spacing: -0.05em;
    font-size: 1.3em;
    line-height: 98%;
    text-decoration: none;
    position: relative
    }
body#blog #signup-button p a.donate-now {
    margin-left: 14px
    }
#signup-button {
    position: absolute;
    left: 680px;
    top: 15px;
    width: 94px;
    height: 92px;
    color: black
    }
#content {
    float: left;
    margin: 35px 0 0 0;
    padding-bottom: 30px;
    background: none;
    width: 100%
    }
body#home #content ul {
    font-size: 10px;
    margin-top: 0 !important
    }
body#home #content ul li {
    float: left;
    list-style: none;
    width: 243px;
    margin-left: 27px
    }
body#home #content ul li:first-child {
    margin-left: 1px
    }
body#home #content ul li h2 {
    margin: 0;
    padding: 0;
    font-size: 1.8em;
    width: 100%;
    border-bottom: 1px solid #000;
    color: #333;
    margin-bottom: 17px
    }
body#home #content ul li img {
    float: left;
    border: 6px solid #E4E4DE;
    margin: 0 11px 5px 0
    }
body#home #content ul li p {
    font-size: 1.4em;
    line-height: 1.45;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    min-height: 260px
    }
body#home #content ul li a {
    display: block;
    float: right;
    margin-top: 5px;
    font-size: 1.4em;
    color: #FF9E0B;
    background: url(/images/layout/yellow-play.png) no-repeat;
    background-position: left center;
    padding-left: 10px;
    line-height: 1.4;
    list-style: none
    }
#column-main {
    float: left;
    width: 473px;
    padding-right: 30px
    }
#column-main p {
    font-size: 1.2em !important
    }
#column-sub {
    margin-top: 35px;
    float: right;
    width: 250px;
    font-size: 10px
    }
#column-sub div:first-child {
    margin-top: 0
    }
#column-sub h2 {
    text-transform: none !important
    }
#block-2 h2 {
    color: #fff;
    background-color: #666;
    padding: 8px;
    font-size: 1.6em
    }
#block-1 p b, #block-2 p b, #block-3 p b {
    line-height: 1.5
    }
#block-2 p, #block-2 ul li a, #block-2 ul li, #block-3 div.middle, #block-3 div.middle div a, #block-3 div.middle ul li, #block-3 p, #block-3 ul li a, #block-1 p, #block-1 p a, #block-2 p a, #block-3 p a, #block-1 form, #block-1 ul li a, #block-2 ul li {
    font-size: 13px !important;
    color: #333;
    line-height: 1.9
    }
#block-2 ul li a:hover, #block-3 div.middle div a:hover, #block-3 ul li a:hover, #block-1 p a:hover, #block-2 p a:hover, #block-3 p a:hover, #block-1 ul li a:hover {
    color: #F90
    }
#block-3 h2 {
    color: #fff;
    background-color: #6CBADE;
    padding: 8px;
    font-size: 1.6em
    }
#block-1 h2 {
    color: #fff;
    background-color: #6CBADE;
    padding: 8px;
    font-size: 1.6em
    }
#block-1 ul, #block-2 ul, #block-3 ul, div.middle {
    width: 238px;
    list-style: none;
    margin: 0;
    padding: 10px
    }
#volunteer-wrapper #column-1 ul, #volunteer-wrapper #column-2 ul {
    list-style: none;
    font-size: 1.2em
    }
#column-main ul:first-child {
    list-style: none;
    font-size: 1.2em
    }
div.middle {
    padding-left: 0
    }
#block-1, #block-2, #block-3 {
    float: right;
    width: 100%;
    margin-top: 20px
    }
#block-1 p, #block-2 p, #block-3 p {
    padding: 10px 10px 0 10px
    }
#block-1 p.bottom, #block-2 p.bottom, #block-3 p.bottom {
    padding: 0
    }
#footer {
    float: left;
    background: #F5F5F5;
    width: 100%;
    height: 12px;
    padding: 11px 0;
    font-size: 10px
    }
#footer ul {
    text-align: center;
    margin: 0;
    padding: 0
    }
#footer ul li {
    display: inline;
    padding: 0 10px;
    font-size: 1.2em;
    border-left: 1px solid #333;
    line-height: 1
    }
#footer ul li a {
    color: #333
    }
#footer ul li:first-child {
    border: none
    }
/* -- GLOBAL NAVIGATION -- */
#global-nav {
    width: 100%
    }
#global-nav ul {
    margin: 0
    }
ul#global-list-left {
    float: left;
    margin-left: 0
    }
ul#global-list-right {
    float: right;
    text-align: right
    }
ul#global-list-left li, ul#global-list-right li {
    display: inline;
    list-style-type: none
    }
ul#global-list-left li.first a, ul#global-list-right li.first a, ul#global-list-left li a {
    padding-right: 4px;
    border-right: 1px solid #666
    }
ul#global-list-left li.last a, ul#global-list-right li.last a {
    border-right: 0
    }
ul#global-list-left li a, ul#global-list-right li a {
    color: #9d9fa1;
    text-decoration: none;
    font-weight: bold;
    font-size: 0.9em
    }
ul#global-list-left li a:hover, ul#global-list-right li a:hover {
    text-decoration: underline;
    color: #F90
    }
ul#global-list-right li {
    display: block;
    float: left
    }
ul#global-list-right li a {
    margin-right: 4px;
    padding-right: 4px;
    border-right: 1px solid #666;
    color: #f90
    }
ul#global-list-right li#utility-twitter, ul#global-list-right li#utility-linkedin, ul#global-list-right li#utility-youtube, ul#global-list-right li#utility-facebook, ul#global-list-right li#utility-blog, ul#global-list-right li#utility-rss {
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    text-align: left;
    text-indent: -9999em
    }
ul#global-list-right li#utility-twitter a, ul#global-list-right li#utility-linkedin a, ul#global-list-right li#utility-youtube a, ul#global-list-right li#utility-facebook a, ul#global-list-right li#utility-blog a, ul#global-list-right li#utility-rss a {
    border: none;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    text-indent: -9999em
    }
li#utility-twitter a {
    background: transparent url(/images/icons/twitter.png) top center no-repeat
    }
li#utility-linkedin a {
    background: transparent url(/images/icons/linkedin.png) top center no-repeat
    }
li#utility-youtube a {
    background: transparent url(/images/icons/youtube.png) top center no-repeat
    }
li#utility-facebook a {
    background: transparent url(/images/icons/facebook.png) top center no-repeat
    }
li#utility-blog a {
    background: transparent url(/images/icons/blog.png) top center no-repeat
    }
li#utility-rss a {
    background: transparent url(/images/icons/rss-small.gif) top center no-repeat
    }
/* -- MAIN NAVIGATION -- */
ul#main-nav {
    width: 100%;
    height: 40px;
    border: 1px solid #000;
    border-left: none;
    border-right: none;
    margin: 0 0 20px;
    padding: 0;
    font-size: 10px
    }
ul#main-nav li {
    display: inline
    }
ul#main-nav li#volunteer {
    margin-left: 21px
    }
ul#main-nav li#give {
    margin-left: 36px
    }
ul#main-nav li#programs {
    margin-left: 35px
    }
ul#main-nav li#news-and-events {
    margin-left: 37px
    }
ul#main-nav li#about-us {
    margin-left: 37px
    }
ul#main-nav li#learn {
    margin-left: 34px
    }
ul#main-nav li#blog {
    margin-left: 33px
    }
ul#main-nav li a {
    color: #000;
    text-decoration: none;
    font-size: 1.5em;
    display: block;
    float: left;
    height: 20px;
    margin-top: 2px;
    line-height: 1.5em;
    padding: 8px 16px;
    margin-left: 5px;
    text-transform: uppercase
    }
ul#main-nav li a:hover, ul#main-nav li a.current-page {
    color: #FFF;
    background-color: #6CBADE
    }
/* -- SPECIAL -- */
span.layout-replace, #skip-nav, .layout-top {
    /* Image Replacement */
    display: block;
    width: 0;
    height: 0;
    overflow: hidden
    }
/* Clear fix */
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
    }
.clear_div {
    clear: both
    }
.clear {
    display: block
    }
/*  \*/
.clear {
    min-height: 1%
    }
* html .clear {
    height: 1%
    }
/*  */
.highlight_red {
    color: #f00
    }
a.highlight_red:hover {
    color: #f00
    }
#column-main a.headline_red {
    font-size: 1.1em;
    font-weight: bold;
    float: right;
    margin-top: 15px;
    color: #f00
    }
/* 2011 WEBSITE REFRESH ~IZZI */
h1.homepage a {
    text-decoration: none
    }
h1.homepage {
    border: none;
    margin: 0;
    padding: 0;
    display: inline
    }
div#header a#donate-now img {
    float: right;
    margin-top: 35px
    }
body#home #content ul li#headlines span {
    display: block;
    margin-bottom: 15px
    }
body#home #content ul li#headlines a.headline {
    display: block;
    color: #F90;
    float: left;
    font-size: 1em;
    margin-left: 10px
    }