/*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html { color: #000; font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif; background-color: transparent; height: 100%; margin-left: 0; padding-left: 0;  /*** This is the left column background "faked" with an image. You can also position the image using left top repeat-y. The 100px is added to have control of where the vertically repeating starts. The background color #fff (white) will be the background color for our content area ***/
}

body {
font-size: 11px; /* Don't work in IE */
}
p { font-size: 12px; line-height: 21px; padding: 7px 0; }
a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
hr{ width: 100%; height: 1px; }
blockquote { font-size: 11px; line-height: 18px; background: url(../img/layout/quote-upper.png) no-repeat left top; text-align: center; width: 130px; margin: 0 auto 0 38px; padding: 15px 15px 0 18px; }
blockquote div { background: url(../img/layout/quote-lower.png) no-repeat right bottom; padding-bottom: 15px; }
#header h1{ color: #fff; position: absolute; top: 5px; left: 8%; width: 187px; height: 118px; margin-top: 0; margin-left: 0; }
h1 a, #header h2{
color: #fff;
}
.clear {
  clear:both;
  margin-bottom: -1px; /* for Gecko-based browsers */
  overflow:hidden;
  padding-bottom: 1px; /* for Gecko-based browsers */
}
.clearfix:after {
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.no-border{border: none;}
#mainContainer { background-color: transparent; background-image: none; min-height: 100%; margin-top: 200px; margin-left: 0; /*** This is the right column background "faked" with an image.  The 100px is added to have control of where the vertically repeating starts. ***/
}

/**************************
HEADER
**************************/
#header { background-color: #f9fff7; background-image: url(../img/layout/header-new.jpg); background-repeat: no-repeat; background-position: right top; position: fixed; top: 0; right: 0; width: 100%; height: 118px; z-index: 100; visibility: visible; min-width: 700px; padding: 10px; }

/**************************
NAVIGATION
**************************/
.menu { color: #b50f1b; font-size: 12px; font-weight: bold; font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; width:100%; height:54px; visibility: visible; margin: 0 auto; position: fixed; top: 118px; right: 0; z-index:100; }

#breadcrumbs { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; width:600px; height:14px; visibility: visible; margin: 0 auto; position: fixed; top: 168px; left: 0; z-index:10000; }

#breadcrumbs1 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; width:600px; height:14px; visibility: visible; margin: 0 auto; position: fixed; top: 165px; left: 0; z-index:10000; }


#language-new { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; width:175px; height:54px; visibility: visible; margin: 0 3px 0 auto; position: fixed; top: 146px; right: 0; z-index:1000; float: right; padding-right: 3px; padding-left: 10px; }
.language-nav-main { background-color: transparent; text-align: center; width:160px; height:auto; visibility: visible; position: inherit; top: 0; right: 0; z-index:10; margin: 0 0 3px auto; padding-right: 5px; padding-left: -5px; }
.second-nav { position: inherit; top: inherit; width: 175px; height: auto; visibility: visible; margin: -50px auto 0; z-index:100; float: left; }
#get-involved { background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; width:auto; height:auto; visibility: visible; margin: 0 auto 30px; position: relative; left: 0; z-index:10000; padding-top: 0; padding-bottom: 12px; border-bottom: 1px solid #00a49e; }
/**************************
CONTENT AND COLUMNS
**************************/
.outer { background-color: transparent; margin-top: 0; padding-top: 0; padding-left: 165px; /*** Same width as margin-left for the float-wrap div ***/
padding-right: 200px; /*** Our right column width ***/
}
.inner { background-color: transparent; width: 100%; margin-top: 0; padding-top: 0; padding-bottom: 53px; /*** Padding-bottom value is the same value as the total height of the footer ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap { background-color: transparent; float: left; width: 100%; margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}
#content { background-color: transparent; position: relative; width: 100%; float: right; margin-right: -165px; padding-left: 165px; /*** IE needs this  ***/
}
.contentWrap{ padding-top: 0; padding-left: 5%; border-left: 1px groove #393b32;
padding-bottom: 100px;
margin-bottom: 100px;
}
.contentWrap p{ color: #522621; font-size: 12px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 21px; margin-top: 0; padding-top: 0; }
.contentWrap h1{ color: #b50f1b; font-size: 16px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-top: 0; padding-top: 18px; }
.contentWrap h2{ color: #b50f1b; font-size: 15px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-transform: uppercase; margin-top: 0; margin-bottom: 5px; padding-top: 10px; }
.contentWrap h2.news{ color: #b50f1b; font-size: 14px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-transform: uppercase; margin-top: 0; margin-bottom: 5px; padding-top: 10px; }
.contentWrap h2.italic{ color: #5d0c7b; font-size: 15px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; text-transform: none; margin-top: 0; margin-bottom: 0; padding-top: 2px; padding-bottom: 5px; }
.contentWrap h3{ color: #e97117; font-size: 13px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 5px; margin-bottom: 0; }
.contentWrap h4{ color: #00a49e; font-size: 11px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0 0 5px; }
.contentWrap h4.readmore{ color: #00a49e; font-size: 11px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: url(../img/layout/bullet-pur.gif); background-repeat: no-repeat; background-position: right center; text-align: right; margin: -20px 20px 0 0; padding-top: 0; padding-right: 10px; padding-bottom: 2px; }
.contentWrap h4 a{ color: #00a49e; }
.contentWrap h4 a:hover{ border-bottom: 1px dotted #5d0c7b; }
.contentWrap h3.grants { background: url(../img/layout/recent-grants-title.png) no-repeat center; text-indent: -200em; width: 150px; height: 15px; z-index: 40; margin-top: 8px; margin-left: 0; }
.contentWrap h3.news { background: url(../img/layout/news-title.png) no-repeat center; text-indent: -200em; width: 150px; height: 15px; z-index: 40; margin-left: 0; padding-top: 10px; padding-left: 0; }
.contentWrap ol, .contentWrap ul {
margin: 3px 50px 5px -10px;
}
.contentWrap li { font-size: 12px; line-height: 18px; background-image: url(../img/layout/bullet-pur.gif); background-repeat: no-repeat; background-position: 0 5px; position: relative; width: 100%; height: 100%; padding-top: 2px; padding-bottom: 10px; padding-left: 15px; list-style: none; display: block; white-space: normal; }
.contentWrap a { color: #f08824; text-decoration: none; }
.contentWrap a:hover { color: #b50f1b; border-bottom: 1px solid #b50f1b;}

/* Multiple Columns in Main Body */
.column1-unit {width:100%;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left { float:left; width:45%; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-right: 2%; }
.column2-unit-right { float:right; width:47%; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left: 5%; border-left: 1px solid #9ebbc6; }
.column2-unit-right-nb {float:right; width:47%; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; padding-left: 5%; border-left: none;}
.column3-unit-left {float:left; width:30%; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:30%; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:10%;}
.column3-unit-right {float:right; width:30%; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.clear-contentunit {clear:both; width:100%; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}
/*CONTACT FORM STYLE */
.contactform {width:90%; margin:2em 0 0; padding:10px 10px 0; border:solid 1px #00a49e; background-color:#fdf8e5;}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:25%; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:40%; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.field {width:60%; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform textarea {width:60%; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/*style used for bios */
.bios{ background-color: transparent; width: 100%; height: 100%; min-height: 250px; margin-bottom: 25px; }
.bios p{ color: #522621; font-size: 12px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }

/* style used for image maps */
.mapview{ background-color: transparent; position: relative; top: 0; width: 100%; height: 110%; float: left; min-height: 155px; }
.mapview p{ font-size: 10px; font-style: italic; text-align: left; }

/* style used for highlighting text */
div.emphasis{ background-color: transparent; width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px; padding: 10px; border-top: 1px #00a49e solid; border-bottom: 1px #00a49e solid; }
div.emphasis p { color: #606060; font-size: 13px; font-family: "lucida grande", verdana, helvetica, arial, Verdana; font-style: italic; line-height: 24px; background-color: transparent; text-align: center; }
div.emphasis p.notation{ color: #000; font-size: 11px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; line-height: 13px; background-color: transparent; text-align: right; padding: 0 5px 5px; }
.contentWrap p.emphasis{ color: #606060; font-size: 12px; font-family: "lucida grande", verdana, helvetica, arial, Verdana; font-style: italic; line-height: 24px; background-color: transparent; text-align: center; width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px; padding: 10px; border-top: 1px groove #00a49e; border-bottom: 1px groove #00a49e; }
.contentWrap p.emphasis2{ color: #606060; font-size: 12px; font-family: "lucida grande", verdana, helvetica, arial, Verdana; font-style: italic; line-height: 24px; background-color: transparent; text-align: center; width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px; padding: 10px; border-bottom: 1px groove #00a49e; }
.contentWrap p.notation{ color: #000; font-size: 11px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 13px; background-color: transparent; text-align: right; padding: 0 5px 5px; }
.contentWrap p.notation-left{ color: #000; font-size: 11px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 13px; background-color: transparent; text-align: left; padding: 0 5px 5px; }

.highlight a, highlight h3{ color: #5d0c7b; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; }

/* style used for grantmaking highlight box */
.grantmaking { background-color: transparent; position: relative; width: 100%; height: 100%; min-height: 250px; padding: 8px; }
.grantmaking p{ color: #edffe2; font-size: 13px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 21px; text-align: left; padding: 0; }
.grantmaking p.title{ color: #fbd448; font-size: 14px; font-weight: bold; font-style: italic; line-height: 15px; text-align: left; }
.grantmaking a{ color: #00a49e; font-size: 12px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; font-variant: small-caps; line-height: 18px; padding: 5px 8px 0; border-left: 3px solid #e97117; } 

/* style used for grantmaking highlight box */
.news { background-color: transparent; position: relative; width: 100%; height: 100%; padding: 8px; }
.news p{ color: #edffe2; font-size: 13px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 21px; text-align: left; padding: 0 20px; }
.news p.title{ color: #fbd448; font-size: 14px; font-weight: bold; font-style: italic; line-height: 15px; text-align: left; }
.news a{ color: #00a49e; font-size: 13px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; padding: 0px 0px 0px 0px;
text-decoration: underline; } 
.news a:hover { color: #8694cf; font-size: 13px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 18px; padding: 0px 0px 0px 0px; }

/* style used for publications section */
.publication { background-color: transparent; position: relative; width: 100%; min-height: 250px; margin: 0; padding: 4px 8px 4px 8px;
height: 100%;
top: 0em;
left: 0em; }
.publication p{ color: #3e3f3a; font-size: 10px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; padding: 0;
margin: 0em; }
.publication p.title-top{ color: #b50f1b; font-size: 14px; font-weight: bold; line-height: 15px; text-align: center; margin-top: 40px; }
.publication p.title{ color: #b50f1b; font-size: 14px; font-weight: bold; line-height: 15px; margin-top: 20px; padding-top: 1px}
.publication p.article-title{ color: #333333; font-size: 12px; font-weight: bold; line-height: 15px; margin-top: 25px; padding-top: 1px;
font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif; }
.publication p.title-image{ color: #b50f1b; font-size: 14px; font-weight: bold; line-height: 15px; margin-top: 0px; padding-top: 80px;
padding-bottom: 50em; }
.publication p.subtitle{ color: #b50f1b; font-size: 13px; font-weight: normal; font-style: italic; line-height: 15px; margin-top: 5px; }
.publication p.author{ color: #e97117; font-size: 12px; line-height: 13px; background-color: transparent; margin-top: -5px; padding: 10px 5px 5px 0px; }
.publication p.date{ color: #191919; font-size: 10px; line-height: 11px; background-color: transparent; text-decoration: none; margin-top: 5px; margin-bottom: 5px; padding-top: 0;
padding-bottom: 5px; }
.publication p.note{ color: #b50f1b; font-size: 10px; font-style: italic; line-height: 11px; background-color: transparent; margin-top: 10px; padding: 0px 5px 5px 0px; }
.publication a{ color: #00a49e; font-size: 11px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; font-variant: small-caps; line-height: 18px; margin-top: 5px; margin-bottom: 5px; padding: 3px 8px 3px 0px;
text-align: left; }
.titlebar { position: relative; width: 95%; height: 100%; padding: 5px; border-bottom: 1px solid #00a49e; }
.titlebar h2{ color: #5d0c7b; font-size: 14px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; font-variant: small-caps; }
.titlebar p.note{ color: #b50f1b; font-size: 10px; font-style: italic; line-height: 11px; background-color: transparent; text-align: left; margin-top: -10px; padding: 0 5px 5px; }
/*styles used for grant application form */
#requirements {width:95%;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
#requirements ul, #requirements ol{ margin: 3px 20% 5px 20px; list-style-type: none; }
#requirements li{ font-size: 12px; line-height: 17px; background-image: none; position: relative; width: 100%; height: 100%; padding-bottom: 5px; padding-left: 10px; list-style: decimal; display: list-item; white-space: normal; }
#requirements h3{ margin-left: -40px; }
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left { background-image: none; background-repeat: no-repeat; float: left; width: 160px; padding: 0; position: fixed; height: auto; margin-top: 0; /*** IE needs this  ***/
}
#right a:hover { color: #8496d7; font-size: 11px; text-decoration: none; }

#left h3.apply-btn { background: url(../img/layout/button-org2.gif) no-repeat left center; position: relative; width: 160px; height: 47px; z-index: 40; margin-top: -50px; margin-left: 0; padding-top: 35px; padding-left: 0; }
/*
#left .language-menu li.apply-btn { color: #f9fff7; background-image: url(../img/layout/button-org2.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; position: relative; width: 160px; height: 47px; z-index: 40; margin-top: -25px; margin-left: -10px; padding-top: 25px; padding-left: 10px; }
*/
#left h3.apply-btn a { color: #f9fff7; font-size: 12px; font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; margin: 0 0 0 10px; padding: 0; }
* html #left h3.apply-btn a { font-size: 11px; }
#left h3.apply-btn a:hover{ color: #ffdb4c; font-stretch: condensed; text-decoration: none; }

#left h3.donate-btn { background-image: url(../img/layout/button-pur.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; position: relative; width: 160px; height: 47px; z-index: 40; margin-top: 20px; margin-left: 0; padding-top: 40px; padding-left: 0; }
#left h3.donate-btn a { color: #f9fff7; font-size: 13px; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; margin-right: 0; margin-bottom: 0; margin-left: 20px; padding-right: 0; padding-bottom: 0; padding-left: 0; }
* html #left h3.donate-btn a { font-size: 11px; }
#left h3.donate-btn a:hover{ color: #7685c7; text-decoration: none; }

#left h3.events-btn { background: url(../img/layout/events-btn.gif) no-repeat left center; position: relative; width: 160px; height: 47px; z-index: 40; margin-top: -50px; margin-left: 0; padding-top: 35px; padding-left: 0; }
#left h3.events-btn a { color: #f9fff7; font-size: 12px; font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center; margin: 0 0 0 10px; padding: 0; }
* html #left h3.events-btn a { font-size: 11px; }
#left h3.events-btn a:hover{ color: #ffdb4c; font-stretch: condensed; text-decoration: none; }

#left h3.special-btn { background: url(../img/layout/button-grn3.gif) no-repeat left center; position: relative; width: 160px; height: 47px; z-index: 40; margin-top: -50px; margin-left: 0; padding-top: 35px; padding-left: 0; }
#left h3.special-btn a { color: #f9fff7; font-size: 12px; font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center;margin: 0 0 0 10px;padding: 0px; }
* html #left h3.special-btn a { font-size: 11px; }
#left h3.special-btn a:hover{ color: #ffdb4c; font-stretch: condensed; text-decoration: none; }

#left ul { font-size: 12px; text-align: left; height: auto; margin-top: 5px; margin-right: 2px; margin-left: 2px; list-style: none; padding-bottom: 4px;
padding-left: 0px; }
#left li {padding-bottom: 5px; }
#left li a { color: #b50f1b; font-size: 11px; font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none; text-transform: capitalize; text-align: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; border-style: none;
font-weight: bold; }
#left li a:hover { color: #f08824; }
/*************************
RIGHT COLUMN
**************************/
/*see specific layout stylesheets to change font colors */
#right { font-size: 12px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: transparent; float: right; width: 200px; padding: 5px; position: relative; /*** IE needs this  ***/
margin-right: -200px; /** This negative margin-right value is the same as the right column width (width + padding). ***/
position: relative; top: 0; right: 0; height: auto; margin-top: 0; margin-left: auto; /*** IE needs this  ***/
}
#right h3 { font-size: 14px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; margin: 40px auto 0 40px; padding: 0; }
#right h4 { color: #ffdb4c; font-size: 13px; font-family: "Lucida Grande", Verdana, Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 24px; text-align: center; margin-top: 10px; margin-right: auto; margin-left: 30px; padding: 0; }
#right h5 { color: #ffdb4c; font-size: 12px; font-family: "lucida grande", verdana, helvetica, Verdana; font-weight: normal; font-style: italic; line-height: 20px; text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
#right ul { font-size: 12px; text-align: center; height: auto; margin-top: 5px; margin-right: 2px; margin-left: 2px; list-style: none; padding-bottom: 4px; }
#right li {padding-bottom: 5px; }
#right hr { width: 160px; margin-left: 40px; }

#right p { font-size: 12px; line-height: 18px; text-align: center; margin-right: 0; margin-left: 50px; padding-top: 0; padding-bottom: 2px; }
#right p.notation{font-size: 10px; line-height: 12px; text-align: center; margin-left: 40px; padding-bottom: 2px;}
#right a { font-size: 12px; text-decoration: none; text-align: center; }
#right a:hover { font-size: 12px; }
#right a img{border:none; margin-left:auto; margin-right:auto;}
#quote-left{ background-color: transparent; background-image: url(../img/layout/quote1.png); background-repeat: no-repeat; background-position: 32px 0; position: relative; top: 0; width: 175px; height: 100%; z-index: 75; margin-left: 0; padding-right: 10px; padding-left: 10px; border-style: none; }
#quote-left p{ font-size: 10px; font-family: "lucida grande", verdana, helvetica, arial; font-weight: normal; font-style: italic; line-height: 21px; text-align: center; padding-bottom: 2px; }
#quote-left p.notation{font-size: 9px; line-height: 12px; text-align: right; margin-right: 10px; padding-bottom: 2px;}

/**************************
FOOTER
**************************/

#footer { height: 53px; /*** The drawback with this solution is that the height of the footer can't have a flexible height. If you add so much content to the footer that it extends 45px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/

text-align: center; color: #fff; background-color: #f9fff7; background-repeat: repeat-x; background-attachment: scroll; background-position: right 0; position: fixed; right: 0; bottom: 0; width: 100%; z-index: 200; visibility: visible; margin: -53px auto 0; }
#footer p { font-size: 11px; text-align: center; margin-top: 25px; }
#footer a { font-size: 10px; line-height: 18px; text-decoration: none; text-align: center; }
* html #footer a { font-size: 8px; line-height: 18px; text-decoration: none; text-align: center; }


/**************************
INTERIOR ELEMENTS
**************************/
/*HIGHLIGHT BOX USED FOR DONATE NOW AND APPLY FOR GRANT */

/* set the image to use and establish the lower-right position */ 

.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: transparent url(../img/layout/highlight-box-red2.jpg) no-repeat bottom right; } 
.cssbox { width: 195px !important; /* intended total box width - padding-right(next) */ width: 180px; /* IE Win = width - padding */ padding-right: 5px; /* the gap on the right edge of the image (not content padding) */ margin: 20px auto 20px -40px; /* use to position the box */ } 

/* set the top-right image */ 
.cssbox_head { background-position: right top; margin-right: -5px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.cssbox_head h2 { color: #fff; font-size: 11px; text-decoration: none; background-position: left top; text-align: center; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 0 35px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } 

/* set the lower-left corner image */ 
.cssbox_body { background-position: left bottom; margin-right: 35px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 


/*HIGHLIGHT BOX USED FOR MIDDLE COLUMN HIGHLIGHTS */

/* set the image to use and establish the lower-right position */ 

.cssbox2, .cssbox2_body, .cssbox2_head, .cssbox2_head h2 { background: transparent url(../img/layout/highlight-box2.jpg) no-repeat bottom right; } 
.cssbox2 { width: 100% !important; /* intended total box width - padding-right(next) */ width: 90%; /* IE Win = width - padding */ height: 100%; padding-right: 5px; /* the gap on the right edge of the image (not content padding) */ margin: 5px auto; /* use to position the box */ } 

/* set the top-right image */ 
.cssbox2_head { background-position: right top; margin-right: -5px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.cssbox2_head h2 { color: #fff; font-size: 11px; text-decoration: none; background-position: left top; text-align: center; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 0 35px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } 

/* set the lower-left corner image */ 
.cssbox2_body { background-position: left bottom; margin-right: 35px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 
.cssbox2_body h3 { color: #e97117; font-size: 14px; font-style: italic; line-height: 20px; text-decoration: none; background-position: left top; text-align: center; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: -30px 5px 30px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } 

/*HIGHLIGHT BOX USED FOR MIDDLE COLUMN QUOTES*/

/* set the image to use and establish the lower-right position */ 

.cssbox3, .cssbox3_body, .cssbox3_head, .cssbox3_head h2 { background: transparent url(../img/layout/highlight-box-new.jpg) no-repeat bottom right; } 
.cssbox3 { width: 100% !important; /* intended total box width - padding-right(next) */ width: 90%; /* IE Win = width - padding */ height: 100%; padding-right: 5px; /* the gap on the right edge of the image (not content padding) */ margin: 5px auto 5px -10px; /* use to position the box */ } 

/* set the top-right image */ 
.cssbox3_head { background-position: right top; margin-right: -5px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.cssbox3_head h2 { color: #fff; font-size: 11px; text-decoration: none; background-position: left top; text-align: center; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 0 35px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } 

/* set the lower-left corner image */ 
.cssbox3_body { background-position: left bottom; margin-right: 35px; /* interior-padding right */ padding: 10px 0 50px 40px; /* mirror .cssbox_head right/left */ } 
.cssbox3_body h3 { color: #fff; font-size: 14px;  line-height: 20px; text-decoration: none; background-position: left top; text-align: center; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: -30px 5px 30px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } 
/**********************************************/
.cssbox4, .cssbox4_body, .cssbox4_head, .cssbox4_head h2 { background: url(../img/layout/highlight-box-red2.jpg) no-repeat right bottom; } 
.cssbox4 { width: 100% !important; /* intended total box width - padding-right(next) */ width: 90%; /* IE Win = width - padding */ height: 100%; padding-right: 5px; /* the gap on the right edge of the image (not content padding) */ margin: 5px auto 5px -3%; /* use to position the box */ } 

/* set the top-right image */ 
.cssbox4_head { background-position: right top; margin-right: -5px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ } /* set the top-left image */ 
.cssbox4_head h2 { color: #fff; font-size: 11px; text-decoration: none; background-position: left top; text-align: center; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 0 35px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } 

/* set the lower-left corner image */ 
.cssbox4_body { background-position: left bottom; margin-right: 35px; /* interior-padding right */ padding: 10px 0 15px 40px; /* mirror .cssbox_head right/left */ } 
.cssbox4_body h3 { color: #ffff00; font-size: 14px;  line-height: 20px; text-decoration: none; background-position: left top; text-align: center; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: -30px 5px 30px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } 

/*HIGHLIGHT BOX USED FOR GRANTMAKING*/

/************************************************************************************************************/
.cssbox5 {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:800px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:20px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.cssbox5 .cssbox5_body,
.cssbox5 .t,
.cssbox5 .b,
.cssbox5 .b div {
 background:transparent url(../img/layout/highlight-box-red2.jpg) no-repeat top right;
 _background-image:url(../img/layout/highlight-box-red2.jpg);
}

.cssbox5 .cssbox5_body {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding: 0px 12px 0px 12px;
}

.cssbox5 .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:20px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:2200px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.cssbox5 .b {
 /* bottom */
 position:relative;
 width:100%;
}

.cssbox5 .b,
.cssbox5 .b div {
 height:50px; /* height of bottom cap/shade */
 font-size:1px;
}

.cssbox5 .b {
 background-position:bottom right;
}

.cssbox5 .b div {
 position:relative;
 width:20px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.cssbox5 .hd,
.cssbox5 .bd,
.cssbox5 .ft {
 position:relative;
}

.cssbox5 .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.cssbox5 h1,
.cssbox5 p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.cssbox5 h1 {
 padding-bottom:0px;
}
.cssbox5 h3{color: #ffff00; font-size: 14px;  line-height: 20px; text-decoration: none; background-position: left top; text-align: center; margin: 0;height: auto !important; height: 1%; /* IE Holly Hack */
padding-top: 20px; }
/**********************************************************/
/********************/
/*  IMAGES */
/********************/
.outer img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
.outer img.center {clear:both; float:none; display:block; margin:0 auto; padding:1px; border:1px solid rgb(150,150,150);}
.outer img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:1px solid rgb(150,150,150);}
.outer img.right-nb { clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border-style: none; }
.outer a img {border:solid 1px rgb(150,150,150);}
.outer a:hover img {border:solid 1px rgb(220,220,220);}
.mapview img { border-style: none; }
#right img {clear:both; float:none; display:block; margin:0 auto 0 40px; padding:1px; border:solid 1px #f0dda5;}
#right img.center { position: relative; top: 20px; display:block; margin: 0em 20px 0em auto; padding:1px; border:solid 1px #f0dda5; }
#right img.left { float:left; clear:both; top: 20px; padding:1px; border:solid 1px #f0dda5; }
#left img{display:block; margin:0; padding:1px; border:1px solid rgb(150,150,150);}
#left img.left {float:left; clear: right;margin-left: 20px;
padding:1px; border:1px solid rgb(150,150,150);}
#left img.right {float:right;}
#left img.center { position: relative; display:block; margin:0 0 0 auto; padding:1px;border:none; }
/* STYLE FOR LANGUAGES */
/*BREADCRUMBS STYLE */

#language-new ul { font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif; float:left; width:100%; margin-right: auto; margin-bottom: 2px; margin-left: auto; padding: 0 2% 0 5%; list-style:none; white-space: normal; }
#language-new ul li { display:inline; padding:0 3px; color:#f2ffeb; font-size:11px; line-height: 14px; background-image: none; }
#language-new ul li a.current { color:#e97117; font-weight: bold; }
#language-new ul a {color:#f6fff2; text-decoration:none;}
#language-new ul a img{border: none;}
#language-new ul a:hover { color:#c0bfed; text-decoration:none; }

#languages { font-size: 12px; text-align: left; position: relative; top: -30px; left: -10px; width: 150px; height: auto; margin: 0; padding: 0; }
#languages ul { margin: 0; padding: 0 0 4px; list-style-position: inside; display: inline; }
#languages li { background-image: url(../img/layout/half-circle-bulllet-org.gif); background-repeat: no-repeat; margin-right: 0; margin-left: 2px; padding: 0 0 0 12px; list-style-image: url(../img/layout/bullet-d1.gif); display: inline; white-space: nowrap; }
#languages li a { color: #b50f1b; font-size: 11px; font-family: "Lucida Grande", Verdana, Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none; text-transform: capitalize; text-align: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; border-style: none; }
#languages li a:hover { color: #f08824; font-size: 11px; }

/* SPECIAL CLASSES */

.contentWrap h5.top a { color: #7685c7; font-size: 9px; font-weight: bold; background-image: url(../img/layout/up-arrow.gif); background-repeat: no-repeat; background-position: left top; position: relative; width: 40px; height: 8px; z-index: 40; margin-top: 0; margin-left: 0; padding-top: 0; padding-left: 10px; }
.contentWrap h5.top a:hover{ color: #e97117; border-bottom: 1px dotted #e97117; }