/*
-----------------------------------------------
Client:REDF
Project:Web Site Redesign (http://www.redf.org/)

File Name: hd.css 
Version: 1.0
Notes: Sets rules for the [h]ea[d]er.

Author: Dayspring Technologies, Inc.
Email: info@dayspring-tech.com
Web: http://www.dayspring-tech.com/
----------------------------------------------- */

/* Layout
----------------------------------------------- */
div#hd {
	height:67px;
	margin:0 0 10px;
  position:relative;
	}

div#print-hd {
  display:none;
}

/* Image replacement
----------------------------------------------- */
#hd h1 { /* Logo bgimage placed in h1 not a to avoid IE6 flicker. */
  background:transparent url(/img/logo.gif) no-repeat 0 0;
  bottom:0;
	font-size:153.9%;
	height:44px;
  left:0;
	margin:0;
	padding:0;
	position:absolute;
  width:368px;
  }
#hd h1 a { /* Logo bgimage placed in h1 not a to avoid IE6 flicker. */
  background:transparent;
  border:0;
	color:#f55d07;
  display:block;
  height:44px;
  outline:0;
	text-decoration:none;
	text-indent:-9999px;
	width:368px;
  }
#hd h2 { /* Tagline. */
	background:transparent;
	font-size:108%;
	position:absolute;
  text-indent:-9999px;
	}
#hd h3 { /* Sign in link. */
  font-size:93%;
	font-weight:normal;
	right:325px;
	margin:0;
	padding:0;
	position:absolute;
  top:11px;
	}
#hd h4 { /* Sizer. */
	color:#8c8976;
	font-size:85%;
	font-weight:normal;
	right:230px;
	margin:0;
	padding:0;
	position:absolute;
  top:11px;
	}
#hd h4 img.btn {
	margin-right:0;
	}
body#layout2 #hd h4, body#layout3 #hd h4 {
	display:none;
	}

/* Search field
----------------------------------------------- */
form#hd-search {
	display:block;
	font-size:93%;
	position:absolute;
  right:0;
	top:10px;
	width:211px;
	}
form#hd-search input#keys {
	font-size:100%;
	float:left;
	width:150px;
	}
form#hd-search input#submit {
	display:block;
	float:right;
	height:18px;
	outline:0;
	text-decoration:none;
	text-indent:-9999px;
	width:51px;
  margin:0;
  padding:0;
  border: 0px none;
	}

/* Primary navigation
----------------------------------------------- */
ul#pnav {
/*	background:transparent url(/img/pnav.gif) no-repeat 0 0;*/
  top:49px;
	height:21px;
	margin:0;
	padding:0;
	position:absolute;
	right:0;
	width:654px;
  }
#pnav li {
  float:left;
	list-style:none;
	margin:0;
	padding:0;
	}
#pnav li a {
/*	background:transparent url(/img/pnav.gif) no-repeat 0 0;*/
	display:block;
	height:21px;
	outline:0;
	text-decoration:none;
	text-indent:-9999px;
	}
#pnav li.home a {
	background-position:0 0;
	width:38px;
	}
#pnav li.home a:hover, #pnav li.home.here a {
	background-position:0 -21px;
	}
#pnav li.learn a {
	background-position:-38px 0;
	width:100px;
	}
#pnav li.learn a:hover, #pnav li.learn.here a {
	background-position:-38px -21px;
	}
#pnav li.post a {
	background-position:-138px 0;
	width:100px;
	}
#pnav li.post a:hover, #pnav li.post.here a {
	background-position:-138px -21px;
	}
#pnav li.social a {
	background-position:-238px 0;
	width:139px;
	}
#pnav li.social a:hover, #pnav li.social.here a {
	background-position:-238px -21px;
	}
#pnav li.fund a {
	background-position:-377px 0;
	width:82px;
	}
#pnav li.fund a:hover, #pnav li.fund.here a {
	background-position:-377px -21px;
	}
#pnav li.about a {
	background-position:-459px 0;
	width:72px;
	}
#pnav li.about a:hover, #pnav li.about.here a {
	background-position:-459px -21px;
	}
#pnav li.donate a {
	background-position:-531px 0;
	width:51px;
	}
#pnav li.donate a:hover, #pnav li.donate.here a {
	background-position:-531px -21px;
	}
#pnav li.myredf a {
	background-position:-582px 0;
	width:45px;
	}
#pnav li.myredf a:hover, #pnav li.myredf.here a {
	background-position:-582px -21px;
	}

/* Primary navigation drop down menu 2nd level
----------------------------------------------- */
#pnav li ul {
	background:transparent;
	left:-9999px;
	margin:0;
  position:absolute;
	text-transform:uppercase;
  width:169px;
	}
#pnav li:hover ul, #pnav li.sfhover ul {
  left:auto;
  }
  
/* hug the right edge */
#pnav li.menu-path-who-we-fund-current-portfolio:hover ul, #pnav li.sfhover.menu-path-who-we-fund-current-portfolio ul {
  margin-left: -86px;
  }
#pnav li.menu-path-who-we-fund-current-portfolio:hover ul li a, #pnav li.sfhover.menu-path-who-we-fund-current-portfolio ul li a {
  padding:3px 7px 3px 14px !important;
  }
#pnav li.menu-path-who-we-fund-current-portfolio:hover ul li a.sub, #pnav li.sfhover.menu-path-who-we-fund-current-portfolio ul li a.sub,
#pnav li.menu-path-who-we-fund-current-portfolio:hover ul li a.sub:hover, #pnav li.sfhover.menu-path-who-we-fund-current-portfolio ul li a.sub:hover {
  background-image:url(/img/ico-arw-left-wht.gif);
  background-position:5px 5px;
  }
#pnav li.menu-path-who-we-fund-current-portfolio li:hover ul, #pnav li.menu-path-who-we-fund-current-portfolio li.sfhover ul {
  margin-left: -168px;
  }
  
#pnav li.menu-path-about-redf-1:hover ul, #pnav li.sfhover.menu-path-about-redf-1 ul {
  margin-left: -95px;
  }
#pnav li.menu-path-about-redf-1:hover ul li a, #pnav li.sfhover.menu-path-about-redf-1 ul li a {
  padding:3px 7px 3px 14px !important;
  }
#pnav li.menu-path-about-redf-1:hover ul li a.sub, #pnav li.sfhover.menu-path-about-redf-1 ul li a.sub,
#pnav li.menu-path-about-redf-1:hover ul li a.sub:hover, #pnav li.sfhover.menu-path-about-redf-1 ul li a.sub:hover {
  background-image:url(/img/ico-arw-left-wht.gif);
  background-position:5px 5px;
  }
#pnav li.menu-path-about-redf-1 li:hover ul, #pnav li.menu-path-about-redf-1 li.sfhover ul {
  margin-left: -168px;
  }
  
#pnav li.menu-path-donate:hover ul, #pnav li.sfhover.menu-path-donate ul {
  margin-left: -122px;
  }
#pnav li.menu-path-donate:hover ul li a, #pnav li.sfhover.menu-path-donate ul li a {
  padding:3px 7px 3px 14px !important;
  }
#pnav li.menu-path-donate:hover ul li a.sub, #pnav li.sfhover.menu-path-donate ul li a.sub,
#pnav li.menu-path-donate:hover ul li a.sub:hover, #pnav li.sfhover.menu-path-donate ul li a.sub:hover {
  background-image:url(/img/ico-arw-left-wht.gif);
  background-position:5px 5px;
  }
#pnav li.menu-path-donate li:hover ul, #pnav li.menu-path-donate li.sfhover ul {
  margin-left: -168px;
  }
  
#pnav li li {
  float:none;
	font-size:93%;
	font-weight:bold;
	line-height:108%;
	}
#pnav li li a {
	background:#8c8976;
	border-color:#fff;
	border-style:solid;
	border-width:0 1px 1px;
	color:#fff;
	display:block;
	height:auto;
	padding:3px 14px 3px 7px;
	text-indent:0;
	width:auto !important; /* Overwrites all of the class specific anchor tag widths. */
	}
#pnav li li.first a,
#pnav li li a.first {
	border-top:1px solid #fff;
	}
#pnav li li a.sub {
	background-color:#8c8976;
	background-image:url(/img/ico-arw-wht.gif);
	background-position:160px 5px;
	background-repeat:no-repeat;
	}	
#pnav li li a.sub:hover {
  background-color:#f55d07;
  background-image:url(/img/ico-arw-wht.gif);
  background-position:160px 5px;
  background-repeat:no-repeat;
  }  
#pnav li li a:hover,
#pnav li li li a:hover {
	background:#f55d07;
	}
#pnav li li a.sfhover {
	background:#f55d07 !important;
	background-image:url(/img/ico-arw-wht.gif) !important;
	background-position:160px 5px !important;
	background-repeat:no-repeat !important;
  	}
	

/* Primary navigation drop down menu 3rd level
----------------------------------------------- */
#pnav li ul ul {
  margin:-20px 0 0 168px;
  }
#pnav li:hover ul ul, #pnav li.sfhover ul ul {
  left:-9999px;
  }
#pnav li:hover ul, #pnav li li:hover ul, #pnav li.sfhover ul, #pnav li li.sfhover ul {
  left:auto;
  }
#pnav li li li {
  font-size:100%;
  line-height:108%;
  }
#pnav li li li a {
  padding:3px 7px !important; /* Overwrites all preceding class specific padding. */
  }

/* Primary navigation drop down menu 4th level
----------------------------------------------- */
#pnav li ul ul ul {
	margin:-20px 0 0 168px;
  }
#pnav li:hover ul ul ul, #pnav li.sfhover ul ul ul {
  left:-9999px;
	}
#pnav li:hover ul, #pnav li li:hover ul, #pnav li li li:hover ul, #pnav li.sfhover ul, #pnav li li.sfhover ul, #pnav li li li.sfhover ul {
	left:auto;
	}
#pnav li li li li {
	font-size:100%;
	line-height:108%;
	}
#pnav li li li li a {
	padding:3px 7px !important; /* Overwrites all preceding class specific padding. */
	}
#pnav li.first li li li a,
#pnav li li.first li li a,
#pnav li li li.first li a {
  border-top: none;
}
#pnav li.first li li li.first a,
#pnav li li.first li li.first a,
#pnav li li li.first li.first a {
  border-top: #ffffff 1px solid;
}
	
/* 3rd level swinging to the left
----------------------------------------------- */
#pnav li.fund li a, #pnav li.about li a, #pnav li.donate li a, #pnav li.myredf li a {
	padding:3px 7px 3px 14px;
	}
#pnav li.fund li a.sub, #pnav li.about li a.sub, #pnav li.donate li a.sub, #pnav li.myredf li a.sub {
	background-position:5px 5px;
	}	
#pnav li.fund li a.sub:hover, #pnav li.about li a.sub:hover, #pnav li.donate li a.sub:hover, #pnav li.myredf li a.sub:hover {
	background-position:5px 5px;
	}
#pnav li.fund ul ul, #pnav li.about ul ul, #pnav li.donate ul ul, #pnav li.myredf ul ul {
	margin:-20px 0 0 -168px;
  }