/* NLJ ARTICLE TEMPLATE */ 
                     
/* MASTHEAD */
	
#mastheadArticle {
	height: 85px;
	width: 758px;
	margin: 0px 0px 8px 10px;
	background: url(/img/nlj/masthead_article.gif) no-repeat;
	text-align: right;
	}
	
.go {
	margin: 1px 2px 0 2px;
	position: relative;
	top: 4px;
} 

#searchtwo {                                                         
	position: absolute;
	left: 330px;
	width: 438px;
	text-align: left;
	top: 0;
	font: bold 11px Arial;	
	color: #fff;	
	padding: 7px 0 2px 0;
}

#searchtwo a {                        
	font: bold 11px Arial;
	color: #fff;
	text-decoration: none;
}

#searchtwo a:hover {                        
	text-decoration: underline;
}

.rssicon {                        
	margin: 7px 2px 2px 3px;
} 

/* ARTICLE */


#articleContent {
	width: 748px;
	margin-left: 7px;
	margin-top: 10px;
	float:left;
	}
	
#articleContent table {
	margin: 5px 0px 5px 5px;
	clear: both;

}
	
#articleContent h2 {
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 23px;
	color: #333;
	margin: 0px;
	text-decoration: none;
}
	
#articleContent p {
	margin: 0px 0px 12px 0px;

}

#articleRight {
	float: right;
	width: 300px;
	margin-top: -1px;
	position: relative;
	margin-left: 0;
	clear: both;
	
}

#spaceContent {
	margin-top: 1px;
}

.headline{
	font-size: 14px;
	font-weight: bold;	
	line-height: 17px;    	
	color: #083994;	
	margin-top: 15px;	
	margin-bottom: 0;
}

#headlinespot {
	width: 440px; 
	margin-top: -12px; 
	margin-bottom: -16px;	
}

.sourcesection {
	margin: 9px 0 0 0;
}
	
#articleInline {
	display:block; /* had been set to none in main.css for buggy browsers*/
	float:left;
	margin: 4px 2px 0 0;
	position: relative;
	}	
	
#imagesDisplay {
	float: left;
	margin-top: 0;
	margin-bottom: 1px;	
	width: 128px;		
	border: 1px solid #CECE9C;	
	margin-right: 2px;
	padding: 8px 8px 0px 8px;
	position: relative;
	background-color: #F4F4E9;
}	

#imagesDisplay p {
	margin: 0px;
	padding: 3px 0 10px 0;
}

#articleInline300 {
   width: 299px;
   border: 1px solid #CECE9C;   
   text-align: center;  
   margin-bottom: 0px;
   background-color: #F4F4E9;   
}
	
#articleInline300 p {
	margin: 0px;
	padding: 0px 5px 0px 5px;
}

/* SENDEMAIL BOX */

#sendemailbox {
	width: 350px;
	padding: 50px 10px 15px 10px;		
}

#sendemailbox H1{
	font-size: 14px;
	font-weight: bold;	
	color: #083994;	
	margin-top: 15px;	
	margin-bottom: 0;
	
}

/* ADVERTISING */

.adsBox {
	width: 300px;
	margin-top: 13px;
	margin-bottom: 10px;
	clear: both;	
}


/* RELATED LINKS DISPLAY */

#relatedDisplay {
	margin: 0 0 0px 0px;	
	width: 300px;
	clear: both; 
}

#relatedDisplay ul {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	display: block;
}

#relatedDisplay li {
	padding: 0 0 5px 0px;	
}

#relatedDisplay a {
	font-family: verdana,arial,sans-serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;	
	color: #31639C;	
	text-decoration: none;
}

#relatedDisplay a:hover {
	text-decoration: underline;
}

#relatedDisplay h2 {
	font-size: 11px;	
	font-weight: normal;
	line-height: 14px;
	font-family: verdana,arial,sans-serif;	
	color: #31639C;	
	margin-bottom: 10px;
	margin-top: 0px;
	text-decoration: underline;	
}

#relatedDisplay ul.links {
	margin-bottom: -5px;
}

#relatedDisplay ul.relatedlinks {
	margin-bottom: 0px;
}

#topstories {
	padding: 4px 0 0 0px;
}

/*ARTICLE TOOLS */

#articletools {
	font-size: 11px;
	line-height: 13px;
	margin-top: 15px;
	margin-bottom: 8px;
	margin-right: 2px;
	float: left;
	width: 700px;	
}

#articletools a {
	font-weight: bold;
	font-size: 10px;
	color: #31639C;	
	padding: 0px 5px 0px 1px;	
	text-decoration: none;
}

#articletools a:hover {
	text-decoration: underline;
}

#articletools img {
	margin-left:5px;
	margin-right: 0px;
}

#articletools p {
	margin: 0px;
}

/* BEGIN COMMON CLASSES */

.subheadline
{
	font: normal 11px verdana; 
	color : #000;
	line-height : 14px;
	text-decoration:none;
	margin: 0 0 0 0;
}

.byline, .source, .pubdate, .date
{
	font-size : 11px;
	font-family : Verdana, Arial, sans-serif;
	font-weight : bold;
	color : #000;	
	line-height : 13px;
}

.date
{
	font-size : 11px;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	color : #000000;
	line-height : 13px;
	
}

 p.photocaption
{
	font-size : 10px;
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	color : #000;
	line-height : 12px;
	width: 128px;
}

.photocredit
{
	font-size : 10px;
	line-height : 12px;	
	font-family : Verdana, Arial, sans-serif;
	font-weight : normal;
	color : #313131;
	margin-top: 1px;
	width: 128px;
}

#printerfriendlycontent {
	color: #000;
	font-family: verdana,arial,helvetica;
	font-size: 11px; 
	width: 650px;
	margin: 8px;
}

#printerfriendlycontent h2 {
	margin: 0px;
	font: normal 18px times, serif;
	color: #333;
}

/* Chart styles*/

#chartBody {
	text-align: center;           
	padding: 10px 0px 5px 0px;
	margin-left: 10px;
}

#chartBody h2 a {
	font-size: 12px;
	line-height: 15px;
	color: #31639C;
}

#chartBody h2 a:hover {
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	color: #31639C;
}

#chartBody table {
	margin-left: auto;
	margin-right: auto;
} 

#chart table, table #chart {
	border:0;
}

/* START red hues chart color DEFAULT FOR NLJ*/

#chart table td, table #chartred td {
	font: 10px verdana;
	background-color: #EBE9D1;
	padding: 1px;
	margin: 1px;
}
#chart table th, table #chartred th {
	font: bold 10px verdana;
	color: #fff;
	background-color: #9C1A1F;
	text-align:center;
	padding: 1px;
	margin: 1px;
}
#chart td.white {
	background-color: #fff;
}

#chart h1, h1.chartred {
	margin: 10px 0;
	font: bold 16px verdana;
}

#chart p {
	font: 11px verdana;
	width: 650px;
}

#chart td.subhead1, .chartred td.subhead1  {
	background-color: #6D2D2D;
	color: #fff;
	font-weight: bold;
}

#chart td.subhead2, .chartred td.subhead2  {
	background-color: #A7A680;
	color: #fff;
	font-weight: bold;
}

#chart a, a:hover{
	font: normal 10px Verdana, Arial, sans-serif; 
	color: #205872; 
	line-height: 12px; 
	text-decoration: underline;
}

/* END red hues chart color*/

/* START Cool Hues chart color*/

#chartblue table td, table #chartblue td {
	font: 10px verdana;
	background-color: #ECF0F0;
	padding: 1px;
	margin: 1px;
}
#chartblue table th, table #chartblue th {
	font: bold 10px verdana;
	color: #fff;
	background-color: #4265A5;
	text-align:center;
	padding: 1px;
	margin: 1px;
}
#chartblue td.white {
	background-color: #fff;
}

#chartblue h1, h1.chartblue {
	margin: 10px 0;
	font: bold 16px verdana;
	text-align: center;
}

#chartblue p {
	font: 11px verdana;
	width: 650px;
}

#chartblue td.subhead1, .chartblue td.subhead1  {
	background-color: #859CC5;
	color: #fff;
	font-weight: bold;
}

#chartblue td.subhead2, .chartblue td.subhead2  {
	background-color: #BBD4F3;
	color: #fff;
	font-weight: bold;
}

#chartblue a, a:hover{
	font: normal 10px Verdana, Arial, sans-serif; 
	color: #205872; 
	line-height: 12px; 
	text-decoration: underline;
}


/* END blue chart color*/



/* START gray chart color*/

#chartgray table td, table #chartgray td {
	font: 10px verdana;
	background-color: #EEEEEE;
	padding: 1px;
	margin: 1px;
}
#chartgray table th, table #chartgray th {
	font: bold 10px verdana;
	color: #fff;
	background-color: #000000;
	text-align:center;
	padding: 1px;
	margin: 1px;
}
#chartgray td.white {
	background-color: #fff;
}

#chartgray h1, h1.chartgray {
	margin: 10px 0;
	font: bold 16px verdana;
}

#chartgray p {
	font: 11px verdana;
	width: 650px;
}

#chartgray td.subhead1, .chartgray td.subhead1  {
	background-color: #464B60;
	color: #fff;
	font-weight: bold;
}

#chartgray td.subhead2, .chartgray td.subhead2  {
	background-color: #999999;
	color: #fff;
	font-weight: bold;
}

#chartgray a, a:hover{
	font: normal 10px Verdana, Arial, sans-serif; 
	color: #205872; 
	line-height: 12px; 
	text-decoration: underline;
}

/* END gray chart color*/
