/* ----------------------------------------------
   doj-sub-prop65-index.css
   
   this page defines the additional style exclusive to prop65.
   
   ---------------------------------------------- */

/* - sidebar overide exisiting width - */

/*secondaryContent2 for chemicals page*/
div#mainContent div.secondaryContent2				
{								/* main-design */
	float:				right;
	width:				200px;  /*180px*/
	margin-top:			0em;    /*-2em*/ 
	margin-left:		2em;   /*2em*/
	margin-bottom:		0px;    /*2em*/
	padding:			0px;    /*0px*/
	background:         #eaeaea;
	/*border:             1px solid #999999; */
}

div#mainContent div.secondaryContent2 div.listing
{
	padding-bottom:			0em;
	margin-bottom:			-.5em;
}
div#mainContent div.secondaryContent2 div.listing h1
{
	padding-bottom: 		.5em;
	padding-left:           .5em;
	padding-top:	        .3em;
	background-color:		#336600;
	color:					#fff;
	margin:					0em;
	font-weight:			bold;
	font-size:				1.1em;
	
}	

div#mainContent div.secondaryContent2 div.listing div.content

{
margin-top:					-1em;
padding:                    .5em;
}


div#mainContent div.secondaryContent				
{								/* main-design */
	float:				right;
	width:				255px;  /*180px*/
	margin-top:			-4em;    /*-2em*/ 
	margin-left:		2em;   /*2em*/
	margin-bottom:		0px;    /*2em*/
	padding:			0px;    /*0px*/
	background:         #eaeaea;
	/*border:             1px solid #999999; */
}	

/* - sidebar overide exisiting width - */
div#mainContent ul.extrabottom li				
{	
	padding-bottom:	1em;
}

div#mainContent p span.right
{ 
	float:			right;
	text-align:		right;
	width:			100px;
}
div#mainContent div.secondaryContent div.listing
{
	padding-bottom:			0em;
	margin-bottom:			-.5em;
}
div#mainContent div.secondaryContent div.listing h1
{
	padding-bottom: 		.8em;
}
div#mainContent div.secondaryContent div.listing h4
{
	color:					#FFFFFF;
	text-align:				center;
	background-color:		#000080;
	border-bottom:			1px solid #000099;
	padding-top:			-.5em;
	padding-bottom:			.5em;
	margin-top: 			0em;
														
}
div#mainContent div.secondaryContent div.listing p
{
	padding-top:			.3em;
	padding-bottom:			.2em;
}

div#mainContent div.secondaryContent div.singleItem		
{
	padding:				.5em;
	background-image:url(../images/begin.gif);
	text-align:				center;
	font-size:				1.3em;
	font-weight:			bold;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:			.1em;
	margin-top:				0em;
	color:					#FFFFFF;
	background-color:		#f6f6f6;
}
div#mainContent div.secondaryContent div.singleItem span.smaller
{
	font-size:				.9em;
	font-weight:			bold;
	font-family:Arial, Helvetica, sans-serif;
}
div#mainContent div.secondaryContent div.singleItem	a	
{
	color:					#FFFFFF;
	margin:					0em;
}														
div#mainContent div.secondaryContent div.singleItem	a:hover	
{
	color:					#000080;
}
div#mainContent div.secondaryContent li span.box
{ 
	color:					#000000;
	background-color:		#FFFFFF;
	border:					1px #000000 solid;
	padding:				1px;
	font-size: 	 			80%;
	/*letter-spacing: 		-.1em;*/
}
div#mainContent div.secondaryContent p span.box
{ 
	color:					#000000;
	background-color:		#FFFFFF;
	border:					1px #000000 solid;
	padding:				3px 3px 3px 1px;
	font-size: 	 			80%;
	letter-spacing: 		-.1em;
	text-align:				center;
}
div#mainContent span.smaller
{
	font-size:			.8em;
	font-weight:		normal;
}
div#mainContent div.secondaryContent div.listing h4.important
{
	background-color:		#4B535A;
	border-bottom:none;
	padding-top:4px;
}