/*------------------------------------------------------------------
Project:		First Focus
Developer:		Ryan Dudek
Last change:	2009-07-01
Made By:		Ryan Dudek
Colours:
-------------------------------------------------------------------*/



/* ---- Fonts ----*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* SITE WIDE TEMPLATE STYLES */

html {
  width: 100%; height: 100%;
  background-color: #FFF;
}
body {
  margin: 0;
  padding: 0;
  color: #000;
}


.siteContain {
	clear: both;
	margin: 0 auto 0 auto;
	padding: 0;
	width: 980px;
}

/*
 * Better positioning for simplemenu
 */

#simplemenu {
	background:rgba(0,0,0,.8);
	left:0;
	position:absolute;
	top:0;
}



#header {
  height: 167px;
  display: block;
  clear: both;
}
#header #siteName {
  float: left;
  width: 210px;
  height: 115px;
  display: block;
  margin: 5px 0 10px 5px;
  padding: 0;
}
#header #siteName h1,
#header #siteName h2 {
  font-size: 0;
  color: #FFF;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
}
#header #topNav { 
  height: 36px;
  margin: 0;
  padding: 0;
}
#partnerBanners {
	float: right;
	margin: 14px 17px 0 0;
}
#ffcfc-banner {
	margin-right: 4px;
}
#visit-our-partner {
	text-align: center;
	margin-bottom: 10px;
	color: #a2a2a2;
	font-weight: bold;
}

	#header #topNav a {
	  color: #4f4126;
	  font-size: 83%;
	  line-height: 1.4px;
	}
	#header #topNav ul {
	  margin: 2px 0 0 14px;
	  padding: 0;
	  text-align: left;
	  list-style: none;
	}
	#header #topNav ul li {
		background: url(../images/background/topNav-break.png) no-repeat right 3px;
		float:left;
		list-style:none;
		padding:0 1em;
		line-height: 12px;
	}
	#header #topNav ul li.last {
	  background: none;
	  margin-right: 0;
	}
#header #search-box {
	float: right;
  margin: 8px 0 0 0;
  padding: 0 0 0 25px;  
}
#header #search-box label {
  color: #fbfdff;
  font-style: italic;
  float:left;
	margin: 2px 6px 0 0;
  display: block;
}
#header #search-box input.form-text {
  margin: 0 4px 0 0;
  padding: 2px 3px 0 3px;
	float:left;
  width: 322px;
  height: 15px;
  background-color: #eef3f7;
  color: #000;
  font: 1em Arial, Helvetica, sans-serif;
}
#header #search-box input.form-submit {
	float: left;
  margin: 0 17px 0 5px;
  border: none;
  background: url(../images/background/searchSubmit-red.png) no-repeat top left;
  color: #FFF;
  text-align: center;
  width: 60px;
  height: 20px;
  cursor: pointer;
  font-weight: 100 !important;
}

#primaryNav, #topNav {
	background:#184c88 url('../images/background/siteBG.png') repeat-x bottom left;
	clear:both;
	padding:0;
}
	#primaryNav ul {
		margin:0 auto;
		padding-left:1em;
		width:78em;
		overflow-x:visible
	}
	#primaryNav ul li {
		float:left;
		list-style: none;
		margin:0;
		padding:0;
	}
	#primaryNav ul li a {
		font-family: "Arial", Times, sans-serif;
		border-right:1px solid #4e79a4;
		color:#fff;
		display:block;
		padding:.75em 2.75em;
		font-size: 126%;
	}
		#primaryNav ul li.active a, #primaryNav ul li a:hover { background:#152F5A;text-decoration:none; }

#primaryNav img.navDonate {
  float: right;
  margin: 3px 20px 0 0;
}

form label, form input {
    font-family: Arial, Helvetica, sans-serif;
}

#footer {
  width: 100%;
  height: 60px;
  border-top: 3px solid #0c3465;
  margin: 15px 0 0 0;
  padding: 0;
}
#footerText {
  width: 900px;
  margin: 20px auto 0 auto;
  text-align: center;
  padding: 0;
  color: #666;
  font-size: 90%;
}
#footerText a {
  color: #0c3465;
}
#footerText ul {
  margin: 0;
  padding: 0;
}
#footerText ul li {
  list-style: none;
  display: inline;
  margin: 0 0 0 5px;
  padding: 0 7px 0 0;
  background: url(../images/background/footerBreak.gif) no-repeat right 2px;
  color: #0c3465;
}
#footerText ul li.last {
  background: none;
}


/* SITE WIDE TEXT AND IMAGE STYLES */
a {
  color: #005696;
  text-decoration: none;
}
a:hover {
  color: #0e396b;
  text-decoration: underline;
}

strong {
  font-weight: bold;
}
em {
  font-style: italic;
}

h1, h2, h3, h4, h5 {
  color: #000;
  margin-bottom: 1em;
}
h1 {
  font-size: 116%;
}
h2 {
  font-size: 108%;
}
	.stay-informed {
		background:url('../images/headers/stay-informed.png') no-repeat 0 0;
		height:14px;
		text-indent:-7000px;
		width:129px;
	}
	.library h3.header {
		background:url('../images/headers/source-library-spotlight.png') no-repeat 0 0;
		cursor:pointer;
		height:20px;
		text-indent:-7000px;
		width:300px;
	}
	.topList h3.header {
		background:url('../images/headers/top-of-our-list.png') no-repeat 0 0;
		cursor:pointer;
		height:20px;
		text-indent:-7000px;
		width:168px;
	}
	.view-calendar h3.header {
		background:url('../images/headers/events-calendar.png') no-repeat 0 0;
		height:16px;
		text-indent:-7000px;
		width:149px;
	}
	.sidebarItem h3.latestNews {
		background:url('../images/headers/latest-news.png') no-repeat 0 0;
		height:16px;
		text-indent:-7000px;
		width:105px;
	}
	.sidebarItem h3.upcomingEvents {
		background:url('../images/headers/upcoming-events.png') no-repeat 0 0;
		height:16px;
		text-indent:-7000px;
		width:156px;
	}



h4 {
  font-weight: normal;
}
h5 {
  /* font-size: 1.2em; */
  font-weight: normal;
}
h6 {
 /* font-size: 1.2em; */
  font-weight: normal;
}

p, li, .view-id-resource .field-content {
  margin-bottom:1.7em;
  color: #000;
  line-height: 1.4em;
}
li {
  margin: 3px 0 2px 0px;
  list-style: outside;
}
ul {
  margin: 0px 0 1em 30px;
  padding: 0;
}
ul li {
  list-style: disc;
}
ol {
  margin: 0px 0 1em 30px;
  padding: 0;
}
ol li {
  list-style: decimal;
}

blockquote {
  margin: 22px;
  padding: 0;
  color: #666;
  font-size: 1.1em;
  font-style: italic;
  clear: both;
}
blockquote p {
  margin: 6px 0;
  padding: 0;
  color: #666;
  font-size: 1.1em;
  font-style: italic;
}
hr {
  margin: 0 5px 1em 5px;
  border: none;
  border-bottom: 1px solid #DDD;
  height: 1px;
  padding: 0;
}

img {
	border: none;
}

/* SITE WIDE CLASSES */
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.photoAlignLeft {
  float: left;
  margin: 0 8px 4px 0;
}
.photoAlignRight {
  float: right;
  margin: 0 0 4px 8px;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  margin: 0; padding: 0;
}
.clearfix {
  display: inline-block;
  margin: 0; padding: 0;
}

.whiteBorder {
  border: 1px solid #FFF;
}
.greyBorder {
  border: 1px solid #a1a1a1;
}
.greyBorderPadded {
  border: 1px solid #d6d6d6;
  padding: 2px;
}

.alignRight {
  text-align: right;
}

span.dateline {
  color: #666;
}

p.dateline
, .view-id-resource .views-field-created span.field-content {
  margin-bottom: 8px;
}
a.blueArrows {
  color: #257ead;
  text-decoration: none;
  padding: 0 11px 0 0;
  background: url(../images/background/blueArrows-double-onWhite.gif) no-repeat right center;
}
a.greyArrows {
  color: #888;
  text-decoration: none;
  padding: 0 11px 0 0;
  background: url(../images/background/greyArrows-double-onWhite.gif) no-repeat right center;
}
a.blueArrows:hover,
a.greyArrows:hover {
  text-decoration: underline;
}

a.readMore, .read {
  font-weight: bold;
  color: #FFF;
  width: 66px;
  height: 18px;
  background: url(../images/background/readMore.png) no-repeat top left;
  padding: 1px 0 0 0;
  text-align: center;
  clear: both;
  display: block;
  text-transform: uppercase;
}
a.readMore:hover, .read {
  color: #0c3465;
  text-decoration: none;
}

.rss {
  float: right;
  margin: 0 3px 2px 4px;
	width:16px;
}

.uppercase {
  text-transform: uppercase;
}

.social-img {
	margin: 0px auto;
}

/* HOME PAGE STYLES */
#homeContent {
  width: 960px;
  position: relative;
  margin: 0;
  padding: 0 15px 0 5px;
  clear: both;
}
#homeLeft img,
#homeLeft .cbSearch img,
#rightBar img {
  display: block;
  position: relative;
}
#homeLeft {
  width: 701px;
  float: left;
  margin: 25px 0 0 0;
  padding: 0;
  clear: left;
  position: relative;
}
#homeContent #homeLeft #promotions {
	background:#012549 url('../images/background/homeFeature-BG.jpg') no-repeat 0 232px;
	clear:both;
	height:520px;
	margin:0;
	overflow-x:hidden;
	padding:0;
	position:relative;
	width:700px;
}
	#homeContent #homeLeft #promotions a.previous, #homeContent #homeLeft #promotions a.next {
		background:url('../images/carousel-Arrows.png') no-repeat bottom;
		display:block;
		height:35px;
		position:absolute;
		opacity: 0.4;
		outline-style:none;
		-moz-opacity: 0.4;
		filter:alpha(opacity=40);
		text-indent:-7000px;
		top:9em;
		width:35px;
	}
		#homeContent #homeLeft #promotions a.previous {
			background-position:bottom;
			left:2em;
			z-index:50;
		}
		#homeContent #homeLeft #promotions a.next {
			background-position:top;
			right:2em;
			z-index:51;
		}
	#homeContent #homeLeft #promotions ol {
		position: relative;
		margin: 0;
		padding: 0;
		z-index:3;
	}
	#homeContent #homeLeft #promotions ol li {
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
		overflow:hidden;
		display:block;
		float:left;
		width:700px;
	}
#homeContent #homeLeft #promoNav {
	background:url('../images/background/overlay.png') repeat top left;
	border-bottom: 1px solid #126aa9;
	display:none;
	height:20px;
	left:0;
	padding:0 5px;
	position: absolute;
	top:218px;
	width:689px;
	z-index: 8;
}
	#homeContent #homeLeft #promoNav ol {
	  width: 315px;
	  height: 20px;
	  margin: -19px 0 0 315px;
	  text-align: center;
	  display: block;
	  position: relative;
	  z-index: 9;
	}
	#homeContent #homeLeft #promoNav ol li {
	  margin: 1px;
	  padding: 0;
	  width: 16px;
	  height: 18px;
	  list-style: none;
	  display: block;
	  float: left;
	  text-align: center;
	  text-indent: -9999px;
	  cursor: pointer;
	}
	#homeContent #homeLeft #promoNav ol li a {
		background: url('../images/background/homeFeature-circle.png') no-repeat center;
		width: 16px;
		height: 18px;
		display: block;
	}
	#homeContent #homeLeft #promoNav ol li a:hover,
	#homeContent #homeLeft #promoNav ol li:hover a {
		background: url('http://www.firstfocus.net/sites/all/themes/ff/images/background/homeFeature-circle-hover.png') no-repeat center;
		text-decoration: none;
	}
	#homeContent #homeLeft #promoNav ol li a.active,
	#homeContent #homeLeft #promoNav ol li a.active:hover {
		background: url('../images/background/homeFeature-circle-highlight.png') no-repeat center;
	}
#homeContent #homeLeft .featureNav-low {
  width: 701px;
  height: 50px;
  margin: -60px 0 1em 0;
  padding: 0;
  display: block;
  position: relative;
}
#homeContent #homeLeft .featureNav-low  ul {
  margin: 0 auto;
  padding: 0;
  display: block;
  position: relative;
  width: 617px;
}
#homeContent #homeLeft .featureNav-low  ul li {
  margin: 0 0 0 33px;
  padding: 0;
  display: block;
  position: relative;
  float: left;
  list-style: none;
}
#homeContent #homeLeft .featureNav-low  ul li.first {
  margin: 0;
}
#homeContent #homeLeft .featureNav-low ul li a img {
  border: 3px solid #FFF;
}
#homeContent #homeLeft .featureNav-low  ul li a.active img {
  -moz-opacity: .55;
  -webkit-opacity: .55;
  -ms-opacity: .55;
  -o-opacity: .55;
  filter:alpha(opacity=55);
  opacity: .55;
}
#homeContent #homeLeft .featureText {
  position: relative;
  margin: 0;
  padding: 6px 13px;
  width: 675px;
}
#homeContent #homeLeft .featureText h4.dateline {
  color: #aadaff;
  margin: 0;
}
#homeContent #homeLeft .featureText h3.featureHeadline {
  color: #FFF;
  margin: 0 0 6px 0;
  font-size: 182%;
}
#homeContent #homeLeft .featureText h3.featureHeadline a {
  color: #FFF;
  text-decoration: none;
}
#homeContent #homeLeft .featureText h3.featureHeadline a:hover {
  color: #aadaff;
  text-decoration: none;
}
#homeContent #homeLeft .featureText hr {
  width: 701px;
  height: 1px;
  padding: 0;
  margin: 0 0 1em -13px;
  position: relative;
  display: block;
  border-color: #34699c;
}
#homeContent #homeLeft .featureText p {
  color: #FFF;
}
#homeContent #homeLeft .featureText a {
  color: #FFF;
  text-decoration: underline;
}
#homeContent #homeLeft .featureText a:hover {
  color: #aadaff;
  text-decoration: underline;
}

#homeLeft .columnsContain {
  width: 701px;
  margin: 15px 0 0 0;
  padding: 0;
  position: relative;
}
#homeLeft .columnsContain .column {
  float: left;
  margin: 0;
  padding: 0;
}
#homeLeft .columnsContain .odd {
  float: right;
  margin: 0;
  padding: 0;
}
#homeLeft .columnsContain .column h3.header {
  margin: 0 0 0 5px;
  padding: 0;
  font: bold 18px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #0c2c56;
}
#homeLeft .columnsContain .column h3.header a {
  color: #0c2c56;
  text-decoration: none;
}
#homeLeft .columnsContain h3.visitLibrary {
  margin: 4px 0 7px 0;
}
#homeLeft .columnsContain .library {
  width: 447px;
  clear: both;
  display: block;
  position: relative;
}
#homeLeft .columnsContain .library img {
  display: block;
  position: relative;
}
#homeLeft .columnsContain .library .columnContent {
  width: 421px;
  border: 1px solid #d6d6d6;
  border-top: none;
  padding: 12px;
  clear: both;
  display: block;
  position: relative;
}
#homeLeft .columnsContain .library .columnContent .columns {
  width: 421px;
  float: none;
  clear: both;
  display: block;
  position: relative;
}
#homeLeft .columnsContain .library .leftContent {
  width: 202px;
  float: left;
  clear: left;
  display: block;
  position: relative;
}

#homeLeft .columnsContain .library h3 {
  font-weight: bold;
  margin: 0 0 2px 0;
}

#homeLeft .columnsContain .library .leftContent h3 {
  font-size: 116%;
}

#homeLeft .columnsContain .library .rightContent h3 {

}

#homeLeft .columnsContain .library .rightContent {
  width: 201px;
  float: right;
  clear: right;
  display: block;
  position: relative;
}
#homeLeft .columnsContain .library .rightContent h4 {
  font-weight: bold;
  margin: 0 0 2px 0
}
#homeLeft .columnsContain .topList {
  width: 237px;
}
#homeLeft .columnsContain .topList .columnContent {
  width: 204px;
  padding: 0 14px 0 19px;
}
#homeLeft .columnsContain .topList .columnContent .columnItem {
  width: 204px;
  padding: 10px 14px 10px 19px;
  margin: 0 0 0 -19px;
  background: url(../images/background/topList-itemBG.gif) repeat-x bottom left;
  background-color: #e5f0ee;
}
#homeLeft .columnsContain .topList .columnContent .columnItem a.blueArrows {
  color: #005696;
  padding: 0 0 0 13px;
  background: url(../images/background/blueArrows-double-onBlue.gif) no-repeat left 2px;
  display: block;
  position: relative;
  margin-left: -14px;
  font-size: 110%;
}
#homeLeft .columnsContain .topList .columnContent .columnItem h4 {
  margin: 0 0 2px 0;
  font-weight: bold;
}
#homeLeft .columnsContain .topList .columnContent .columnItem p {
  margin: 5px 0 4px 0;
}
#homeLeft .cbSearch {
  width: 701px;
  height: 100px;
  margin: 15px 0 0 0;
  padding: 0;
  background: url(../images/background/cbSearch-bg.jpg) no-repeat top left;
}
#homeLeft .cbSearch p.cbText {
  color: #FFF;
  margin: 10px 10px 10px 0;
  width: 440px;
  float: right;
  clear: right;
  font-size: 84% !important;
  font: bold 1.0em Arial, Helvetica, sans-serif;
}
#homeLeft .cbSearch p.advancedSearch {
  margin: 3px 35px 0 0;
  float: right;
  font: 0.9em Arial, Helvetica, sans-serif;
  color: #418dab;
  text-transform: uppercase;
}
#homeLeft .cbSearch p.advancedSearch a {
  color: #418dab;
  text-decoration: none;
}
#homeLeft .cbSearch p.advancedSearch a:hover {
  color: #FFF;
  text-decoration: none;
}
#homeLeft .cbSearch #cbSearchForm {
  width: 671px;
  margin: 0 15px;
  clear: both;
  display: block;
}
#homeLeft .cbSearch #cbSearchForm input.form-text {
  width: 155px;
  margin: 0 15px 0 0;
  background-color: #eef3f7;
  padding: 2px 2px 0 2px;
  border: 1px solid #DDD;
  vertical-align: top;
  font-size: 85%;
}
#homeLeft .cbSearch #cbSearchForm input.form-submit {
  width: 86px;
  height: 20px;
  margin: 0;
  vertical-align: top;
  border: none;
  background: url(../images/background/searchSubmit-blue.png) no-repeat top left;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
  font-size: 85%;
}
#homeLeft .cbSearch #cbSearchForm select {
  width: 170px;
  margin: 0 15px 0 0;
  background-color: #eef3f7;
  border: 1px solid #DDD;
  vertical-align: top;
  font-size: 85%;
}

#rightBar {
  width: 222px;
  float: right;
  margin: 0;
  padding: 0;
  clear: right;
}
#rightBar .sidebarItem, #social-links {
  border-top: 3px solid #0c3465;
  width: 207px;
  padding: 10px 5px 0 5px;
  margin: 10px 0 1em 0;
}

#rightBar .sidebarBlue {
  width: 197px;
  padding: 10px;
  background-color: #e3eef9;
  margin: 0 0 1em -5px;
}
#rightBar .sidebarBlue p {
  color: #4f4126;
  margin: 8px 0;
}
#rightBar .sidebarBlue h4.relatedArticle {
  color: #474848;
  margin: 0 0 1em 0;
}
#rightBar .sidebarBlue h3 {
  margin: 3px 0;
}
#rightBar .sidebarItem h3.header {
  font: bold 1.1em Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #0c2c56;
  margin: 0 0 7px 0;
}
#rightBar .sidebarItem h3.headerDots {
  font-weight: bold;
  color: #0c2c56;
  margin: 0 0 4px -5px;
  padding: 0 5px 8px 5px;
  width: 207px;
  border-bottom: 1px dotted #b0cad9;
  position: relative;
}
#rightBar .sidebarItem h3.headerDots a {
  background: url(../images/background/blueArrow-transparent.png) no-repeat right center;
  padding-right: 12px;
}
#rightBar .sidebarItem h3.header a,
#rightBar .sidebarItem h3.headerDots a {
  color: #0c2c56;
  text-decoration: none;
}
#rightBar .sidebarItem p {
  color: #4f4126;
}
#rightBar .sidebarItem .blueArrows {
	background-position:100% 1px;
	display:block;
	width: 70px;
	clear: both;
	margin: 0;

}
#rightBar .sidebarItem h4,
#rightBar .sidebarItem h4.featuredStory {
	border-top:1px dotted #ccc;
	clear:both;
	color: #005696;
	margin: 0 0 3px 0;
	padding-top:1em;
}
#rightBar .sidebarItem h4.featuredStory {
	border:none;
	font-size: 130%;
}
#rightBar .sidebarItem h4 a {
  color: #005696;
}
#rightBar #emailSignup {
	margin:0;
	padding:0;
	width: 207px;
}
	#rightBar .emailSignup p.error {
		color:#992114;
		font-weight:bold;
	}
	#rightBar #emailSignup .form-item { margin:0; }
	#rightBar #emailSignup input.form-text {
		float: left;
		width: 144px;
		height:15px;
		background-color: #eef3f7;
		color: #000;
		font: 1em Arial, Helvetica, sans-serif;
	}
#rightBar #emailSignup #response {
  display: inline-block;
}
	#rightBar #emailSignup input.form-submit {
	  border: none;
	  float: right;
	  background: url(../images/background/searchSubmit-email.png) no-repeat top left;
	  color: #FFF;
	  text-align: center;
	  width: 43px;
	  height: 20px;
	  cursor: pointer;
	}
#rightBar .petitionForm {
  margin: 0;
  padding: 0;
  width: 207px;
}
#rightBar .petitionForm input.form-text {
  margin: 0 0 5px 0;
  padding: 2px 3px 0 3px;
  width: 175px;
  height: 15px;
  background-color: #eef3f7;
  color: #000;
  font: 1em Arial, Helvetica, sans-serif;
}
#rightBar .petitionForm input.form-submit {
  margin: 3px 8px 5px 0;
  border: none;
  float: right;
  background: url(http://www.firstfocus.net/sites/all/themes/ff/images/background/petitionSubmit.gif) no-repeat top left;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  width: 60px;
  height: 20px;
  cursor: pointer;
  text-transform: uppercase;
}

#dsContent {
	width: 980px;
	position: relative;
	margin:0;
	padding:0;
	clear: both;
	position: relative;
	display: block;
}
#dsLeft {
  width: 758px;
  float: left;
  margin: 0;
  padding: 0;
  clear: left;
}
#dsLeft #subNav {
	float: left;
	margin: 1px 10px 0 0;
	overflow:hidden;
	padding: 0;
	width: 180px;
}
#dsLeft #subNav ul {
  display: block;
  list-style:none;
  margin: 0;
}
#dsLeft #subNav ul li {
  display: block;
  margin: 0;
  list-style:none;
  padding: 5px 6px 5px 15px;
  border-bottom: 1px dotted #9bbbd6;
  background: url(../images/background/blueArrow-transparent.png) no-repeat 4px 7px;
}
#dsLeft #subNav p {
	margin: 0;
	padding: 5px 6px 5px 15px;
}
#dsLeft #subNav ul li.active {
  background:#dfedfb url(../images/background/blueArrow-onBlue.gif) no-repeat 4px 7px;
}

#dsLeft #subNav ul li a {
	color: #243448;
}
#dsLeft #subNav.ff_our_work_navs ul li.active a {
  width:100%;
  display:block;
}

#dsLeft #subNav ul li.active a {
	color: #184c88; /* blue */
	font-weight: bold;
}
#dsLeft #subNav ul li.active li a {
	color: #333;
	font-weight: 100;
}
#dsLeft #subNav ul li.active li.active a {
	font-weight: bold;
}
#dsLeft #subNav ul li.active li.active li a {
	font-weight: 100;
	color: #333;
}
#dsLeft #subNav ul li.active li.active li.active a {

}

/* Third level subnav */
#dsLeft #subNav ul li.active ul li.active ul li {
	border-bottom:none !important;
}
#dsLeft #subNav ul li.active ul li.active ul li a {
	color:#000;
}

#dsLeft #subNav.ff_our_work_navs ul li.active a ul.li a, #dsLeft #subNav.ff_our_work_navs ul li.active a ul.li {
	background:none;
}
	#dsLeft #subnav ul li.active ul {
		background:#dfedfb;
	}
#dsLeft #subNav ul li a {
  color: #243448;
  text-decoration: none;
}
#dsLeft #subNav ul li a:hover {
  text-decoration: underline;
}
#dsLeft #detailedContent {
	width: 556px;
	float: right;
	margin: 1px 10px 0 0;
	overflow:hidden;
	padding: 0;
}
#dsLeft #detailedContent h2.header {
	background: url('../images/background/dsHeader.jpg') no-repeat top left;
	font-family: "Times New Roman", Times, Arial;
	color: #FFF;
	font-size: 320%;
	line-height: 60%;
	margin-bottom: 10px;
	overflow-y:hidden;
	text-transform:uppercase;
	padding: 70px 0 0 10px;

}
#dsLeft #detailedContent h2.headerPress {
  background: url(../images/background/dsHeader-news.jpg) no-repeat top left;
}
#dsLeft #detailedContent h2.headerAbout {
  background: url(../images/background/dsHeader-about.jpg) no-repeat top left;
}
#dsLeft #detailedContent h2.headerResources {
  background: url(../images/background/dsHeader-resources.jpg) no-repeat top left;
}
#dsLeft #detailedContent h2.headerAdvocacy {
  background: url(../images/background/dsHeader-advocacy.jpg) no-repeat top left;
}
#dsLeft #detailedContent h2.headerWork {
  background: url(../images/background/dsHeader-work.jpg) no-repeat top left;
}
#dsLeft #detailedContent h2.headerSearch {
  background: url(../images/background/dsHeader-search.jpg) no-repeat top left;
}
#dsLeft #detailedContent .print {
  float: right;
}
#dsLeft #detailedContent .print ul {
  margin: 0;
  padding: 0;
	list-style:none;
  text-align: right;
  height: 13px;
}
#dsLeft #detailedContent .print ul li {
  display: inline;
  list-style: none;
  margin: 0 3px;
  vertical-align: middle;
  height: 13px;
}
#dsLeft #detailedContent .print ul li img {
  margin: 0 2px 0 0;
  vertical-align: middle;
}
#dsLeft #detailedContent .breadcrumbs {
  float: left;
  width: 341px;
  margin: 0 0 0 3px;
}
#dsLeft #detailedContent .breadcrumbs ul {
  padding: 0;
  margin: 0;
}
#dsLeft #detailedContent .breadcrumbs ul li {
  display: inline;
  list-style: none;
  margin: 0 3px 0 0;
  padding: 0;
  color: #868c92;
}
#dsLeft #detailedContent .breadcrumbs ul li a {
  padding-right: 9px;
  background: url(../images/background/blueArrow-transparent.png) no-repeat right center;
}
#dsLeft #detailedContent h2.headline {
  width: 555px;
  color: #888;
  padding: 12px 0;
  margin: 11px 0;
  clear: both;
  border-bottom: 1px solid #b6bdc4;
  font-size: 90%;
  text-transform: uppercase;
}
#dsLeft #detailedContent h2.headline small {
	font-size: 110%;
	display: block;
	margin: 5px 0 0;
}
#dsLeft #detailedContent h2.headline span.contentType,
span.contentType {
  font-size: 180%;
  text-transform: none;
  font-weight: normal;
  color: #0b335e;
  display: block;
  line-height: 1.2em;
}
#news-page span.contentType {
	font-size: 103%;
}
span.date {
	display:block;
	color:#999;
}
#dsLeft #detailedContent .blueBox {
  width: 564px;
  background-color: #e8f1f5;
  padding: 15px 20px;
  margin: 0 0 1em 0;
  border: 1px solid #e5e5e5;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -o-border-radius: 12px;
  -ms-border-radius: 12px;
  border-radius: 12px;
  color: #101010;
}
#dsLeft #detailedContent .blueBox h4 {
  font: bold 1.4em Arial, Helvetica, sans-serif;
  color: #101010;
}
#dsLeft #detailedContent .blueBox h5 {
  font: bold 1.2em Arial, Helvetica, sans-serif;
  color: #0e396b;
  text-transform: uppercase;
  margin: 0 0 6px 0;
}
#dsLeft #detailedContent .blueBox p {
  color: #101010;
}
#dsLeft #detailedContent .blueBox a {
  color: #0e396b;
}
#dsLeft #detailedContent .blueBox a.blueArrows {
  background: url(../images/background/blueArrows-double-onBlue.gif) no-repeat right center;
  font-weight: bold;
  color: #257ead;
}
#dsLeft #detailedContent .blueBox hr {
  margin: 0 0 1em 0;
}


/* Added by Jay on August 17th for new elements
--------------------------------------------- */

/* Generic classes I usually use in forms */
.row { clear:both; margin-bottom:1em; }
.column { float:left; margin-right:1em; }

.video {
	margin-bottom:1em;
}

#toggleSearch {
	background:#E6E6E6;
	display:block;
	margin-top:-.85em;
	padding:.25em .5em;
	text-shadow:1px 1px 1px #fff;

	-webkit-border-bottom-left-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
}
	#toggleSearch:hover { background:#CFCFCF; text-decoration:none; }

#detailedContent form {
	background:#F6F9F9;
	border:1px dotted #ccc;
	padding:0 .5em .5em .5em;
	margin-bottom:2em;
}

#detailedContent fieldset {
	background:#fff;
	border:1px dotted #BEBEBE;
	margin-top:1em;
	padding:1em;
}
	#detailedContent fieldset legend {
		color:#0C1E42;
		font-weight:bold;
		padding:.25em;
	}
	#detailedContent fieldset input, #detailedContent fieldset select, #detailedContent fieldset label {

	}
	#detailedContent fieldset select {
/* 		width:100px; */
		margin-bottom:1em;
	}
	#detailedContent input.submit {
		margin:1em .25em .75em 0;
	}

/* Newsletter sidebar */
#rightBar .form {
	background:#FFF8EC;
	border-left: 1px solid #345896;
	border-right: 1px solid #345896;
	border-bottom: 1px solid #345896;
	padding:.5em;
}
	#rightBar .form input[type="text"], #rightBar .form .text {
		color:#333;
		margin-right:2px;
		padding:.25em;
		width:133px;
	}

/* Digital Library */
.listing {
	list-style:none;
	margin:0;
	padding:0;
}
	.listing li { border-bottom:1px dotted #ccc; clear:both; list-style:none; margin:0; padding:.75em 0;}
	.files li { padding:.75em 1em .75em 0 !important; }
	/*
.listing li.odd {
		background:#dfedfb;
	}
		.listing li.odd p { color:#5A5A5A; }
*/
	.listing li h3 {
		font-weight:bold;
		margin-bottom:1em;
		font-size: 130%;
	}
	.listing li p { color:#666;margin-bottom:0; }
	.listing li .date {
		color:#666;
		display:block;
		margin-top:-.5em;
		margin-bottom:0.75em;
	}
	.listing .read {
		color:#fff;
		clear:both;
		margin-bottom:1em;
	}
	.listing li > a:hover .read { color: #0c3465; }
	.listing .icon { margin:-0.25em 0 1em 0; }
	.listing .single { margin-bottom:0; }
	.listing .icon a { display:inline; }

	.listing .authors {
		color:#666;
		display:block;
		margin-bottom:1em;
		margin: 2px 0 0;
		clear: both;
	}
	
/* News page */
	.section-news .listing {
		list-style:disc;
		margin-left:2.5em;
	}
		.section-news .listing li {
			border-bottom:none;
			color:#666;
			list-style:disc;
			padding:.25em .5em;
		}
		.section-news .listing li .date-display-single { color:#999; }

	.related {
		border:1px solid #ccc;
		display:block;
		margin-bottom:1em;
		padding:.5em;
	}
		.related a { display:block; }

	/* Icons */

	.pubIcon { background:url('../images/publication-icon.png') no-repeat;padding-left:18px; }
	.pdfIcon { background:url('../images/pdfIcon.gif') no-repeat;font-weight:bold;padding-left:18px; }
		.pdfIcon:hover { text-decoration:none !important; }
	.reportIcon { background:url('../images/publication-icon.png') no-repeat;padding-left:18px; }
	.fact-sheetIcon { background:url('../images/publication-icon.png') no-repeat;padding-left:18px; }
	.mediaIcon { background:url('../images/media-icon.png') no-repeat;padding-left:18px; }
	.photoIcon { background:url('../images/photo-icon.png') no-repeat;padding-left:18px; }
	.toolsIcon { background:url('../images/tools-icon.png') no-repeat;padding-left:18px; }


/* Press Release */
.callout {
	background:#E4EDF2;
	display:block;
	float:right;
	margin:0 0 1em 1em;
	width:38%;
}
	.callout .vcard { padding:1em; }
	.callout .vcard .url, .callout .vcard .org { font-weight:bold; }
	.callout .vcard .adr, .callout .vcard .tel { color:#666; }
	.callout .external {
		background:#ccc;
		border-top:1px solid #333;
		color:#fff;
		display:block;
		padding:.5em 1em;
	}
		.callout .external:hover {
			background:#7B8185;
			text-decoration:none;
		}

/* Photo Gallery */
.galleryList {
	margin:0;
	padding:0;
}
.galleryList li {
	float:left;
	list-style:none;
}
	.galleryList li a {
		display:block;
		margin-right:1em;
		overflow:hidden;
		position:relative;
		width:285px;
	}
	.galleryList li a img { z-index:0; }
	.galleryList li a cite {
		background:#333;
		bottom:4px;
		color:#fff;
		display:block;
		left:0;
		padding:.5em;
		position:absolute;
		width:100%;
		z-index:2;
	}
	.galleryList li a:hover cite {
		background:#4C4C4C;
	}

/* Our work style boxes */
.boxes { margin:0; padding:0; }
	.boxes li {
		float:left;
		list-style:none;
		margin:0 1em 1.5em 0;
		width:48%;
	}
	.boxes li a { border:1px solid #DFEAF6; display:block; padding:1px; }
	.boxes li a:hover { text-decoration:none; }
	#detailedContent .boxes li h3 {
		background:#1E4585;
		color:#fff;
		padding:.25em;
	}
		.boxes li a:hover h3 { background:#21509E; }
	.boxes li img { float:left;margin:0 1em .25em .5em; }
	.boxes li p {
		margin:0 .5em;
	}

/* Blog */
#detailedContent .post { margin-bottom:4em; }
	#detailedContent .post .authors {
		display:block;
		margin: 0px 0 0;
	}
	#detailedContent .last { margin-bottom:6em; }
	#detailedContent .post .date {
		color:#2E5C7E;
	}
	#detailedContent .post h3 {
		margin-bottom:.25em;
	}
	#detailedContent h3 {
		color:#333;
		margin-bottom:.25em;
		font-weight:bold;
	}
	#detailedContent a h3 {
		margin-bottom:1em;
	}
	#detailedContent h4 {
		color:#333;
		margin-bottom:.25em;
	}
	#detailedContent h5 {
		margin-bottom:.25em;
		color:#333;
		font-weight:bold;
	}
	#detailedContent .post h3 {
		font-size: 130%;
	}
	#detailedContent .post cite {
		color:#585858;
		display:block;
	}
	#detailedContent .post .meta {
		border-top:1px dotted #b2b2b2;
		clear:right;
		margin-top:0em;
		padding-top:0.4em;
	}
		#detailedContent .post .meta p {
			color:#9e9e9e;
			font-size: 92%;
			margin: 0;
		}
		#detailedContent .post .meta .email {
			background:url('../images/background/email-icon.png') no-repeat 0 50%;
			padding-left:1.5em;
		}
	#detailedContent .post .related_items {
		background:#fafafa;
		border:1px solid #ccc;
		padding:2em;
	}
		#detailedContent .post .related_items .viewAll {
			background:#e8eae8;
			border:1px solid #D6D8D8;
			color:#333;
			display:block;
			margin-top:1.5em;
			padding:.25em .5em .25em .25em;
			text-align:right;
			text-decoration:none;
		}
		#detailedContent .post .related_items .viewAll:hover {
				background:#DCDEDE;
				color:#1B1B1B;
			}
#detailedContent #pagination {
	padding:2em 0;
}

/* Comments */
.comments h4 {
	font-size:1.8em;
}
.comments ol { list-style:none;margin:0 0 3em 0;padding:0; }
.comments ol li {
	border-top:1px dotted #aaaaa5;
	list-style:none;
	padding:1em 1em .25em 1em;
}
	.comments ol li.odd { background:#DFEAF6; }
	.comments ol li .vcard {
	}
	.comments ol li .vcard a { font-weight:bold; }
	.comments ol li p {
	}

/* Reply */
#detailedContent form.reply { padding:2em; }
.reply label {
	color:#585858;
	display:block;
	margin-bottom:.25em;
}
.reply input, .reply textarea {
	font: 1.1em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	margin-bottom:1em;
	padding:.25em;
}

.reply sup {
	color:red;
}

.node-job .fld-title {
  font-weight: bold;
}

.view-id-careers .item-list ul{
  padding-left: 0;
}

.view-id-careers .item-list ul li {
  list-style-type: none;
}

.view-id-careers .views-field-title {
  font-weight: bold;
}

.view-id-resource .views-field-created
, .view-id-resource .views-field-teaser
, .view-id-resource .views-field-created {
  display: inline-block;
}

.view-id-resource .views-field-created {
  margin-bottom: 8px;
}

/* Upcoming Events sidebar
--------------------------------------------- */
.view-events .views-row {
	margin-bottom:1em;
}
	.sidebarItem .view-events .views-row .views-field-title {

	}
	#detailedContent .view-events .views-row .views-field-title {

	}
	#detailedContent .view-events .views-row .views-field-field-dates-value {

	}
	#detailedContent .view-events .views-row .views-field-field-venue-value {

	}
	.view-events .views-row .views-field-field-venue-value {
		color:#666;
		font-style:italic;
	}


/* Event page
--------------------------------------------- */
.event-node .date-display-same-day {
	color:#666;
	font-weight:bold;
}
	.event-node .dates {
		border:1px dotted #ccc;
		float:right;
		margin:0 0 1em 1em;
		padding:1em;
	}
	.event-node .date {
		color:#333;
		margin:0;
	}
	.event-node .icon {
		display:block;
		padding-left:1.75em;
	}
	.event-node .search {
		background:url('../images/background/search.gif') no-repeat 0 0;
	}


/* News page
--------------------------------------------- */
#news-page h2 {
	background:#dfedfb;
	border-bottom:1px solid #C3C8E4;
	color:#333;
	padding: 5px 15px;
	font-size: 125%;
}
	#news-page h2 a { color:#333; }
	#news-page .listing li.odd {
		background:none;
	}


/* Search results
--------------------------------------------- */
#search-form { display:none; }


/* Use on elements that contain floated items
--------------------------------------------- */
.group:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.hide-email, .hide-comments {
  display:none;
}

ul.ourwork_term ul.ourwork_subterm {
	padding-left:2em;
}
div#taxo {
	padding-left:7px;
}
#visualization {
	background:#E7F4FC;
	border:1px solid #D0DCE4;
	display:none;
}
#tip { 
	background:#1a396c;
	display:none;
	margin-bottom:1em; 
}
#tip p {
	color:#FFF;
	padding:.5em;
	margin-bottom:0;
}
.featured-items {
	margin-bottom: 1.75em;
}
.featured-items h2, .related_items h2 {
	font-weight: 600;
	color: #868C92;
	margin-bottom: 0;
}

.outlook-button, .ical-button { display: block; float: left; width: 115px; height: 25px; margin: 0px 5px; }
.outlook-button { background: url('../images/outlook-cal-button.png') no-repeat 0 0; }
.ical-button { background: url('../images/ical-cal-button.png') no-repeat 0 0; }

table#attachments tbody td { padding: 3px 3px 3px 6px; }
/* table#attachments tbody td:last-child { width: 20%; } */
table#attachments thead th:first-child {font-weight:bold; color: #005696; }
table#attachments thead th:last-child {display: none;}
table#attachments tbody td:last-child {display: none;}
table#attachments tbody td a { color: #000; }