/* ####################
TOC...(line number)
BASIC SEMANTIC STYLES (48)
LINK STYLES (167)
HELPER CLASSES (186)
TOP HAT STYLES (202)
HOMEPAGE STYLES (261)
HOMEPAGE TWO COLUMNS OF ARTICLES (440)
SUBPAGE STYLES (557)
LEFT NAVIGATION (638)
ALD PAGE STYLES (1119)
FORM STYLES (1241)
RED BUTTON DROP DOWN STYLES (1387)
FOOTER STYLES (1496)
RESOURCE COLLECTIONS (1528)
WEBCASTS(1598)
ARCHIVES (1612)
HEALTH (1693)
ASRP (1760)
Miscellaneous (1952)
############################## */

/* ####################
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 /* footBox id changed to class 4/5/2010 mjl */
	{
	width:803px;
	margin:0 auto;
	}
body
	{
	text-align:center;
	width:100%;
	font-size: 11px;
	font-family:Arial, Helvetica, 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, Helvetica, 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, Helvetica, 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, Helvetica, sans-serif;
		color:#0575c3;
		font-weight:normal;
		}

h4
	{
	margin:0px 0px 0px 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, 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;}
	
/* For no margin below or above */
.nobotspace
	{margin-bottom: 0px; padding-bottom: 0px;}
	
.notopspace
	{margin-top: 0px; padding-top: 0px;}
/*############################################
TOPHAT STYLES (Top navigation removed for LINCS)
############################################*/
#topHat
	{
	clear:both;
	width:803px;
	margin:0;
	}
#topMostBlueNav
	{
	color:#ffffff;
	height:20px;
	padding-top:5px;
	text-align:right;
	}
#topLogoAndSearch
	{
	width:803px;
	height:75px;
	clear:both;
	float:left;
	}
	#topLogo
		{
		float:left;
		}
	#topLogo a:link, #topLogo a:visited, #topLogo a:hover
		{
		display:block;
		margin-top: 10px;
		width:585px;
		height:75px;
		background:url(/images/LINCS_logo_main.gif) no-repeat;
		}
		#topLogo span
			{
			display:none;
			}

		#topSearch
		{
		float:right;
		padding:50px 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:0px 0px 0px 3px;
	padding:0px 0px 0px 0px;
	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, Helvetica, sans-serif;
		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, Helvetica, sans-serif;
		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;
	}
	#quickLinks ul
		{
		font-size:11px;
		padding-top: 38px;
		padding-left: 15px;
		}
	#quickLinks li 
		{
		line-height:12px;
		padding-bottom: 10px;
		}
	#quickLinks a.headline:link, a.headline:visited
		{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		}

#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;
		height:19px;
		}
	.gradientField .btn
		{
		float:right;
		width:19px;
		}

/* ##########################################
       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 .headline
				{
				line-height:15px !important;
				font-size: 12px;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:normal;
				}

		#homePage_two_cols_of_blue  h3
				{
				line-height:15px !important;
				color:#0575C3;
				font-family:Arial, Helvetica, sans-serif;
				font-size:13px; 
				font-weight:normal;
				text-decoration:none;
				}

		#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 Arial, Helvetica, sans-serif;
						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 NAVIGATION FOR SECOND LEVEL PAGES           */
/* ################################################################## */
#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;
			}
/* Fourth level formerly used for LINCS, but may be needed again */
	.nav_item_fourth_level
		{
		margin:0 0 0 1px;
		}
	.nav_item_fourth_level_on
		{
		padding:5px 0 2px 27px; 
		margin:0 0 0 1px;
		width:150px; 
		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;  
		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;}
				
/*  Health Area Navigation Tweaks - may want to use in other places where navigation is two lines */
/*  Separated padding, removed height value, added related div attributes  */

	.nav_item_third_level_double
		{
		margin:0 0 0 1px;
		}
	.nav_item_third_level_on_double
		{
		padding-left: 20px;
		padding-bottom: 10px;
		margin:0 0 0 1px;
		width:155px;
		font-weight:bold;
		background:#fff url(/images/third_level_over_tall.gif) no-repeat;
		}
		
      .nav_item_third_level_on_double div
			{
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			line-height: 10px;
			}
		
	.nav_item_third_level_double a:link, .nav_item_third_level_double a:visited
		{
		display:block;
		width:155px;
		padding-left: 20px;
		padding-bottom: 10px;
		color:#333;
		background:transparent;
		font:11px "Trebuchet MS";
		text-decoration:none;
		}
		.nav_item_third_level_double a:hover
			{
			color:#1f6ba0;
			background:transparent url(/images/third_level_over_tall.gif) no-repeat;
			}
			.nav_item_third_level_double div
			{
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			line-height: 10px;
			}
	
#sub_content
	{
	float:left;
	width:413px;
	}
	#print_page
		{
		clear:both;
		height:19px;
		text-align:right;
		}
#sub_content #inside
	{
	padding:12px 0px 20px 9px;
	}

/* #############################################################
THIS IS THE RIGHT SIDE FROM THE BLUE BOX DOWN
INCLUDES ALD, RELATED RESOURCES AND OTHER BOX STYLES
############################################################# */
#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 Arial, Helvetica, sans-serif;
		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 Arial, Helvetica, sans-serif;
		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, Helvetica, 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 PAGE STYLES
#############################################*/
#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, Helvetica, 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;
	}






/*#############################################
AMERICA'S LITERACY DIRECTORY  STYLES 
#############################################*/
#directory_head
	{
	float:left;
	clear:both;
	width:795px;
	margin-left: 3px;
	height:44px;
	background:#f2f2f2;
	}
	#directory_head h1
		{
		margin:10px 0 0 10px;
		padding:0;
		float:left;
		font:20px "Georgia";
		}
		/* For ALD linked words: no color or underline */
	#directory_head a.aldhome:link, a.aldhome:hover, a.aldhome:visited
		{
		margin:0px 0px 0px 0px;
		padding:0;
		float:left;
		font:20px "Georgia";
		text-decoration:none;
		color:#044e89;
		}	

	#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, Helvetica, 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;
}

/*
FAQ and other docs
*/
table.document td.title {
  background-color: #0365a5;
  color: #ffffff;
  font-weight: bold;
  padding-left: 5px;

  font-size: medium !important;
}
table.document td.body {
  background-color: #FFFFFF;
  color: #000000;
  padding: 10px;
}
table.searchtable td.title {
  background-color: #0365a5;
  color: #ffffff;
  font-weight: bold;
  padding-left: 5px;

  font-size: medium !important;
}

/*
RESULTS
*/

	#directory_results_content h2
		{
		margin:10px 0 10px 15px;
		float:left;
		}
	p.resultsResponse
		{
		margin:0 0 10px 15px;
		font:15px Arial, Helvetica, sans-serif !important;
		color:#000;
		}
.top_and_btm_of_results div
	{
	margin-left:20px;
	font:11px Arial, Helvetica, 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;
		}

/* main results div */
div.searchresults {
  background: #FFFFFF;
  width:779px;
  padding: 8px;
}

/*#############################################
                  FORM STYLES
#############################################*/
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: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	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;
	}	

	
/*#############################################
RED BUTTON DROP DOWN 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;
}




/* ##############################################
         Style for Drop Down Menu 
################################################# */
#all_menus
	{
	clear:both;
	}

#dropmenu1
	{width:243px;}
#dropmenu2
	{width:152px;}
#dropmenu3
	{width:212px;}
#dropmenu4
	{width:175px;} 
#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*/
border-left: 1px solid #BBB;
border-right: 1px solid #BBB;
border-bottom: 1px solid #BBB;
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: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
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;
		}



/*#############################################
/* 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;
	}
	
/* #############################################*/	
/* WEBCAST pages
#############################################*/	
/* 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;
	}
	

/*  ##########################################################################################
                                   STYLES FOR HEALTH AREA
##########################################################################################  */
.vertbar_padding
{
	PADDING-RIGHT: 4px;
	PADDING-LEFT: 4px;
}
.vertbarfooter_padding
{
    PADDING-RIGHT: 8px;
    PADDING-LEFT: 8px
}

.capacitytext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.textheadersubtitle
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 1.3em;
	COLOR: #333333;
	FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.3em;
}
.textheadersubtitlehelvetica
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 13pt;
    COLOR: black;
    FONT-FAMILY: Helvetica, Arial, Verdana, sans-serif
}
.textheadersubtitlegry
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10pt;
	COLOR: #666666;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Helvetica, 'Times New Roman', Times, serif
}


.borderbottom
{
	BORDER-RIGHT: medium none;
	BORDER-TOP: medium none;
	BORDER-LEFT: medium none;
	BORDER-BOTTOM: #dcdbdb 1px solid;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	background-color: #f2f2f2;
}

.borderframesoft
{
    BORDER-RIGHT: #dcdbdb 1px solid;
    BORDER-TOP: #dcdbdb 1px solid;
    BORDER-LEFT: #dcdbdb 1px solid;
    BORDER-BOTTOM: #dcdbdb 1px solid
}



/* ############################################# 
					ASRP
#############################################*/

.asrppop {
	background-image:none;
	background-color: #FFF;
	padding: 5px 5px 5px 5px;
}

	input.white {
	border: none;
	background-color: #FFFFFF;
}
/*terms box*/
.rbroundbox { margin-left: 5px; float: right; background: url(/images/nt.gif) repeat; }
.rbtop div { background: url(/readingprofiles/images/tl.gif) no-repeat top left; }
.rbtop { background: url(/readingprofiles/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(/readingprofiles/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(/readingprofiles/images/br.gif) no-repeat bottom right; }

/* height and width stuff */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 9px; }
.rbroundbox { width: 30%; margin: 1em auto; }

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.submit_perform

	
		{
		border:none;
		padding:0;
		margin:0;
		background:url(/readingprofiles/images/submit_buttonx.gif) no-repeat !important;
		width:163px;
		height:24px;
		vertical-align:text-bottom;
		}
		
.submit_clear

	
		{
		border:none;
		padding:0;
		margin:0;
		background:url(/readingprofiles/images/submit_clear.gif) no-repeat !important;
		width:50px;
		height:24px;
		vertical-align:text-bottom;
		}
		
		#asrp_two_cols_of_blue
	{
	width:569px;
	overflow:hidden;
	clear:both;
	float:left;
	}
	#asrp_two_cols_of_blue .first
		{
	overflow:hidden;
		float:left;
		width:285px;
		}
		#asrp_two_cols_of_blue .first .asrphead
			{
			background:url(/readingprofiles/images/magnify_glass.gif) no-repeat;
			width:284px;
			height:28px;
			}
			#asrp_two_cols_of_blue .first .asrphead h2
				{
				font-size: 13px;
				padding:5px 0 0 35px;
				color:#134568;
				}
			#asrp_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:Arial, Helvetica, sans-serif;
				font-size:13px;
				font-weight:normal;
				text-decoration:none;
				}
				#homePage_two_cols_of_blue a.headline:hover
					{text-decoration:underline;}
		#asrp_two_cols_of_blue .first .content
			{
			float:left;
			padding:12px 0 0 10px;
			width:274px;
			border-right:1px dotted #000;
			}
			#asrptwo_cols_of_blue .first .content .item
				{
				clear:both;
				float:left;
				width:275px;
				margin:0 0 15px 0;
				}
				#asrp_two_cols_of_blue .first .content .item .thumb
					{
					width:70px;
					float:left;
					margin-right:5px;
					}
				#asrp_two_cols_of_blue .first .content .item .copy
					{
					width:200px;
					float:left;
					}
					#asrp_two_cols_of_blue .first .content .item .copy p, #homePage_two_cols_of_blue .second .content .item  p
						{
						margin-right:10px;
						font:11px Arial, Helvetica, sans-serif;
						line-height:14px;
						}
					#asrp_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;
						}
	#asrp_two_cols_of_blue .second
		{
	overflow:hidden;
		float:left;
		width:283px;
		}
		#asrp_two_cols_of_blue .second .asrphead
			{
			background:url(/readingprofiles/images/video_bar.gif) no-repeat;
			width:283px;
			height:28px;
			}
			#asrp_two_cols_of_blue .second .asrphead h2
				{
				font-size: 13px;
				padding:5px 0 0 40px;
				color:#134568;
				}
		#asrp_two_cols_of_blue .second .content
			{
			float:left;
			padding:12px 0 0 10px;
			width:275px;
			}
			#asrp_two_cols_of_blue .second .content .item
				{
				clear:both;
				float:left;
				width:275px;
				margin:0 0 15px 0;
				}
				


.boxpad 
{ padding-left: 3px;
padding-right: 3px;
}
.asrp_mediatop
{
text-align: center;
}
.gloss_box
{
width: 200px;
margin: 5px; 
padding: 10px;
float: right; 
background-color:#FFFFFFF; 
border: 1px dotted #044e89; 

}
.next 
{
font: Arial, Helvetica, sans-serif ;
font-size: 12px;
font-weight: bold;
float: right;
}
.back
{
font: Arial, Helvetica, sans-serif ;
font-size: 12px;
font-weight: bold;
float: left;
}

.video_box
{
width: 226px;
margin: 5px; 
padding: 3px;
float: right; 
background-color:#FFFFFFF; 
border: 1px dotted #044e89; 

}
.image_right
{
float:right;
margin: 5px;
}
.image_left
{
float:left;
padding: 2px 10px 5px 0px;
}

.centertext 
{ 
text-align: center
} 
.red_text
{color: #990000;

}
.whtext 
{color: #FFFFFF;

}

.red
{color: #FF0000;

}

sup 
{
	vertical-align: baseline;
	font-size: 0.8em;
	position: relative;
	top: -0.4em;

	}
	
	.media_title
	{font-size: 13px;
	font-weight: bold;
	
	}


/* #############################################*/	
/* 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:Arial, Helvetica, sans-serif;
				font-size:15px;
				font-weight:normal;
				text-decoration:none;
				}
/* Table border style classes used on the List Events page */ 
.leftcell {
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
width: 120px;
}
.centercell {
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-left: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}
.rightcell {
border-top: solid 1px #cccccc;
border-bottom: solid 1px #cccccc;
border-right: solid 1px #cccccc;
}






/* Indentation classes for Diversity and Reading/Writing discussion transcripts) */
.ind1 {
        padding-left: 30px;
       }
.ind2 {
        padding-left: 60px;
       }
.ind3 {
        padding-left: 90px;
       }
.ind4 {
        padding-left: 120px;
       }
.ind5 {
        padding-left: 150px;
       }
/* APA reference formatting */
.APAreference {

        margin-left: 40px;

        text-indent: -40px;

}