/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */

/*
* Body
*/
#logo {
  left: 448px;
  position: absolute;
  top: -5px;
  z-index: 490;
}

body {
  background: #f1f1f1;
}

body.two-sidebars #main {
  background: url("../images/two-sidebars-bkgd.jpg") repeat-y scroll 0 0 transparent;
}

body.one-sidebar #main {
  background: url("../images/one-sidebar-bkgd.jpg") repeat-y scroll 0 0 transparent;
}

p {
  font-family: arial, helvetica, san-serif;
  font-size: 13px;
  line-height: 22px;
  margin: 10px 0 20px 0;
}

strong {
  color: #1E3E9B;
}

h1 {
  color: #1e3e9b;
  font-family: georgia, times, serif;
  font-size: 34px;
  font-weight: normal;
}

h2 {
  color: #1e3e9b;
  font-family: georgia, times, serif;
  font-size: 26px;
  font-weight: normal;
  line-height: 32px;
  margin: 0;
}

a {
  color: #1e3e9b;
  text-decoration: none;
}

img.f-right {
  float: right;
  padding-left: 10px;
  padding-bottom: 5px;
}

img.f-left {
  float: left;
  padding-right: 10px;
  padding-bottom: 5px;
}

.f-right-column {
  float: right;
  padding-bottom: 5px;
  padding-left: 20px;
  width: 240px;
}

.f-left-column {
  float: left;
  padding-bottom: 5px;
  padding-right: 20px;
  width: 240px;
}

#page-wrapper {
  margin-top: 10px;
}

#page-wrapper,
.region-bottom {
  /*
  * If you want to make the page a fixed width and centered in the viewport,
  * this is the standards-compliant way to do that. See also the ie6.css file
  * for the necessary IE5/IE6quirks hack to center a div.
  */
  margin-left: auto;
  margin-right: auto;
  width: 1066px;
  background: #FFFFFF;
}

#page {
}

/*
 * Header
 */
#header {
  background: #f1f1f1;
  height: 143px;
  position: relative;
  z-index: 500;
}

#header .section {
  position: relative;
}

.follow-us {
  background: url("/sites/all/themes/vfhy/images/follow-bkgd.png") no-repeat scroll 0 0 transparent;
  height: 39px;
  position: absolute;
  right: 57px;
  top: 37px;
  width: 324px;
}

.region-header {
}

.follow-us .follow {
  color: #666666;
  font-size: 11px;
  font-weight: bold;
  left: 24px;
  position: absolute;
  top: 8px;
  width: 68px;
}

.follow-us .bookmark {
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    left: 155px;
    position: absolute;
    top: 8px;
    width: 170px;
}

.follow-us .facebook-icon {
  left: 71px;
  position: absolute;
  top: 2px;
  z-index: 5;
}

.follow-us .twitter-icon {
  left: 100px;
  position: absolute;
  top: 2px;
  z-index: 5;
}

.follow-us .addthis_toolbox {
  left: 120px;
  position: absolute;
  top: 2px;
  z-index: 5;
}

/*
* Main (container for everything else)
*/
#main-wrapper {
  position: relative;
}

.front #main-wrapper {
  margin-top: -26px;
  position: relative;
}

#main {
}

body.one-sidebar.front  #main {
  background: url('../images/front-main-bkgd.jpg') repeat-y 0 0 transparent;
}

/*
 * Content
 */
#content,
.no-sidebars #content {
  float: left; /* LTR */
  width: 960px;
  margin-left: 37px; /* LTR */
  margin-right: -960px; /* LTR */
  /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}

.sidebar-first #content {
  margin-left: 341px;
  margin-right: -1059px;
  width: 690px;
}

.sidebar-second #content {
  width: 760px;
  margin-left: 0; /* LTR */
  margin-right: -760px; /* LTR */
  /* Negative value of #content's width + left margin. */
}

.front.sidebar-second #content {
  margin-left: 35px;
  margin-right: -760px;
  padding-top: 23px;
  width: 600px;
}

.two-sidebars #content {
  margin-left: 333px;
  margin-right: -830px;
  width: 465px;
}

.two-sidebars.interior-gallery .region-sidebar-second {
  margin-top: 330px;
}

.two-sidebars.interior-gallery #content {
  margin-top: 290px;
}

.front #content .section {
  margin: 0;
  padding: 0;
}

#content .section {
  margin: 40px 0;
  padding: 0;
}

/*
 * Navigation
 */
#navigation {
  float: left; /* LTR */
  width: 100%;
  margin-left: 0; /* LTR */
  margin-right: -100%; /* LTR */
  /* Negative value of #navigation's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 3em;
  /* The navigation can have any arbritrary height. We picked one
that is the line-height plus 1em: 1.3 + 1 = 2.3
Set this to the same value as the margin-top below. */
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  margin-top: 0; /* Set this to the same value as the navigation height above. */
}

#navigation .section {
}

/*
 * First sidebar
 */
.region-sidebar-first {
  float: left;
  margin-left: 20px;
  margin-right: -340px; /* LTR */
  /* Negative value of .region-sidebar-first's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
  width: 320px;
}

.region-sidebar-first .section {
  margin: 20px 20px 0 0; /* LTR */
  padding: 0;
}

/*
 * Second sidebar
 */
.front .region-sidebar-second {
  float: left; /* LTR */
  width: 400px;
  margin-left: 670px; /* LTR */
  /* Width of content + sidebar-first. */
  margin-right: -1160px; /* LTR */
  /* Negative value of .region-sidebar-second's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
  background: url('../images/right-sidebar-bkgd.jpg') repeat-y 0 0 transparent;
}

.front .region-sidebar-second .section {
  margin: 0; /* LTR */
  padding: 0;
}

.front .region-sidebar-second .section h2 {
  font-size: 22px;
  border-bottom: 1px solid #D0D0D0;
  margin: 10px 20px;
  padding: 8px 0;
}

.region-sidebar-second {
  float: left;
  margin-left: 814px;
  margin-right: -960px;
  padding: 0;
  width: 230px;
}

.region-sidebar-second .section {
  margin: 0 0 0 20px; /* LTR */
  padding: 0;
}

.region-sidebar-second h2 {
  font-size: 17px;
  border-bottom: 1px solid #D0D0D0;
  padding: 0 0 8px;
}

/*
* Footer
*/
.region-footer {
}

/*
 * Page bottom
 */
.region-bottom /* See also the #page-wrapper declaration above that this div shares. */
{
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-bottom {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/
#footer {
  background: url('../images/footer-bkgd.jpg') no-repeat 0 0 #d9d9d9;
  height: 238px;
}

#block-menu-block-1 {
  position: absolute;
  top: 55px;
  width: 1066px;
}

.donate {
  background: url("../images/donate-header-btn.png") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  padding: 2px 15px;
  position: absolute;
  right: -19px;
  top: 93px;
  width: 100px;
}

.donate:hover {
  background: url("../images/donate-header-btn-over.png") no-repeat scroll 0 0 transparent;
}

.donate a:link {
  color: #FFFFFF;
}

.donate a:visited {
  color: #FFFFFF;
}

/* image shadow */
.shadow {
  padding: 5px;
  background: #FFF;
  box-shadow: 0 0 5px rgba(200, 200, 200, 1);
  -webkit-box-shadow: 0 0 5px rgba(200, 200, 200, 1);
  -moz-box-shadow: 0 0 5px rgba(200, 200, 200, 1);
}

#webform-client-form-27 {
  margin-left: 0px;
}

.breadcrumb a {
  font-size: 12px;
  color: #666666;
}

/*
root element for the scrollable.  when scrolling occurs this
element stays still.
*/
.scrollable {
  /* required settings */
  height: 275px;
  margin-left: 24px;
  overflow: hidden;
  position: relative;
  width: 550px;
}

/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
}

/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
  float: left;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
  float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
  background: url(../images/hori_large.jpg) no-repeat;
  display: block;
  width: 22px;
  height: 42px;
  float: left;
  margin: 40px 10px;
  cursor: pointer;
  font-size: 1px;
}

/* right */
a.right {
  background-position: 0 -43px;
  clear: right;
  margin-right: 0px;
  position: absolute;
  top: 82px;
  right: 0;
}

a.right:hover {
  background-position: -23px -43px;
}

a.right:active {
  background-position: -23px -43px;
}

/* left */
a.left {
  margin-left: 0px;
  position: absolute;
  top: 82px;
}

a.left:hover {
  background-position: -23px 0;
}

a.left:active {
  background-position: -23px 0;
}

/* up and down */
a.up, a.down {
  background: url(../images/vert_large.png) no-repeat;
  float: none;
  margin: 10px 50px;
}

/* up */
a.up:hover {
  background-position: -30px 0;
}

a.up:active {
  background-position: -60px 0;
}

/* down */
a.down {
  background-position: 0 -30px;
}

a.down:hover {
  background-position: -30px -30px;
}

a.down:active {
  background-position: -60px -30px;
}

/* disabled navigational button */
a.disabled {
  visibility: hidden !important;
}

/* no background or border on table */
.page-node-15 tr:nth-child(2n) {
  background: none;
}

.page-node-6 .title {
  display: none;
}

.page-node-6 .breadcrumb {
  margin-left: 37px;
}

/* region call out */
.region-call-out {
  background: none repeat scroll 0 0 #ADC22F;
  bottom: 50px;
  font-size: 15px;
  padding: 19px;
  position: absolute;
  right: 0;
  width: 260px;
}

.region-call-out {
  color: #000000;
  font-weight: bold;
}

/* downloads */
.downloads {
  background: #EEEEEE;
  padding: 20px;
}

.downloads div {
  margin: 10px 0;
}

.downloads .pdf {
  background: url('../images/pdf.png') no-repeat left 0 transparent;
  padding-left: 45px;
  min-height: 38px;
}

.downloads .excel {
  background: url('../images/excel.png') no-repeat left 0 transparent;
  padding-left: 45px;
  min-height: 38px;
}

.downloads .word {
  background: url('../images/word.png') no-repeat left 0 transparent;
  padding-left: 45px;
  min-height: 38px;
}

.downloads .ppt {
  background: url('../images/ppt.png') no-repeat left 0 transparent;
  padding-left: 45px;
  min-height: 38px;
}

/* marketing pages css */
/* approach */
.approach {
  border-top: 1px solid #d9d9d9;
  padding: 20px 0;
}

.approach p {
  margin-left: 194px;
}

.approach img {
  float: left;
  margin-right: 10px;
}

.approach .approach-link {
  text-align: right;
}

.approach .approach-link p {
  background: #8dc641;
  color: #FFFFFF;
  padding: 5px 10px;
  display: inline;

}

.approach .approach-link a {
  color: #FFFFFF;
  font-weight: bold;
}

.approach .approach-link a:hover {
  color: #1f4299;
  font-weight: bold;
}

.grantee-location {
  margin-bottom:20px;
  }
  .field-name-field-news-categories .field-items div{
    float:left;
	margin-right:10px;
	}
	.field-name-field-news-categories .field-items {
	clear:both;
	}
	.field-name-field-new-categories .field-name-body {
	clear:both;
	}
.field-name-field-news-image {
    float: left;
    padding: 0 10px 10px 0;
	}
	
	/* press release */
	.node-type-press-releases h1 {
    color: #1E3E9B;
    font-family: georgia,times,serif;
    font-size: 28px;
    font-weight: normal;
    padding-bottom: 20px;
    text-align: center;

	padding-top: 30px;
}

.node-type-press-releases  h2 {
    color: #1E3E9B;
    font-family: georgia,times,serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 32px;
    margin: 0;
    padding: 20px 0 0;
    text-align: center;
		font-style: italic;
}

html body.admin-menu {
    margin-top: 29px !important;
}
body.admin-menu {
    margin-top: 20px !important;
}
body {
    margin: 0;
    padding: 0;
}
body {
}
body {
    background: none repeat scroll 0 0 #F1F1F1;
}
body, caption, th, td, input, textarea, select, option, legend, fieldset {
    font-family: arial,helvetica,sans-serif;
}
body {
    font-family: arial,helvetica,san-serif;
}
body {
    font-size: 100%;
}
.node-type-press-releases .field-name-field-date {
    left: 341px;
    position: absolute;
    text-align: center;
    top: 66px;
}