/*************** Tablet css ******************/
@charset "utf-8";

/* Adjust the width for tablets, adjust background-color */
#pagecell1{
	position: inherit; /* GOODC */
	width: 100%;
	background: #FFF; /* FFF is white - was 002289 dark blue */
	/* margin: 0px 0px 0px 0px; */
	padding: 0px 6px 0px 6px;	
}

/* Header Ctrl */
.topimg {display: block;}
.topimgph {display: none;}
.toptbl {display: none;}
.topNav {display: none;}
.sumimg{display: block;}


/* Top Table Ctrl - images */

.toptbl_bnr_ate img{
max-width:220px;
height: auto;
}

.toptbl_bnr_lg img{
max-width: 85px;
height: auto;
}

.toptbl_bnr_med img{
max-width: 60px;
height: auto;
}

.toptbl_bnr_sm img{
max-width: 40px;
height: auto;
}

.toptbl_bnr_smph{
display: block;
max-width: 45px;
height: auto;
}

.toptbl_bnr_smtb{
display: none;
}



/* Mobile Brd Crm */
.brdcrmph {display: none;}

/* Form Ctrl */
.formph {display: none;}
.formdt {display: block;}

/* Ad Display Ctrl */
.ph728Ad {display: block;}


/* Leave the sidebar widths at ~180px ~ Reduce the width of the content for narrower layout */
/* The content div's white background is used to form the columns */
/* This layout assumes that the content area will be taller than both sidebars */


.topNav {
font-size: 12px;	
font-weight: bold;
width: 99%;
float: none;
margin: auto;
text-align: center;
padding: 10px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.topNav a{
font-size: 12px;	
font-weight: bold;
color: #0033CC; 
}

.topNav a.topThe{
text-decoration: underline;
}

.topNav a.topAsk{
background-color: #FFFC88;
text-decoration: none;
}

.topNav a:hover{
text-decoration: underline; 
color: #FF0000;
}


#breadCrumb{
	padding: 5px; /* top-rt-btm-lft */
	font-size: 12px;
	font-style: normal;	
	font-weight: bold;	
	color: #0000000; /* was #000000 666666 #333333 #AAAAAA*/	
}

#breadCrumb a{
	font-size: 12px;
	font-style: normal;	
	font-weight: bold;	
	color: #0033CC; /* was #000000 666666 #333333 #AAAAAA*/	
}

#breadCrumb a:hover{
	text-decoration: underline; 
	color: #FF0000;/* Added- Makes Red Mouse-Over  - was #005FA9 */		
	
}



/* the content div is set to full width */ 


#content {
	width: 100%;
	font-style: normal;		
	vertical-align: top;
	padding: 0px 8px 0px 8px;
	/* margin: 0px 0px 0px 0px; */	
}

/************* hew body tables ********************/
.hew_lg_blu {
	color: #0033CC;	
	font-family: Arial, Tahoma, Verdana	;
	font-size: 20px;
	line-height: 24px;	
	font-weight: bold;
}

.hew_lg_blu a {
	color: #0033CC;	
	font-family: Arial, Tahoma, Verdana	;
	font-size: 20px;
	line-height: 24px;	
	font-weight: bold;
}

.hew_med_blk {
	font-family: Arial, Tahoma, Verdana	;
	font-size: 16px;
	line-height: 20px;	
	font-weight: bold;
}



.feature {
	width: 100%;
	padding: 0px 8px 0px 8px; 	
}

.story {
	width: 100%;
	padding: 0px 8px 0px 8px; 	
}

/* the right sidebar is set to full width and now appears below the content div */ 
#pageNav{
 	/* ADDED - ATE: pageNav */
	border-right: 0px; 	
	padding: 10px 8px 10px 8px;
	clear: both;
	float: none;
	width: auto;

	font-size: 14px; 	
	line-height: 16px;	

}


/* h# tags adjusted for better appearance and wrapping */
h1{
font-size: 1.6em;
line-height: 2.0em;
}

h2{
font-size: 1.35em;
line-height: 1.75em;
}

h3{
font-size: 1.25em;
line-height: 1.45em;
}

h4{
font-size: 1.15em;
line-height: 1.35em;
}

h5{
font-size: 1.05em;
line-height: 1.25em;
}

/* main table divs */

/* -- Index Page Topic -- */

#topic{
	width: 100%;
	 float:left;
	border:0px; 	 
}

#topic_pic{
	width:140px; /* 30% */
	/* margin:0 4% 0 1%; */
}

#topic_desc{
	width:auto; /* 65% */
	margin:0 0 0 0;
	float:none;
	clear:both;
}

#topic_wrap{
	border:0px; 
	width:90%;
	float:left;
}


/* -- Page Lessons -- */
#lesson{
	/* padding: 2px 5px 2px 2px; */
	/* margin: 6px 2px 6px 6px; */
	width:100%; 
	height:auto;
	float:left;
}

#lesson_left{
	width:48%;
	height:auto;
	text-align:left;
	padding:5px;
	float:left;
}

#lesson_right{
	width:48%;
	height:auto;
	text-align:left;
	padding:5px;
	float:left;
}


/* this rule insures that images floated with the .fltrt and .fltlft styles are resized to allow room for text to float around them */
img.fltrt, img.fltlft {
	max-width: 50%;
	height: auto;
}

/* added 2017-06-09 */	
#pagecell1 img{
max-width:700px;
height: auto;
}
#toptbl img{
max-width:69px;
height: auto;
}
#header img{
max-width:700px;
height: auto;
}
#globalNav{
max-width:700px;
height: auto;
}

/* added 2017-06-02 */
#content img{
	max-width: 300px;	
	height: auto;	
}
#feature img{
	max-width: 300px;	
	height: auto;	
}
#story img{
	max-width: 300px;	
	height: auto;	
}
#topic_pic img{
	max-width: 300px;	
	height: auto;	
}
#pageNav img{
	max-width: 700px;	
	height: auto;	
}

/***************** images ******************/

#sample img{
max-width:250px;
height: auto;
}

#img_d5t4p2 img{
max-width:400px;
height: auto;
}

#img_d1t1p_sm img{
max-width:110px;
height: auto;
}


/* Image size ctrl HEW Site */
#pagecell1 img{
max-width:410px;
height: auto;
}

#content img{
max-width:410px;
height: auto;
}

#zContent img{
max-width:410px;
height: auto;
}