/****************** CHANGE LOG ****************************************************
08-01-2026 :  modified nstyle2 in @media section, changing
		  fobnt size to 9px, so that fonts can be adjusted in portrait form.

**********************************************************************************/
.itemconfiguration  {
	height:390px;
	width:250px;
      overflow-y:auto;
	float:right;
	position:relative;
	margin-left:-5px;
}

.left_contentlist{
width:215px;
float:left;
padding:0 0 0 5px;
position:relative;
float:left;
border-right: 1px #f8f7f3 solid;
/* background-image:url(images/bubble.png); */
/* background-color: black; */
}

.border1{
	border:solid 1px #004400;
}

.leftTd { 
	width:990px;
	padding-left:1px; 
	float:left;
	border:1px solid green;
}

.rightTd { 
	width:270px;
	padding-left:1px; 
	float:left;
	border:1px solid green;
	text-align:center;
	float:right;
}

.MostRead {
	background-color:silver; 
	height:	30px;
	font-size:18px;
	display: flex;
  justify-content: center;
  align-items: center;
}


.trending {
	width:19%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	float:right;
	text-align:center;
	border:1px silver solid;
}	

.trending2{
	width:19%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	float:right;
	padding:5px;
	text-align:center;
	border:0px;
}	

.trending3 {
	width:19%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; 
	float:right;
	padding:5px;
	text-align:center;
	border:1px silver solid;
}


.subHead0 {
	width:50%;
	float:left;
}

.subHead00 {
	width:50%;
	float:right;
}

.subHead000 {
	clear:both;
	width:100%;
	direction :rtl;
}

.subHead0000 {
	clear:both;
	width:100%;
}

.subHead1 {
	width:100%;	
	background:url('../images/graySubHead.png');
	background-repeat:repeat-x;

}

.subHead2{
	display:inline-block;
	width:100%;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
}

.subHead3 {
	font-weight:bold;
}

.subHead4 {
	float:left;	
}

.subHead5 {
	float:right;
}

.subHead6 {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000099;
	text-decoration:none;
	padding:2px;

}

.subHead7 {
	float:right;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000099;
	text-decoration:none;

}

.subHead77 {
	width:100%;
	font-size:10px;
	color:#000099;
	text-decoration:none;
	text-align:right;
}

.subHead8 {
	display:inline-block;
	width:100%;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;

}




.nstyle2 {
	font-size:12px;
	color:blue; 
	margin-top:0px;
}

.section_Header {
	width:100%; 
	background-color:#005500;
}

.left_Heading_span {
	display:inline-block;
	width:17%;
	text-align:left;
}

.left_Top {
	color:#ffffff; 
	font-size:14px;float:left;
}

.right_Top {
	color:#ffffff; 
	font-size:14px;
	float:right;
}

.right_Heading_span {
	display:inline-block;
	width:17%;
	text-align:right;
}
	

.section_Heading {
	color:white; 
	font-weight:bold; 
	font-size:20px;
	display:inline-block;
	text-align:center;
	width:60%;
}

.parallax {
  clear:both;
  height:800px;
  width:100%;
  background-color:yellow;

  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.espn1 {
	display:inline-block;
	width:245px;
	height:1200px;
	float:right;   
	overflow-y:auto;
}



/* Use a media query to add a breakpoint at 800px: */
@media only screen and (max-width: 800px) {
  
	.leftTd { 
		width:100%;
		padding-left:1px; 
	}
	
	.trending {
		width:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:8px; 
		border:solid 1px silver;
		border-radius:5px;
	
	}
	
	
	.subHead2{
		display:inline-block;
		width:100%;
		font-family:verdana;
		font-size:12px;
		font-weight:bold;
		text-align:center;
		padding-top:4px;
		padding-bottom:4px;
		height:30px;
	}
	
	.subHead6 {
		float:left;
		width:100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:8px;
		color:#000099;
		text-decoration:none;
	}
		
	.subHead7 {
		float:right;
		width:100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:8px;
		color:#000099;
		text-decoration:none;
	}
	
	.subHead0 {
		width:100%;
	}


	.subHead00 {
		width:100%;
	}
	
	.subHead5 {
		font-size:8px;
	}
		
	.nstyle2 {
		font-size:9px;  /* 08-01-2026 : changed font to 9px from 12px */
		color:blue; 
		margin-top:0px;
		line-height:1;
	}
	
	.left_Heading_span {
		display:none;

	}
	
	.left_Top {
		display:none;

	}
	
	.section_Heading {
		color:white; 
		font-weight:bold; 
		font-size:14px;
		display:inline-block;
		text-align:left;
		width:80%;
	}
	.espn1 {
		margin-top:25px;
		display:inline-block;
		width:99%;
		height:800px;
		text-align:center;   
		overflow-y:auto;
	}
	

}