/* Stylesheet created February 2005 which defines specific website styles not defined in template css */

/*general font declaration section*/
b, dl, dt, dd, em, h1, h2, h3, h4, h5, h6, i li, ol, p, span, strong, table, td, th, tr, ul, body, dir { font-family: verdana, geneva, arial, helvetica, sans-serif;}

img { border: 0px;}	
.center	{ text-align: center; } 


/* begin link style for body content, breadcrumbs and footer sections */
  /* navsite1/navsite2 links are specified seperatly */
  
a:link 	{
	color: #0923AE;
	font-weight: bold; 
	text-decoration: none;
	}	
a:visited {
	color: #820787;
	font-weight: bold; 
	text-decoration: none;
	}
a:hover {
	color: #0923AE;
	border-bottom: 1px dotted #0923AE;
	}		
a:active {
	font-weight: bold; 
	text-decoration: none;
	} 
/* end link style */	

/* niehs left logo section */		
	#brandniehslogo a:hover {
	border-bottom: 0px dotted #0923AE;
	}	

#layout	{ 
	border: 2px solid #d28a00;
	background-color: #ffe8bc;	/* set left/right column color */ }
	
#titlesite {	
	color: #000;
	background-color: #ffbc3a; } 	

#breadcrumbs {
	background-color: #F7F1E6; 
	color: #000; 
	border-top: 1px solid #888;
	border-bottom: 1px solid #ffbc3a; }		
	
	#breadcrumbs a:hover {
	color: #0923AE;
	border-bottom: 1px dotted #0923AE;
	}	
		
/* begin left column with site navigation  */
#navsite { /* style and width of navsite can be modified */	
	}	
/* nav list link style */
	/* nav list style */	
	#navsite ul {
		list-style: none;
		margin: 0;
		padding: 0;}
		
	/* nav list item style */		
	#navsite li {
		margin: 0;
		border-bottom: 1px solid #f29d00;
		}

		/* nav list link style */
		#navsite li a {
			color: #d38900;
			display: block;
			font-size: 80%;
			font-weight: bold;
			text-align: left;
			text-decoration: none;
			padding: 4px 1px 4px 8px;}
			
	/* nav list link current page style */
	 /* style used if menu item is the page currently being viewed */
	#navsite li.current	{ 
		color: #000; 
		background-color: #fff7e8;
		background-image: url(images/currentbullet3.gif);  
		background-repeat: no-repeat;
		background-position: 2px 55%;
		font-size: 78%;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
		padding: 4px 1px 4px 14px;}	
		
	/* nav list hover style - not styled in global css */
	#navsite li a:hover {
		background-color: #d38800;
		color: #fff;
		text-decoration: none;
		border-bottom: 0px dotted #0923AE;}				
	/* use styles for submenu items */
	#submain ul {
		border-bottom: 0px solid #326D9A;
		background-color: #CCE7FF;}	
		
		#sub li {
		border-bottom: 1px solid #326D9A;}

		#sub li a {
			color: #0060aa;
			background-color: #CCE7FF;}				

#contact {
	border-top: 1px solid #d28a00;}

/* color can be modified */	
#contact a:link, #contact a:visited {
	color: #00518F;  }	
			
/* contact style */				
#contact a:hover {
	color: #ba7800; 
	border-bottom: 1px dotted #ba7800;	}			
				
/* niehs2 style for content/text in middle column */
#content { font-size: 92%;	}

#content-contain {
		background:#fff;
		border-left: 1px solid #f29d00;
		border-right: 1px solid #f29d00; }		

#titlepage {background-color: #FFF7E8;
		border: 1px solid #FFBC3A;
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 4px;
		padding: 2px 4px 2px 4px;}

	
.titlepage	{
	font-size: 1.2em;
	font-weight: bold;
	padding: 3px 0 3px 3px;
	background-color: #e2e7e2;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;	}
	.note	{font-size: 11px;}		
	
.titlesection	{
	font-size: 1.0em;
	font-weight: bold;
	padding: 3px 0 3px 3px;
	background-color: #F3F5F3;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;}	
	
.titlesubsection {
	font-size: 1.0em;
	font-weight: bold;
	padding: 3px 0 3px 3px;
	background-color: #F3F5F3;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;}			
	

/* web page title - example style */ 
	.pagesection	 {}


	.pagesubsection	 {font-weight: bold; }

/* nav within content section style */
#navpage ul {
	list-style-image:url(images/pointer-gold.gif);
	margin: 0 5px 15px 30px;
	padding: 2px 0px;
	vertical-align: top; }

/* nav list item style */
#navpage li {
	padding: 1px 0;}
	
/* nav list link style */
#navpage a:link {
	font-weight: bold;
	letter-spacing: .03em;
	text-decoration: none;}		
	#navpage a:hover {
	color: #0923AE;
	border-bottom: 1px dotted #0923AE;
	}	

	
	
/****  style used when floating a logo/image to left of text within middle column  ****/		
.floatcontain {	
	height: 110px;
	border-bottom: 1px solid #eee;
	clear: both;}

	.floatrt {	
		float: right; 
		text-align: left; 
		clear: none;} 		
	.floatlft {	
		float: left; 
		clear: left;
		text-align: left;} 		
	
#textindent	{ 
		font-family: geneva, arial, helvetica, sans-serif;
		margin-left: 10px;
		font-size: 88%;}
	#textindent	p { 
		font-family: geneva, arial, helvetica, sans-serif;}
	#textindent	ul { 
		font-family: geneva, arial, helvetica, sans-serif;}		
	#textindent	ol { 
		font-family: geneva, arial, helvetica, sans-serif;}		
	#textindent	table { 
		padding: 10px;
		font-size: 88%;
		font-family: geneva, arial, helvetica, sans-serif;}	
	#textindent li {
			margin-bottom: 1px;
			font-family: geneva, arial, helvetica, sans-serif; }	
	

			
.option	{
	font-weight: bold;
	background-color: #f3f5f3;
	font-style: italic;
	padding: 0 10px 0 10px;
	margin-left: 10px;
	background-image: url(images/option.gif);
	background-repeat: no-repeat;
	background-position: 4px 0;
	letter-spacing: 0.04em;	}	
	
.imageindent	{ 
	margin-left: 30px;}	
	
	.imageindent2 { 
		margin-left: 8px;}		
		
.definition { 
	margin-left: 12px;
	padding-bottom: 4px;}			

/* used on coding page */		
.example { 
		padding: 0px;
		border-bottom: 0px solid #aaa;
		border-right: 0px solid #aaa;}
	.code {
		font-family: georgia, sans-serif;
		padding-left: 25px;}
				
/* used for back to top links */
.backtotop		{
		margin-top: 20px;
		margin-right: 0;
		text-align: right;}
	.backtotop2		{
		font-size: 90%;
		padding: 3px 0 3px 0;
		border-bottom: 1px dotted #eee;
		border-top: 1px dotted #eee;}

/* used on templates page only */		
#templates a:hover {
	border-bottom: 0px dotted #0923AE;
	}	
		
		

/* used for niehs color descriptions */
	.blue		{background-color: #0035ad;}
	.blue2		{background-color: #0061a9;}
	.green		{background-color: #008193;}
	.red		{background-color: #fc3d32;}
	.gold		{background-color: #ffbc3a;}

/* used for small text on contact page */
	.small	{font-size: 80%;}	
	
		
/* style used when website has additional content, such as footer info*/ 	
#contentcontain2 {
	background:#fff;
	border-left: 1px solid #450AAE;
	border-right: 1px solid #450AAE;
	text-align: center;
	font-size: 80%;
	margin: 0px 10px 10px 10px;
	vertical-align: top; }		
		
	#contentcontain2 a:link, #contentcontain2 a:visited, #contentcontain2 a:hover, #contentcontain2 a:active {
		text-align: center;
		font-weight: normal;}

/*  end middle column */	
		
			
/* begin right column */
#infosite {
		color: #000;}	

	#infosite ul {
			list-style-image:url(images/pointer-gold.gif);
			margin: 0 5px 0 30px;
			padding: 2px 0px;
			vertical-align: top;
			background-color: #eee; }
			
		/* nav list item style */
		#infosite li {	padding: 3px 0;}
			
		/* nav list link style */
		#infosite li a {
			color: #0923ae;
			font-size: 80%;
			font-weight: bold;
			text-decoration: none;}			

		/* nav list hover style */
		#infosite li a:hover{
			color: #fff;
			text-decoration: underline;	}	
		
		/* nav list link current page style */
		#infosite li.current	{
			color: #000; 
			background-color: #fff; 
			font-size: 80%;
			font-weight: normal;
			text-decoration: none;}			

	#lastmodified {
	border-top: 1px solid #d28a00;}		
			
/* end right column */

/****  additional Styleguide website specific styles  ****/	

			
.demolinks {display: none;}	

.styles {background-color: #FFF7E8; font-weight: bold;}	
#lastmodified {	white-space: nowrap;	}	
#footerprint {display: none;}

#navcontainer, #navlist, #navsite-contain, #navsite, #infosite-contain, #infosite, #contact-contain, #contact, #lastmodified, #brandniehssearch, #skipnav  {
	display:none;
}