/* CSS Document */

html	{height:100%;}

body {
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #666;
margin:0;
padding:0;
text-align: left;
}

p, div, ul, ol, li, h1, h2, h3, h4, h5 {margin-top: 0px;}
a img {border:none;}
sup {line-height:0;}

h1, h2, h3, h4, h5	{font-weight:normal;}

a:link,  a	{color:#7f8919; text-decoration:none;}
a:visited	{color:#7f8919}
a:hover		{color:#495929}
a:active	{color:#7f8919}

.clear	{clear:both; margin:0; padding:0; line-height:-1px; height:0; font-size:1px;}

#container {width:945px; margin:0 auto; padding:0 9px; background:url(../images/shadow.gif) repeat-y;}

#header {width:945px; height:292px; float:left; position:relative; background:url(../images/bg_header_blank.jpg) no-repeat;}

		#fade div {display:none; width:945px; height:292px; position:absolute; z-index:5;}
		#fade div.one {display:block; background:url(../images/bg_header.jpg);}
		#fade div.two {background:url(../images/bg_header2.jpg);}		
		#fade div.three {background:url(../images/bg_header3.jpg);}				

 .secondary #header {height:200px; padding:6px 0 0 23px; position:static; background:url(../images/bg_secondary_header.jpg) no-repeat;}
	
	.about_pdi #header {background-image:url(../images/banner_about_pdi.jpg)}
	.about_pd #header {background-image:url(../images/banner_about_pd.jpg)}
	.news #header {background-image:url(../images/banner_news.jpg)}
	body.projects #header {background-image:url(../images/banner_projects.jpg)}
	.from_the_field #header {background-image:url(../images/banner_from-the-field.jpg)}
	.research #header {background-image:url(../images/banner_research.jpg)}
	.resources #header {background-image:url(../images/banner_resources.jpg)}
	
	
	a#logo {position:absolute; top:6px; left:23px; display:block; width:352px; height:76px; background:url(../images/logo.gif) no-repeat; text-indent:-999em; clear:right; outline:none; z-index:6;}
	.secondary a#logo {position:static; display:block; width:352px; height:76px; background:url(../images/logo.gif) no-repeat; text-indent:-999em; clear:right; outline:none;}
	.header_rotation_text {position:absolute; top:83px; z-index:6; float:left; width:300px; padding:35px 0 0 58px; background:url(../images/arrows_header_rotation.gif) no-repeat 35px 40px; height:75px;}
		p.header_rotation_text a.rotation_title {color:#000; font-size:16px; display:block;}
		p.header_rotation_text a {color:#000; font-size:12px;}
	#header_rotation_images {position:absolute; top:160px; z-index:6; float:left; width:333px; padding:35px 0 0 58px;}
		#header_rotation_images ul {padding:0; margin:0; list-style:none;}
		#header_rotation_images li {padding:0; margin:0; list-style:none; float:left;}
		#header_rotation_images img {width:89px; height:68px; padding:4px 10px 8px 4px; background:url(../images/bg_header_rotation_off.gif) no-repeat; margin-right:1px; cursor:pointer;}
		#header_rotation_images img.on {background-image:url(../images/bg_header_rotation_image.gif);}
				
#navigation {width:945px; height:55px; float:left; position:relative; z-index:15;}
.secondary #navigation {height:86px; background:url(../images/bg_tertiary_nav.gif) repeat-x bottom;}
	#navigation ul#secondary_nav {padding:0 0 0 13px; margin:0;}
	#navigation ul#secondary_nav li {list-style-type:none; padding:0; margin:0; display:inline;}
		#navigation ul#secondary_nav a {display:block; float:left; line-height:11px; padding:10px 10px 8px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; background:url(../images/sec_nav_div.gif) no-repeat right 11px; } #navigation ul#secondary_nav a.last {background:none;}
			#navigation ul#secondary_nav a:hover, #navigation ul#secondary_nav a.on {color:#4e4f00}
			
	
			
	#navigation-tertiary {width:945px; float:left; background:url(../images/bg_tertiary_nav.gif) repeat-x bottom; clear:both;}
		#navigation-tertiary ul {padding:0 0 0 13px; margin:0;}
		#navigation-tertiary li {list-style-type:none; display:inline;}
		#navigation-tertiary a  {color: #4e4f00 !important; display:block; float:left; line-height:13px; padding:10px 15px 8px; color:#fff; font-weight:bold; text-decoration:none; background:url(../images/sec_nav_div.gif) no-repeat right 11px; } #navigation-tertiary a.last {background:none;}
		#navigation-tertiary a:hover, #navigation-tertiary a.on {color:yellow !important}
			
#content {width:945px;	padding:0 0 10px;		background:   url(../images/bg_content.gif) repeat-y top;	margin: 0;}
	
	#left_col {width:669px; float:left;}
	#left_col_content {width:603px; padding:29px 33px 0; float:left; line-height:20px;}
		#left_col_content #home_messaging {width:603px; padding-bottom:10px; border-bottom:#d1d1d1 1px solid; margin-bottom:16px;}
		#left_col_content h1 {color:#679e20; font-size:22px; line-height:26px; margin-bottom:15px; }
		#left_col_content h2 {color:#679e20; font-size:18px; margin-bottom:14px; }
		#left_col_content h3 {color:#679e20; font-size:14px; margin-bottom:5px; font-weight:bold; }
		#left_col_content h4 {color:#679e20; font-size:14px; margin:7px 0 5px; font-style:italic; font-weight:bold; }
		#left_col_content h5 {color:#679e20; font-size:12px; margin:5px 0 0; font-weight:bold; }		
			
		#left_col_content ul.callout {padding:10px 15px 10px 35px; background:#eef5cd; margin:20px inherit 10px;}
			#left_col_content ul.callout li {color:#333; margin-bottom:5px;}
			#left_col_content ul.tiers li {list-style:none; padding-left:none; font-weight:bold;}
				#left_col_content ul.tiers li li {list-style:outside; font-weight:normal;}
		#left_col_content #image {width:148px; float:left; margin-right:16px; line-height:10px; padding:5px 0 0;}
			#left_col_content #image img {margin-bottom:10px;}
			#left_col_content #image #caption {font-size:10px; color:#000000; text-align:center;}
		#left_col_content #home_intro_text {float:left; width:405px;}
		#left_col_content #news {width:603px;}
			#left_col_content #news h2 {color:#679e20; font-size:18px; margin-bottom:10px;}
			#left_col_content #news .news_item {width:603px;}
				#left_col_content #news .news_item img {height:89px; width:89px;border:#7a8217 3px solid; float:left; margin-right:4px;} #left_col_content #news .news_item img.second_news_item,
				#left_col_content #news .rec_arch img	{margin-top:35px;}
					#left_col_content #news .news_item a img {}
					#left_col_content #news .news_item div.img_placeholder {height:89px; width:89px; float:left; margin-right:10px;margin-top:35px;}
				#left_col_content #news .news_item .news_copy {width:496px; padding:0 0 24px 7px; float:left; border-left:#d6d6d6 1px solid;} #left_col_content #news .news_item .second_news_copy { border-top:#d6d6d6 1px solid; padding-top:35px;}
				
				#left_col_content #news .rec_arch .news_copy {padding-top:35px;}
					#left_col_content #news .news_item .news_copy p {margin-bottom:0px;}
					#left_col_content #news .news_item .news_copy p.date {color:#679e20; font-size:14px; line-height:18px;}
					#left_col_content #news .news_item .news_copy p.date a {color:#679e20;}
					#left_col_content #news .news_item .news_copy p.event {background:url(../images/icon_calendar.gif) 65px 0 no-repeat;}
					#left_col_content #news .news_item .news_copy p.event_alert {background:url(../images/icon_calendaralert.gif) 65px 0 no-repeat;}
					#left_col_content #news .news_item .news_copy p.news {background:url(../images/icon_news.gif) 65px 0 no-repeat;}
					#left_col_content #news .news_item .news_copy a {font-size:14px; color:#91c332;}
				#left_col_content #news .news_item span.source a,
				#left_col_content #news .news_item span.source {font-size:11px; font-style:italic; line-height:12px;}

			.newsimage {float:left; padding:0 10px 4px 0;}
			.manuals table {margin-bottom:20px;}
			.manuals table td{border-top:#999999 1px solid; padding:15px;}


	#right_col {width:276px; padding:0; margin:0; float:left; background:#adbfcd url(../images/bg_right_col.gif) repeat-y left}
		#right_col #right_col_top {width:276px;	height:7px;	background:url(../images/bg_right_col_top.gif) no-repeat top left;	line-height:0px;	font-size:0px;	padding: 0;	margin: 0;}
		#right_col #search {width: 260px; padding:3px 0 0 8px; float:left;}
			#right_col form {padding:0 11px 9px; /*border-bottom:#95a3ae 1px solid;*/ display: block; float:left; margin: 0;} .home #right_col form {border-bottom:none;}
				#search form input.searchbox {width:150px; height:14px; padding:3px 12px 0; font-size:11px; margin:1px 2px 0 0; border:none; border:0; /* "border:0" is for IE */ display:block; float:left; line-height:11px;} 
				#search form #all {background:none;} /* id "all" also appears on the project map */
				#search form img.go {float:left; width:56px; margin:0; padding:0; outline:none;}
				
		#search form .search_options {padding:10px 0 0 0; margin:0; color:#333; float:left;}
		#search form .search_options input.radio {padding:0; margin:0; border:0; outline:none;}
		#search form .search_options label {float:none; display:inline; width:auto; font-size:11px; text-transform:uppercase; outline:none; padding:0; margin:0; position:relative; top:-1px;}
		
				
			#right_col #icon_container {width:260px; padding:0 8px 22px; float:left; border-top:#819FBA 1px dotted;} .secondary #right_col #icon_container {padding-bottom:0;}
			
			
			#right_col #icons {width: 220px; padding:10px 20px 0; border-top:#dee5eb 1px solid;} .secondary #right_col #icons {	border-bottom:#95a3ae 1px solid; padding-bottom:10px; margin-bottom:0;}
				#right_col #icons a {display:block; float:left; padding-top:51px; text-align:center; line-height:12px; font-size:11px; color:#666; text-transform:uppercase; font-weight:bold; background-position:top center; background-repeat:no-repeat;} #right_col #icons a.last {margin-right:0;}
					#right_col #icons a.blog	   {background-image:url(../images/icon_blog.gif); width:46px; margin-right:25px;}
					#right_col #icons a.community  {background-image:url(../images/icon_community.gif); width:70px; margin-right:14px;}
					#right_col #icons a.university {background-image:url(../images/icon_university.gif); width: 65px;}
					/* See below for Multimedia center styles */					
			#right_col #tell_us {width:206px; border-top:#dee5eb 1px solid; padding:27px; margin-left:8px; float:left;}
			#right_col #tell_us a {display:block;	line-height:14px;	padding:12px 0 16px 50px;	width:156px;	color:#fff;	font-size:14px;	font-weight:bold;	background:url(../images/bg_tell_us.gif) no-repeat;	margin:0;	float: left;}
				
		#right_col #right_col_content_container {width:260px; padding:14px 0 14px; margin:0 0 0 8px; border-top:#dee5eb 1px solid; float:left; }
		* html #right_col #right_col_content_container{display:inline;}		
				#right_col #right_col_content {width:234px; padding:0 12px; color:#333; float:left;}
				#right_col #right_col_content img {margin:0 0 15px;}
				#right_col #right_col_content h2 {margin:0 0 10px; font-size:16px; font-weight:bold; color:#7f8919}
				#right_col #right_col_content h3 {margin:0 0 5px; font-size:14px; font-style:italic;}
				
	#footer {width:945px; margin:0 auto; padding: 26px 9px 10px; background: url(../images/bg_footer.gif) no-repeat top;}
		#footer p {text-align:center; color:#89743f;  margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
		#footer p#copyright {font-weight:bold;}
		#footer p#links a { color:#89743f;}
		
	/* Project Map styles */
	.infowindow {width:200px; min-height:100px; font-size:11px; line-height:12px;}
	.infowindow h3 {font-size:11px; font-weight:bold; line-height:14px; color:#000; border-bottom:1px solid #ccc; padding:0 0 2px; margin:0 0 5px;}
	.infowindow h3 a {color:#000; text-decoration:none;}
	.infowindow h3 a:hover {color:#009900;}
	.infowindow a {color:#666; text-decoration:none;}
	.infowindow a:hover {color:#333;}
	.infowindow div {padding:10px 0;}
	.infowindow p.info {padding:0; margin:0;}
	.infowindow p.info a {color:#000;}
	.infowindow p.info a:hover {color:#009900;}
	.infowindow p.dtl {padding-top:6px;}
	.cat {padding:0 20px; margin:0; line-height:21px;}
	.cat span {font-weight:bold; font-size:12px;}
	.gr a {float:left; display:block; height:24px; padding:5px 0 0 20px; margin:0 18px 5px 0; background-position:top left; background-repeat:no-repeat;}
		#education {background-image:url(../images/googlemaps/marker-blue.gif);}
		#healthcare {background-image:url(../images/googlemaps/marker-green.gif);}
		#nutrition {background-image:url(../images/googlemaps/marker-brown.gif);}
		#public {background-image:url(../images/googlemaps/marker-red.gif);}
		#vulnerable {background-image:url(../images/googlemaps/marker-yellow.gif);}
		#other {background-image:url(../images/googlemaps/marker-purple.gif);}
		#all {background-image:url(../images/googlemaps/marker-white.gif);}
	#full #footer {background: url(../images/bg_footer_nocol.gif) no-repeat top;}
	#content_full {float:left; margin: 0; background:none; padding:25px 0 0 45px; width:900px; position:relative;}
	#content_full #search {position:absolute; top:15px; right:30px;}
	#content_full #search form input.searchbox {height:14px; border:1px solid #ccc;}
	#content_full #map_canvas {clear:both; width: 850px; height: 450px;}
	#content_full ul.callout {padding:10px 15px 10px 35px; width:40%; background:#eef5cd; margin:20px inherit 10px;}
	#content_full ul.callout li {color:#333; margin-bottom:5px;}
	
	/* News */
	#left_col_content .news_node h1 {margin-bottom:0;}
	.news_date {font-size:10px;}
	.news_image {float:left; margin:10px 10px 2px 0; border: 1px solid black;}
	
	/* Search */
	a.external_link {padding-right:13px; background:url(../images/icon_external_link.gif) right 2px no-repeat;}
	#left_col_content #search form input.searchbox {height:14px; border:1px solid #ccc;} 
	#left_col_content #search #news {width:auto;} /* override #news style */
	div.result_blk {padding:3px 0 6px;}
	#left_col_content div.result_blk h4 {padding:2px 5px 1px; font-style:normal; text-transform:uppercase; margin:0 0 6px; background:#eef5cd; font-weight:normal; font-size:11px; color:#666; border-bottom:1px solid #dee6b7;}
	#left_col_content div.result_blk h4 a {color:#7f8919; padding-left:4px; font-weight:bold; line-height:14px; text-transform:none;}
	#left_col_content div.result_blk h4 a:hover {color:#495929}
	div.result_blk p {padding:0 3px;}
	div.result_blk p.rtitle {font-weight:bold; padding:0 3px; margin:0;}
	div.result_blk span.rdiv {padding-top:6px; display:block;}
	div.result_blk a {color:#666;}
	div.result_blk a:hover {color:#7f8919;}
	div.result_blk span {font-weight:bold;}
	div.result_blk span.highlight_word {color:#679e20;}
	div.result_blk a:hover span.highlight_word {color:#7f8919;}
	
	/* Media Center Video library & Homepage right column video area*/
	
	.home #multimedia_center {width: 260px; padding:7px 7px 0; float:left;}
		.home #video_container {width:260px; height:254px; overflow:hidden; border:none; padding:0; margin:7px 0;}
		.home h3#multimedia_center_h3 {display:block;width:209px;  line-height: 47px; color:#fff; font-weight:bold; font-size:13px; text-transform:uppercase; padding:0 0 1px 67px; margin:0;  background:#819fba url(../images/bg_multimedia_center.gif) no-repeat left; float:left;}
		.home #multimedia_center p {display:block; width:236px; padding:0 0 0 7px; font-size:11px; color:#333;  }
		.home #multimedia_center #player {display:block; width:260px; height:217px; float:left; margin:0 0 15px;}
		.home #clips {width:228px; padding:3px 0 21px 25px ; border-bottom:#95a3ae 1px solid;}
		.home #clips img {width:64px; height:45px; border:#666633 2px solid; margin-right:10px; float:left;} .home #clips img.last {margin-right:0;}
	
	.media_center #video_container {width:360px; border-right:#73A42C 1px dotted; padding-right:5px; margin-right:4px;float:left;}
	.media_center #player {display:block;width:360px;height:300px; float:left; margin-bottom:7px;}
	.media_center #clips {float:right; width:224px;}
		.media_center #clips h2 {margin-top:20px;}
		.media_center .videoname{cursor: hand; cursor: pointer; font-weight:bold; margin: 5px 0;}
		.media_center .videodescription {width:204px; padding-left:20px;}
		.media_center .openlanguage, .media_center .closedlanguage {color:#7f8919; border-bottom:#73A42C 1px dotted;}
		
	.media_center .summary {display:none;}
		.media_center p.play {font-weight:bold; font-size:14px;}
		
		
    /*gallery */
   
		.gallery {width: 603px; float:left; padding-bottom:20px;}
		.gallery img {float:left; padding:0 10px 0 0; border-right:#75A231 1px dotted; margin:0 10px 0 0; width:100px; height:100px;}
		.gallery .gallery_text {float:left; width:482px;}
		.projects .gallery .gallery_text {line-height:100px;}
		.gallery a.thumb {display:none;}
		

/* Form pages */
form p {clear:both; padding:12px 0 0 0; margin:0; line-height:14px;}
form p span {padding:0 16px 0 4px;}
#left_col form label {display:block; float: left; width:170px;}
#left_col form label span {color:red; padding:0;}
#left_col form input.pd, 
#left_col form textarea.pd
{padding-left:2px; border:1px solid #ccc; border-top:1px solid #b5c75e; border-left:1px solid #b5c75e; background:url(../images/bg_formfield.gif); outline:none;}
#left_col form input.pd {height:18px; padding-top:2px;}
.LV_invalid, .LV_valid { margin-left:10px; font-weight:bold;}
.LV_invalid {color:red;}
.LV_valid {color:#99CC66;}
#left_col form #submit {height:auto; line-height:normal; padding:0;}