/* ####################
TOC...
BASIC SEMANTIC STYLES
LINK STYLES BELOW
tophat STYLES
FOOTER STYLES
HOMEPAGE STYLES
HOMEPAGE SLIDE
HOMEPAGE TWO COLUMNS OF ARTICLES
SUBPAGE STYLES
DIRECTORY/RESULTS PAGE STYLES
FORM STYLES
dropdown styles
Area specific styles
Miscellaneous styles
############################## */

/* ####################
WE NEED THIS html STYLE TO ADD A SCROLLBAR TO FIREFOX SO AS TO GET RID OF THE 20 PIXEL SHIFT THAT THEY SO LOVINGLY ADD TO LONG PAGES
############################## */
html 
	{
     overflow: -moz-scrollbars-vertical;
	}
html, body 
	{
  	height: 100%; /* Required */
	}
#mainJoint, #footBox
	{
	width:803px;
	margin:0 auto;
	}
body
	{
	/*letter-spacing:.03em;*/
	text-align:center;
	width:100%;
	font-size: 11px;
	font-family:arial, sans-serif;
	background: #ffffff url(/images/bg.gif) repeat-x;
	margin:0;
	}

#printerFriendly
{display:none;}

/*#############################################
BASIC SEMANTIC STYLES BELOW
#############################################*/
div
	{
	text-align:left;
	}
p, li, ul, td
	{
	line-height:20px;
	font-family: arial, sans-serif;
	font-size: 12px;
	color:#666666;
	}	
p
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	}
	
h1
	{
	margin:0 0 5px 0;
	font-family: "Bookman", sans-serif;
	font-size: 17px;
	font-weight:normal;
	color:#044e89;
	}
/* a:hover to prevent nasty hover action on headers */	
	h1 a:hover
		{
		margin:0 0 5px 0;
		font-family: "Bookman", sans-serif;
		font-size: 17px;
		font-weight:normal;
		color:#044e89;
		}
h2
	{
	margin:0 0 5px 0;
	font-family: georgia, serif;
	font-size: 16px;
	font-weight:normal;
	color:#044e89;
	}
/* a:hover to prevent nasty hover action on headers */
	h2 a:hover
		{
		margin:0 0 5px 0;
		font-family: georgia, serif;
		font-size: 16px;
		font-weight:normal;
		color:#044e89;
		}	
h3
	{
	margin:0 0 5px 0;
	font-size:13px;
	line-height:18px;
	font-family: arial, sans-serif;
	color:#0575c3;
	font-weight:normal;
	}
/* a:hover to prevent nasty hover action on headers */
	h3 a:hover
		{
		margin:0 0 5px 0;
		font-size:13px;
		line-height:18px;
		font-family: arial, sans-serif;
		color:#0575c3;
		font-weight:normal;
		}

h4
	{
	margin:0px 0px 0px 0px;
	font-family: "Trebuchet MS", arial, sans-serif;
	font-size: 13px;
	color:#044e89;
	}
/* a:hover to prevent nasty hover action on headers */
	h4 a:hover
		{
		margin:0px 0px 0px 0px;
		font-family: "Trebuchet MS", arial, sans-serif;
		font-size: 13px;
		color:#044e89;
		}
hr
	{
	padding:0 0 0 0;
	border: 0;
	color: #d9ebf9;
	background-color: #d9ebf9;
	height: 1px;
	width:100%;
	margin:10px 20px 15px 0px;
	}
ul
	{
	list-style-type:square;
	padding-left:1em;
	padding-bottom:5px;
	margin:0px 0px 5px 7px;
	}
ul
	{
	color:#737b80;
	list-style-image: url(/images/bullet_arrow.gif);
	padding-left:1em;
	margin:10px 0px 5px 14px;
	}
	ul li
		{
		font-weight:normal;
		padding:0px 0px 5px 0px;
		}
/*#############################################
LINK STYLES BELOW
#############################################*/
a:link
	{
	color:#168cdf;
	text-decoration:underline;
	}	
a:visited
	{
	color:#168cdf;
	text-decoration:underline;
	}
a:hover
	{
	color:#168cdf;
	text-decoration:none;
	}

/*
HELPER CLASSES
*/
.clearAll
	{clear:both;}
.floatLeft
	{float:left;}
.floatRight
	{float:right;}
/*
tophat STYLES
*/
#topHat
	{
	clear:both;
	width:803px;
	margin:0;
	}
#topMostBlueNav
	{
	color:#ffffff;
	height:20px;
	padding-top:5px;
	text-align:right;
	}
	#topMostBlueNav a:link, #topMostBlueNav a:visited
		{
		color:#ffffff;
		margin:0 5px 0 5px;
		text-decoration:none;
		}
		#topMostBlueNav a:hover
			{
			text-decoration:underline;
			}
#topLightBlueNav
	{
	height:27px;
	padding:0 5px 0 0;
	text-align:right;
	background:url(/images/topLightBlueNavBG.gif) no-repeat;
	}
	#topLightBlueNav a:link, #topLightBlueNav a:visited
		{
		line-height:30px;
		font-weight:bold;
		font-size:11px;
		margin:0 15px 0 15px;
		text-decoration:none;
		color:#063b6c;
		}
		#topLightBlueNav a:hover
			{
			text-decoration:underline;
			}
#topLogoAndSearch
	{
	width:795px;
	height:49px;
	clear:both;
	float:left;
	}
	#topLogo
		{
		float:left;
		}
	#topLogo a:link, #topLogo a:visited, #topLogo a:hover
		{
		display:block;
		width:361px;
		height:49px;
		background:url(/images/topLogo.gif) no-repeat;
		}
		#topLogo span
			{
			display:none;
			}
/* begin added archive logo area  */
	#topLogoArchive
		{
		float:left;
		}
	#topLogoArchive a:link, #topLogoArchive a:visited, #topLogoArchive a:hover
		{
		display:block;
		width:600px;
		height:49px;
		background:url(/images/topLogo_archive.gif) no-repeat;
		}
		#topLogoArchive span
			{
			display:none;
			}
/* end added archive logo area */
	#topSearch
		{
		float:right;
		padding:15px 0 0 0; /* changed from original padding:9px 0 0 0; */
		text-align:right;
		}
		#topSearch a:link, #topSearch a:visited
			{
			font-size:10px;
			color:#666666;
			margin:0;
			padding:0;
			}
	
#topRedNav
	{
	clear:both;
	width:803px;
	}
/*#############################################
HOMEPAGE STYLES BELOW
#############################################*/
#mainContent
	{
	float:left;
	background:#fff;
	width:795px;
	margin:0;
	padding:3px 4px 0 4px;
	clear:both;
	}
#homePage_twoCols
	{
	padding:0 0 25px 0;
	margin:0;
	width:795px;
	float:left;
	clear:both;
	}
	#homePage_twoCols .firstCol
		{
		background:#fff;
		float:left;
		width:569px;
		}
	#homePage_twoCols .secondCol
		{
		background:#fff;
		float:right;
		width:220px;
		}
#homePage_mainCopy
	{
	padding:7px 40px 0 11px;
	clear:both;
	}
	#homePage_mainCopy h2
		{
		color:#044E89;
		font-size:18px;
		}



#topBlueBox
	{
	width:220px;
	height:227px;
	background:url(/images/homePage_top_blueBoxBG.gif) no-repeat;
	}
	#topBlueBox p
		{
		color:#fff;
		margin:0;
		padding:72px 15px 0 15px;
		}
#jodl
	{
	margin-top:9px;
	background:url(/images/homePage_jodlBG.gif) no-repeat;
	width:220px;
	height:128px;
	}
	#jodl span{display:none;}	
	#jodl img
		{
		margin:104px 0 0 8px;
		}
#ald
	{
	margin-top:9px;
	background:url(/images/home_aldBG.gif) no-repeat;
	width:220px;
	height:114px;
	}
	#ald p
		{
		font-size:11px;
		line-height:12px;
		padding:50px 20px 0 16px;
		}
	#ald a
		{
		font-size:11px;
		line-height:12px;
		font-family:arial;
		color:#de051d;
		}
		
/* Added second ald side box for related resources area */

#ald2
	{
	background:url(/images/home_aldBG2.gif) no-repeat;
	width:195px;
	height:114px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#333;
	}

	#ald2 p
		{
		font-size:11px;
		line-height:12px;
		padding-top: 50px;
		padding-left: 10px;
		}
	#ald2 a
		{
		font-size:11px;
		line-height:12px;
		font-family:arial;
		color:#de051d;
		}
		
#stayInformed
	{
	margin-top:9px;
	background:url(/images/homePage_stayInformedBG.gif) no-repeat;
	width:220px;
	height:100px;
	}
	#stayInformed p
		{
		font-size:11px;
		line-height:12px;
		padding:38px 20px 5px 16px;
		}
#quickLinks
	{
	margin-top:9px;
	background:url(/images/homePage_quickLinksBG.gif) no-repeat;
	width:220px;
	/* height:160px; */
	}
	#quickLinks ul
		{
		font-size:11px;
		/* padding:38px 20px 5px 16px; */
		padding-top: 38px;
		padding-left: 5px;
		}
			#quickLinks li
		{
		line-height:12px;
		padding-bottom: 10px;
		}

#homePage_twoCols .secondCol #stayInformed .gradientField
	{
	padding-left:16px;
	clear:both;
	height:19px;
	width:175px;
	float:left;
	}
	.gradientField .leftSide, .gradientField .rightSide
		{
		height:19px;
		width:5px;
		float:left;
		}
		.gradientField .leftSide
			{background:url(/images/gradientField_left.gif) no-repeat;}
		.gradientField .rightSide
			{background:url(/images/gradientField_right.gif) no-repeat;}
	.gradientField .inside
		{
		background:url(/images/gradientField_inside.gif) repeat-x;
		float:left;
		/*width:140px;*/
		height:19px;
		}
	.gradientField .btn
		{
		float:right;
		width:19px;
		}
/*#############################################
HOMEPAGE SLIDE STYLES BELOW
#############################################*/
#homePage_slide_container
	{
	float:left;
	border-bottom:1px solid #dae2e7;
	}
.photoBlock
	{
	width:569px;
	}
		.photoBlock .numbers
			{
			margin:8px 0 8px 12px;
			float:left;
			}
		.photoBlock .numbers .numberLink, .photoBlock .numbers .numberLink_over
				{
				margin:0 10px 0 0;
				text-align:center;
				float:left;
				width:15px;
				height:18px;
				}
			 .photoBlock .numbers .numberLink_over
				{
				background:url(/images/slide_numberBG.gif);
				background-repeat:no-repeat;
				}
			 .photoBlock .numbers .numberLink_over a:link, .photoBlock .numbers .numberLink_over a:visited, .photoBlock .numbers .numberLink_over a:hover
			 	{
				color:#ffffff;
				}
		.photoBlock .numbers a:link, .photoBlock .numbers a:visited, .photoBlock .numbers a:hover
			{
			line-height:14px;
			font-weight:bold;
			text-decoration:none;
			font-size:11px;
			font-family:arial;
			color:#666666;
			}
			.photoBlock .numbers a:hover
				{
				color:#ffffff !important;
				}
		.photoBlock .prevNext
			{
			margin:8px 0 8px 0;
			padding-right:10px;
			float:right;
			}
			.photoBlock .prevNext, .photoBlock .prevNext a:link, .photoBlock .prevNext a:visited, .photoBlock .prevNext a:hover
			{
			font-weight:bold;
			text-decoration:none;
			font-size:11px;
			font-family:arial;
			color:#666666;
			}
/*
HOMEPAGE TWO COLUMNS OF ARTICLES
*/

#homePage_two_cols_of_blue
	{
	width:569px;
	overflow:hidden;
	clear:both;
	float:left;
	}
	#homePage_two_cols_of_blue .first
		{
	overflow:hidden;
		float:left;
		width:285px;
		}
		#homePage_two_cols_of_blue .first .head
			{
			background:url(/images/home_blueHd_featured.gif) no-repeat;
			width:284px;
			height:28px;
			}
			#homePage_two_cols_of_blue .first .head h2
				{
				padding:5px 0 0 30px;
				color:#134568;
				}
			#homePage_two_cols_of_blue  a.headline:link, #homePage_two_cols_of_blue a.headline:visited, , #homePage_two_cols_of_blue h3
				{
				line-height:15px !important;
				color:#0575C3;
				font-family:"Trebuchet MS",arial,sans-serif;
				font-size:13px;
				font-weight:normal;
				text-decoration:none;
				}
				#homePage_two_cols_of_blue a.headline:hover
					{text-decoration:underline;}
		#homePage_two_cols_of_blue .first .content
			{
			float:left;
			padding:24px 0 0 10px;
			width:274px;
			border-right:1px dotted #000;
			}
			#homePage_two_cols_of_blue .first .content .item
				{
				clear:both;
				float:left;
				width:275px;
				margin:0 0 15px 0;
				}
				#homePage_two_cols_of_blue .first .content .item .thumb
					{
					width:70px;
					float:left;
					margin-right:5px;
					}
				#homePage_two_cols_of_blue .first .content .item .copy
					{
					width:200px;
					float:left;
					}
					#homePage_two_cols_of_blue .first .content .item .copy p, #homePage_two_cols_of_blue .second .content .item  p
						{
						margin-right:10px;
						font:11px "Trebuchet MS";
						line-height:14px;
						}
					#homePage_two_cols_of_blue .first .content .item .copy h3, #homePage_two_cols_of_blue .second .content .item  h3
						{
						line-height:13px;
						padding:0 0 5px 0 !important;
						margin:-2px 0 0 0 !important;
						}
	#homePage_two_cols_of_blue .second
		{
	overflow:hidden;
		float:left;
		width:283px;
		}
		#homePage_two_cols_of_blue .second .head
			{
			background:url(/images/home_blueHd_whatsNew.gif) no-repeat;
			width:283px;
			height:28px;
			}
			#homePage_two_cols_of_blue .second .head h2
				{
				padding:5px 0 0 30px;
				color:#134568;
				}
		#homePage_two_cols_of_blue .second .content
			{
			float:left;
			padding:24px 0 0 10px;
			width:275px;
			}
			#homePage_two_cols_of_blue .second .content .item
				{
				clear:both;
				float:left;
				width:275px;
				margin:0 0 15px 0;
				}


/*#############################################
SUBPAGE STYLES BELOW
#############################################*/

#subPage_twoCols/*This is the main container sub pages with two column bodies tdb*/
	{
	padding:0 0 0 0;
	margin:0;
	width:795px;
	float:left;
	clear:both;
	}
#subPage_twoCols .firstCol
		{
		overflow:hidden;
		background:#fff;
		float:left;
		width:596px;
		}
/* Added for a three column sitemap format*/
#subPage_twoCols .sitemapColLeft /* holds two 265px columns */
		{
		overflow:hidden;
		background:#fff;
		float:left;
		width:530px; 
		}
#subPage_twoCols .sitemapColRight /* The right column */
		{
		overflow:hidden;
		background:#fff;
		float:right;
		width:265px;
		}
#sitemapSubColLeft /* the left column of subPage_twoCols.sitemapColLeft */
	{
	float:left;
	width:265px;  
	}
#sitemapSubColMid /* the right column of above class, middle column of page*/
	{
	float:left;
	width:265px;
	}
.sitemapPad
	{
	padding-left: 10px; 
	padding-right: 10px;
	}
	
.sitemapPad li
	{
	padding-bottom: 0px; 
	}
		
#sub_head
	{
	width:596px;
	}
#sub_body_with_two_columns
	{
	background:url(/images/sub_body_with_two_columns_bg.gif) repeat-y;
	padding:0 0 0 0;
	width:596px;
	clear:both;
	float:left;
	margin:7px 0 0 0;
	}
#sub_body_with_two_columns_btm
	{
	margin:0;
	height:10px;
	width:596px;
	clear:both;
	background:url(/images/sub_body_with_two_columns_btm.gif) no-repeat;
	}
#left_nav_shell
	{
	float:left;
	width:183px;
	background:url(/images/sub_left_nav_shell_bg.gif) repeat-y;
	}
#sub_left_nav_top
	{
	width:183px;
	height:4px;
	background:url(/images/sub_left_nav_top.gif) no-repeat top center;
	}
#sub_left_nav_top_first
	{
	padding:0;
	margin:0;
	width:183px;
	height:4px !important;
	overflow:hidden;
	background:url(/images/sub_left_nav_top.gif) no-repeat;
	}
#sub_left_nav_top_first_on
	{
	width:183px;
	height:4px;
	background:url(/images/sub_left_nav_top_first_on.gif) no-repeat top center;
	}
	.nav_item_second_level_on
		{
		color:#fff;
		font-weight:bold;
		padding:5px 0 5px 10px;
		border-bottom:1px solid #fff;
		margin:0 0 0 1px;
		width:165px;
		height:13px;
		background:#1f6ba0;
		}
/* Had to add a second level on with a link for LINCS and some other areas */
	.nav_item_second_level_on_link a:link,  .nav_item_second_level_on_link a:visited
		{
		color:#fff;
		font-weight:bold;
		padding:5px 0 5px 10px;
		border-bottom:1px solid #fff;
		margin:0 0 0 1px;
		width:165px;
		height:13px;
		background:#1f6ba0;
		display: block;
		text-decoration: none;
		}
	.nav_item_second_level
		{
		padding:5px 0 5px 10px;
		border-bottom:1px solid #fff;
		margin:0 0 0 1px;
		width:165px;
		height:13px;
		background:#e6f1f7;
		}
	.nav_item_third_level
		{
		margin:0 0 0 1px;
		}
	.nav_item_third_level_on
		{
		padding:5px 0 5px 20px;
		margin:0 0 0 1px;
		width:155px;
		height:13px;
		font-weight:bold;
		background:#fff url(/images/third_level_over.gif) no-repeat;
		}
	.nav_item_third_level a:link, .nav_item_third_level a:visited
		{
		display:block;
		height:13px;
		width:155px;
		padding:5px 0 5px 20px;
		color:#333;
		background:transparent;
		font:11px "Trebuchet MS";
		text-decoration:none;
		}
		.nav_item_third_level a:hover
			{
			color:#1f6ba0;
			background:transparent url(/images/third_level_over.gif) no-repeat;
			}
/* Had to add a fourth level of navigation for LINCS and some other areas */
	.nav_item_fourth_level
		{
		margin:0 0 0 1px;
		}
	.nav_item_fourth_level_on
		{
		padding:5px 0 2px 27px; /*original bottom padding was 5px, left 20px */
		margin:0 0 0 1px;
		width:150px; /*original width was 155px */
		height:13px;
		font-weight:bold;
		background:#fff url(/images/fourth_level_over.gif) no-repeat;
		}
	.nav_item_fourth_level a:link, .nav_item_fourth_level a:visited
		{
		display:block;
		height:13px;
		width:155px;
		padding:5px 0 2px 27px;  /*original bottom padding was 5px, left 20px */
		color:#333;
		background:transparent;
		font:11px "Trebuchet MS";
		text-decoration:none;
		}
		.nav_item_fourth_level a:hover
			{
			color:#1f6ba0;
			background:transparent url(/images/fourth_level_over.gif) no-repeat;
			}

/* end added fourth level navigation */

		.nav_item_second_level a:link, .nav_item_second_level a:visited
			{
			color:#333;
			font:11px "Trebuchet MS";
			text-decoration:none;
			}
			.nav_item_second_level a:hover
				{color:#0575C3;text-decoration:underline;}
	
#sub_content
	{
	float:left;
	width:413px;
	}
	#print_page
		{
		clear:both;
		height:19px;
		text-align:right;
		}
#sub_content #inside
	{
	padding:12px 0px 20px 9px;
	}
/* Discontinued archive header - SAVE */
#archive
	{
	text-align: center; 
	color: red; 
	font-family: times new roman, serif; 
	font-size: 17px;
	font-weight: bold;
	padding: 5 5 5 5;
	}

.blue_topped_media_box
	{
	width:396px;
	float:left;
	margin-bottom:20px;
	}
	.blue_topped_media_box .blue_topped_head
		{
		width:396px;
		float:left;
		}
		.blue_topped_media_box .blue_topped_head .leftSide
			{
			float:left;
			background:url(/images/blue_topped_head_left.gif) no-repeat;
			width:5px;
			height:32px;
			}
		.blue_topped_media_box .blue_topped_head .inside
			{
			padding:10px 5px 0 5px;
			float:left;
			background:#cedfea;
			width:376px;
			height:22px;
			overflow:hidden;
			}
		.blue_topped_media_box .blue_topped_head .rightSide
			{
			float:left;
			background:url(/images/blue_topped_head_right.gif) no-repeat;
			width:5px;
			height:32px;
			}
		.blue_topped_media_box .blue_topped_body
			{
			background:#eef7fc;
			clear:both;
			width:396px;
			overflow:hidden;
			}
		.blue_topped_media_box .blue_topped_body_white
			{
			border-left:1px solid #d0e2eb;
			border-right:1px solid #d0e2eb;
			background:#fff;
			clear:both;
			overflow:hidden;
			width:394px;
			}
		.blue_topped_media_box .blue_topped_body td
			{
			color:#000;
			padding:5px 10px 5px 10px;
			border-top:1px solid #d8e5ed;
			border-right:1px solid #d8e5ed;
			}
		.blue_topped_media_box .blue_topped_body td.right_td
			{
			border-right-style:none !important;
			}

		.blue_topped_media_box .blue_topped_foot .leftSide
			{
			float:left;
			background:url(/images/blue_topped_foot_left.gif) no-repeat;
			width:5px;
			height:8px;
			}
		.blue_topped_media_box .blue_topped_foot .inside
			{
			float:left;
			background:#eef7fc;
			width:386px;
			height:8px;
			overflow:hidden;
			}
		.blue_topped_media_box .blue_topped_foot .rightSide
			{
			float:left;
			background:url(/images/blue_topped_white_foot_right.gif) no-repeat;
			width:5px;
			height:8px;
			}
			
		.blue_topped_media_box .blue_topped_white_foot .leftSide
			{
			float:left;
			background:url(/images/blue_topped_white_foot_left.gif) no-repeat;
			width:5px;
			height:8px;
			}
		.blue_topped_media_box .blue_topped_white_foot .inside
			{
			border-bottom:1px solid #d0e2eb;
			float:left;
			background:#fff;
			width:386px;
			height:8px;
			overflow:hidden;
			}
		.blue_topped_media_box .blue_topped_white_foot .rightSide
			{
			float:left;
			background:url(/images/blue_topped_white_foot_right.gif) no-repeat;
			width:5px;
			height:8px;
			}
/*
THIS IS THE RIGHT SIDE FROM THE BLUE BOX DOWN tdb
*/
#subPage_twoCols .secondCol
		{
		overflow:hidden;
		background:#fff;
		float:right;
		width:197px;
		}
#subPage_twoCols .secondCol #topBlueBox
	{
	width:197px;
	height:145px;
	background:#134568 url(/images/subPage_top_blueBoxBG.gif) no-repeat;
	}
	#subPage_twoCols .secondCol #topBlueBox h2
		{
		padding:10px 10px 0 10px;
		color:#fff;
		font:20px "Trebuchet MS";
		}
	#subPage_twoCols .secondCol #topBlueBox p
		{
		font:12px "Trebuchet MS";
		color:#fff;
		padding:0 10px 0 10px;
		}


#sub_ald
	{
	color:#666;
	margin:7px 0 9px 0;
	padding:0 0 6px 0;
	width:197px;
	background:url(/images/sub_ald_btm.gif) no-repeat bottom left;
	float:left;
	}
	#sub_ald img
		{vertical-align: text-top;}
	#sub_ald .inside1
		{
		border-bottom:1px solid #d1d3d3;
		padding:5px 20px 10px 11px;
		background:url(/images/sub_rightSide_grey_bg.gif) repeat-y;
		}
	#sub_ald .inside2, #sub_ald .inside3
		{
		clear:both;
		border-bottom:1px solid #d1d3d3;
		border-top:1px solid #fff;
		padding:5px 20px 0 11px;
		background:url(/images/sub_rightSide_grey_bg.gif) repeat-y;
		}
	#sub_ald .inside3
		{
		border-bottom-style:none !important;
		}
	#sub_ald .inside3 a:link, #sub_ald .inside3 a:visited
		{
		color:#666;
		text-decoration:none;
		}
		#sub_ald p, #sub_ald form
			{
			font:12px "Trebuchet MS";
			margin:0;
			padding:0;
			}
	.sub_right_side_grad
		{
		width:197px;
		float:left;
		clear:both;
		padding:10px 0 5px 0;
		border-bottom:1px solid #d1d3d3;
		background:url(/images/sub_rightSide_grey_bg.gif) repeat-y;
		}
		.OR
			{
			color:#585757;
			font:bold 14px "Trebuchet MS";
			}
	.sub_right_side_grad .insider
		{margin-left:11px;}
#subPage_twoCols .secondCol #stayInformed
	{
	clear:both;
	background:url(/images/homePage_stayInformedBG.gif) no-repeat;
	width:197px;
	height:138px;
	}
	#subPage_twoCols .secondCol #stayInformed p
		{
		font:11px "Trebuchet MS";
		line-height:12px;
		padding:38px 20px 10px 11px;
		}
	#subPage_twoCols .secondCol #stayInformed .gradientField
	{
	padding-left:11px;
	clear:both;
	height:19px;
	width:175px;
	float:left;
	}
#related_resources
	{
	clear:both;
	background:url(/images/sub_related_resources_bg.gif) no-repeat;
	width:197px;
	}
	#related_resources .inner
		{padding:35px 20px 20px 10px;}
	#related_resources h3
		{
		color:#333;
		margin:0;
		padding:0 0 5px 0;
		}
	#related_resources p
		{
		font:11px "Trebuchet MS";
		line-height:12px;
		color:#333;
		margin:0;
		padding:0 0 10px 0;
		}
		#related_resources a.headline:link, #related_resources a.headline:visited
			{
			font-size:13px;
			font-family:  arial, sans-serif;
			color:#333;
			text-decoration:none;
			font-weight:normal;
			}
			#related_resources a.headline:hover
				{
				text-decoration:underline;
				}
				
#head_of_content
	{
	clear:both;
	padding:0 150px 0 15px;
	}
#publication_content
	{
	padding:0 0 20px 0;
	float:left;
	clear:both;
	width:796px;
	}
.pub_container
	{
	clear:both;
	}
.publication_boxes_left
	{
	float:left;
	width:386px;
	}
.publication_boxes_right
	{
	float:right;
	width:386px;
	}
	.publication_boxes_left h3, .publication_boxes_right h3
		{
		margin:0 0 10px 10px;
		font:16px "Georgia";
		color:#0a4d75;
		}

.pub_blueBox_top
	{
	margin:0;
	padding:0;
	background:url(/images/pub_box_top.gif);
	width:386px;
	height:4px;
	}
.pub_blueBox_inside
	{
	margin:0;
	padding:0;
	width:386px;
	background:#ebf5fc;
	}
.pub_item
	{
	width:359px;
	padding:10px 0 15px 16px;
	}
.pub_date
	{
	font:bold 11px "Trebuchet MS";
	border-bottom:1px solid #bbd7eb;
	}
.pub_content
	{
	font:11px "Trebuchet MS";
	color:#0575c3;
	border-top:1px solid #fff;
	}
.pubHeadline
	{
	font-weight:bold !important;
	padding:5px 0 0 0;
	font:12px arial, sans serif;
	color:#0575c3;
	}
	p.pubCallOut
	{
	padding:0;
	font:11px "Trebuchet MS";
	color:#000;
	}
	p.readMore
	{
	padding:0 0 5px 0;
	font:11px "Trebuchet MS";
	color:#000;
	}
	
.pub_blueBox_btm
	{
	background:url(/images/pub_box_btm.gif);
	width:386px;
	height:4px;
	}
.pub_reveal
	{
	font:10px "Trebuchet MS";
	color:#063b61;
	width:100px;
	background:#ebf5fc;
	margin-left:276px;
	padding-left:5px;
	}
	.pub_reveal .plus
		{
		padding:0 2px 0 2px;
		line-height:10px;
		font:bold 10px "Trebuchet MS";
		background:#ffffff;
		}
	.pub_reveal a:link, .pub_reveal a:visited
		{
		font:10px "Trebuchet MS";
		color:#063b61;
		text-decoration:none;
		}

		

		
		
		
/*#############################################
NO RIGHT NAVIGATION STYLES BELOW (TWO COLUMNS)
#############################################*/
	#sub_body_no_rightSide
	{
	clear:both;
	background:url(/images/sub_body_with_two_columns_bg.gif) repeat-y;
	padding:0 0 0 0;
	width:795px;
	clear:both;
	float:left;
	margin:7px 0 0 0;
	}
	#sub_body_no_rightSide #sub_content
	{
	float:left;
	width:612px;
	}






/*#############################################
DIRECTORY/RESULTS PAGE STYLES BELOW
#############################################*/
#directory_head
	{
	float:left;
	clear:both;
	width:795px;
	height:44px;
	background:#f2f2f2;
	}
	#directory_head h1
		{
		margin:10px 0 0 10px;
		padding:0;
		float:left;
		font:20px "Georgia";
		}
	#directory_head .directory_top_right
		{
		margin:7px 15px 0 0;
		font:12px "Trebuchet MS";
		color:#063b61;
		float:right;
		}
#directory_contents, #directory_results_content
	{
	width:795px;
	padding:0 0 35px 0;
	overflow:hidden;
	clear:both;
	}
	#directory_contents p, #directory_contents, #directory_results_content p, #directory_results_content
		{
		font:11px arial, sans serif;
		color:#000;
		}
.full_blue_top
	{
	background:url(/images/full_blue_top.gif) no-repeat;
	height:5px;
	width:795px;
	background:#ebf6fc;
	}
.full_blue_inside
	{
	padding:10px 15px 10px 15px;
	width:765px;
	background:#ebf6fc;
	}
.full_blue_btm
	{
	background:url(/images/full_blue_btm.gif) no-repeat;
	height:5px;
	width:795px;
	}
		.blue_OR
			{
			color:#053b5f;
			font:bold 14px "Trebuchet MS";
			}
.blue_bottomed_contents
	{
	padding:0 0 10px 0;
	border-bottom:1px solid #c5dcee;
	}
.white_topped_contents
	{
	padding:10px 0 10px 0;
	border-top:1px solid #fff;
	}
#directory_foot_logos p
{
margin:0 0 0 10px;
color:#044e89;
}
/*
RESULTS
*/

	#directory_results_content h2
		{
		margin:10px 0 10px 15px;
		float:left;
		}
	p.resultsResponse
		{
		margin:0 0 10px 15px;
		font:15px arial, sans serif !important;
		color:#000;
		}
.top_and_btm_of_results div
	{
	margin-left:20px;
	font:11px arial, sans serif !important;
	}
.top_and_btm_of_results div select
	{
	vertical-align:middle;
	background:#fff !important;
	}
	#directory_results_content .click_to_refine
		{
		margin:10px 0 0 0;
		float:right;
		}
	#directory_contents h2
		{
		margin:10px 0 10px 15px;
		}
.resultRow
	{
	margin:10px 0 0 0;
	float:left;
	width:795px;
	background:#fff url(/images/result_row_bg.gif) repeat-x;
	}
	.result_text p
		{
		padding:0;
		margin:10px 0 0 15px;
		}
/*#############################################
FORM STYLES BELOW
#############################################*/
form
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
#signUp
	{
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
#contactForm
	{
	padding:5px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	}
.formTxt 
	{
	text-align:left;
	}

.formTitle {
	font-family: verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
input.disabled {
	border: 1px solid #d2d1d1;
	background-color: #e8e7e7;
}
.noBorder
	{
	border-style:none;
	}
.noBorderNoBg
	{
	border-style:none;
	background-color:transparent;
	}
#memberSignUpTable input.required
	{
	width:150px;
	}
input.topSearchField
	{
	width:147px;
	height:16px;
	vertical-align: bottom; 
	}
	input.topSearchButton
		{
		border:none;
		padding:0;
		margin:0;
		background:url(/images/btn_topMainSearch1.gif) no-repeat !important;
        width:50px;
        height:16px; 
        vertical-align:text-bottom;
		}
input.required, textarea.required, select.required {
	border: none;
}
input, textarea, select {
	font-family: "Trebuchet MS", verdana, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	font-weight: bold;
	color: #000;
	border: 1px solid #d2d1d1;
	background-color:#e8e7e7;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
}


.validation-advice {
	font-family: verdana, sans-serif;
	font-size: 11px;
	margin: 5px 0;
	padding: 5px;
	background-color: #C4C4C4;
	color : #ff3333;
	font-weight: bold;
}

fieldset {
	padding: 20px 0 0 20px;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}
.button {
	font-family: Helvetica, ;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
	text-decoration: none;
	background-color: #134568;
	width:100px;
	}
legend {
	text-align:right;
	font-family: verdana, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ff3333;
	text-decoration: none;
}	
#formTable td
	{
	padding:2px 0;
	}	

	
/*
dropdown styles
*/
.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}



/*.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down 
content: " v";
content: " " url(downimage.gif); uncomment this line to use an image instead
}*/


/* ######### Style for Drop Down Menu ######### */
#all_menus
	{
	clear:both;
	}
/* Switched Adult with Early Childhood buttons so all widths were switched. Original code saved until launch:
#dropmenu1
	{width:200px;}
#dropmenu2
	{width:167px;}
#dropmenu3
	{width:182px;}
#dropmenu4
	{width:186px;} 
*/
#dropmenu1
	{width:186px;}
#dropmenu2
	{width:182px;}
#dropmenu3
	{width:167px;}
#dropmenu4
	{width:200px;} 
#dropmenu2, #dropmenu3, #dropmenu4
	{
	margin:-1px 0 0 0;
	}

#dropmenu1
	{
	margin:-1px 0 0 4px;
	}
.dropmenudiv
{
position:absolute;
top: 0;
border-left: 1px solid #BBB; /*THEME CHANGE HERE*/
/* font:normal 12px Verdana; */
line-height:18px;
z-index:1000;
background-color: white;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#134568,direction=135,strength=4); 
}


.dropmenudiv a:link, .dropmenudiv a:visited, .dropmenudiv a:hover
{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #F0F0F0; /*THEME CHANGE HERE*/
padding: 3px 0;
font-family: "Trebuchet MS", verdana, sans-serif;
text-decoration: none;
font-weight: 600;
color: #134568
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

/*#############################################
FOOTER STYLES BELOW
#############################################*/

	
#footer
	{
	clear:both;
	padding:20px 0 25px 0;
	font-size:10px;
	background:#063b61;
	width:100%;
	color:#ffffff;
	}
	#footer a:link, #footer a:visited, #footer a:hover
		{
		font-size:10px;
		line-height:15px;
		margin:0 10px 0 10px;
		color:#ffffff;
		text-decoration:none;
		}
	#footer p
		{
		font-size:10px;
		line-height:15px;
		margin:10px 10px 0 10px;
		color:#ffffff;
		text-decoration:none;
		}
		
/*#############################################
~~~~~~~~~~ AREA SPECIFIC STYLES BELOW ~~~~~~~~~~ 
#############################################*/	

/* RESOURCE COLLECTIONS
#############################################*/	
		
/* For top navigation on each sub area page */
div.rcnavtop {
	padding-bottom: 15px;
	text-align: center;
	border-bottom: solid 1px #cccccc;
	}
/* For other anchor navigation on each sub area page */
div.rcnav {
	padding-bottom: 15px;
	text-align: center;
	}

/* For each subtitle on the sub area page */
strong.rchead1 {
	font-size: 1.1em;	
	}

/* Div for Products or Papers header sub area page */
div.rcpad1 {
	margin-bottom: 0px; 
	padding-left: 30px;
	font-size: 1.1em;
	font-weight: bold;
	}

/* Div for main listing content */
div.rclist {
	margin-left: 50px; 
	margin-bottom: 20px; 
	margin-top: 10px; 
	font-size: 12px;
	line-height: 20px;
	color:#666666;
	border-bottom: solid 1px #cccccc;
	}

/* Div for main abstract content */
div.rcabstract {
	margin-left: 50px; 
	margin-bottom: 20px; 
	margin-top: 10px; 
	font-size: 12px;
	line-height: 20px;
	color:#666666;
	}

/* Div for Content title on content */
div.rctitle {
	margin-top: 5px; 
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 20px;
	color:#666666;
	}

/* Div for Content blurb  */
div.rcblurb {
	margin-top: 0px; 
	margin-bottom: 10px; 
	padding-left: 40px;
	font-size: 12px;
	line-height: 20px;
	color:#666666;
	}
	
/* WEBCASTS
/* This is the div that creates the box for the webcast link */
div.castbox {
	width: 300px; 
	border: solid 1px #CCCCCC; 
	padding: 10px; 
	margin-left: 130px; 
	margin-bottom: 15px;
	text-align: center;
}


/* #############################################*/	
/* Archive pages
#############################################*/	

/* More padding for left and right margins for archive pages */
#mainContentArchive
	{
	float:left;
	background:#ffffff;
	width:760px;
	padding:20px 20px 0 20px;
	clear:both;
	font-size: 12px;
	color:#666666;
	}
	
/* #############################################*/	
/* PLEASE ADD NEW MISC. STYLES HERE AND LABEL
#############################################*/	

/* Need class for squished letter spacing */
.squeeze
	{letter-spacing: -1;}
	
/* Need class for non-link homepage headline */
.nonlinkheadline
				{
				line-height:15px !important;
				font-family:"Trebuchet MS",arial,sans-serif;
				font-size:15px;
				font-weight:normal;
				text-decoration:none;
				}
