/***********************************************/
/*** emx_nav_left.css                            */
/*** Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

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

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

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

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

/******* header *******/

.header img{
	width: 100%;
}


/* Top Table Ctrl - images */

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

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

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

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

.toptbl_bnr_smph{
display: none;
}

.toptbl_bnr_smtb{
display: none;
}



/******* Global Styles *******/

body{
	/* font-family: Arial,sans-serif; */
	color: #000000;
	/* line-height: 1.166; */
	/* margin: 0px; */	
	 /* padding: 2px 2px 2px 0px; was 0px */
	/* font: small Verdana,sans-serif; */
	font-style: normal;
	font-size: 95%;	/* was 86% 14px */	
	background-color: #FFFFFF; /* #E2DDCB; */
	/* position: inherit; */
	width: inherit;
}

	

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #0033CC;
	text-decoration: none;
}

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


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334d55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/* --- New Divs for ATE -- 2014 ------*/


#intro{
	border:2px solid black; 
	padding: 1px;
	width:617px;
	height:auto;
   /*  margin: 10px auto;*/
	margin: 10px 2px 10px 45px;
	/*left:auto;*/
	/*right:auto;*/
	float:left;	
}

#cont{
	border:2px solid black; 
	padding: 1px;
	width:617px;
	height:auto;
   /*  margin: 10px auto;*/
	margin: 10px 2px 10px 45px;
	/*left:auto;*/
	/*right:auto;*/
	float:left;
}


/* ----- Index Page -------------*/

#social{
	border:2px thin#CCCCC;
	padding: 1px;
	width:640px;
	height:auto;
   /*  margin: 10px auto;*/
	margin: 10px 32px 10px 32px;
	/*left:auto;*/
	/*right:auto;*/
	float:left;
}

/* table 625 - 500 right -- */

#topic{
	border:2px thin#CCCCC;
	padding: 1px;
	width:640px;
	height:auto;
   /*  margin: 10px auto;*/
	margin: 10px 32px 10px 32px;
	/*left:auto;*/
	/*right:auto;*/
	float:left;
}

#topic_pic{
	width:130px;
	height:auto;
	text-align:center;
	padding:5px;
	float:left;
}

#topic_desc{
	width:480px;
	height:auto;
	text-align:left;
	padding:5px;
	float:right;
}

#topic_wrap{
	border:2px solid black; 
	padding: 1px;
	width:642px;
	height:auto;
	margin: 10px 2px 10px 30px;
	float:left;
}

/* ----- Article Page -------------*/


#summary{
	/* border:2px solid black;  */
	padding: 1px;
	width:688px;
	height:auto;
	margin: 10px 10px 10px 10px;
	float:left;	
}
#summary_photo{
	width:200px;
	height:auto;
	text-align:center;
	padding:5px;
	float:left;
}

#summary_text{
	width:468px;
	height:auto;
	text-align:left;
	padding:5px;
	float:right;
}

#intro_title{
	padding: 1px;
	width:617px;
	height:auto;
   /*  margin: 10px auto;*/
	margin: 10px 2px 10px 45px;
	/*left:auto;*/
	/*right:auto;*/
	float:left;
}

#intro_main{
	/* border:2px solid black;  */
	padding: 1px;
	width:617px;
	height:auto;
   /*  margin: 10px auto;*/
	margin: 10px 45px 10px 45px;
	/*left:auto;*/
	/*right:auto;*/
	float:left;
}

#intro_left{
	width:338px;
	height:300px;
	text-align:right;
	padding:5px;
	float:left;
}

#intro_right{
	width:258px;
	height:auto;
	text-align:left;
	padding:5px;
	float:right;
}

/* ----- Lesson  -------------*/

#lesson_title{
	padding: 1px;
	width:620px;
	height:auto;
   /*  margin: 10px auto;*/
	margin: 10px 2px 2px 45px;
	/*left:auto;*/
	/*right:auto;*/
	float:left;
}

#lesson_main{
	border:2px solid black; 
	padding: 1px;
	width:620px;
	height:auto;
 	margin: 5px 2px 5px 45px;
	float:left;
}

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

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

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


#updated{
	/* border:2px solid black;  */
	border:1px thin#CCCCC;
	padding: 1px;
	width:688px;
	height:auto;
	margin: 10px 2px 10px 10px;
	float:left;	
}
#updated_pic{
	width:200px;
	height:auto;
	text-align:center;
	padding:5px;
	float:left;
}

#updated_info{
	width:468px;
	height:auto;
	text-align:left;
	padding:5px;
	float:right;
}

#audio_wrap{
	/* border:2px solid black;  */
	border:1px thin#CCCCC;
	background-image:url(https://ask-the-electrician.com/images/electrical-audio-tutoriials.JPG);
	/* "images/electrical-audio-tutoriials.JPG"; */
	padding: 1px;
	width:475px;
	height:auto;
	margin: 10px 110px 10px 110px;
	float:left;	
}	
#audio_title{
	/* border:2px solid black;  */
	border:1px thin#CCCCC;
	padding: 1px;
	width:470px;
	height:40px;
	float:left;
}
#audio_button{
	width:40px;
	height:40px;
	text-align:center;
	padding:1px;
	float:left;
}

#audio_info{
	width:400px;
	height:40px;
	text-align:left;
/*	padding:0px 0px 0px 0px;*/
	float:right;
}



/* ------------ Original ------------- */


#pagecell1{
	text-align: left;

	position: inherit; /* was absolute */	
	/*top: -4px; */
	/*left: 4px; */
	/*right: 4%; */
	/* width: 1002px;  was 985-980  */
	padding: 0px 6px 0px 6px;	
	background-color: #ffffff;

/* ------------ adapted from awp ------------- */

	max-width: 1005px;
	margin: 0px 0px 0px 0px;
	
	/* margin: auto;  was 0px 5-10px 0px */
	padding: 0px 0px 0px 0px;	
	width: 100%;		
	}
	
	

#tl {
	position: absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#tr {
	position: absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 24px;
	width: 905px; /*- chgd to  from 890 to 905 - ok-*/
	
}

#pageNav{
	vertical-align: top;
	background-color: #FFFFFF; /*- chgd to  from #F5f7f7 to #FFFFFF - ok-*/
	border-right: 0px; /* solid #cccccc; */
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;

 /* from awp */

	clear: both;
	float: none;
	width: auto; /* was 29% 245 240 250 */
	margin: 0px; /*20px 10px 20px; */
	padding: 5px 10px 5px 10px; /* was 0px 10px 0px 0px */
	font-size: 14px; 	
	line-height: 16px;	

	}


#content{
	width: 100%; /* was 100% auto 1000 980 960 950px */	
	font-style: normal;		
	vertical-align: top;
	padding: 0px 5px 0px 5px;
	/* margin: 0px 0px 0px 0px; */
	

	font-family: Verdana, Arial;
	/* font-size: 86%;	/* was 14-16px */	
	line-height: 14px; /* was 20px */
	
 /* from pagenav */

	float: none;	
	border-right: 0px;	
		
	}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
	width: 328px;
}

#utility a{
	color: #ffffff;
}

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

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 0px; /* was 0 0 14 10 */
	margin: 0px;
	border-bottom: 1px solid #ccd2d2;
	
	font: small Verdana,sans-serif;
	font-weight: bold;
	color: #000000; /* was 666666 #333333 #AAAAAA*/	
}


#pageName img{
	position: absolute;
	top: -207px;
	right: 47px;
	padding: 0px;
	margin: 0px;
}

#pageName a:hover{
	color: #FF0000;/* Added- Makes Red Mouse-Over */
	
}



/************* globalNav styles ****************/

/** Class **/

.topHew {
background-color: #FFFFFF; /* was #FFFF99  #FFFFCC; */
}

.topNav {
background-color: #EAEBED;
padding-left:5px;
padding-right: 5px;
font-weight: bold;
}

#globalNav{
/* -position: relative; -*/
font: small Verdana,sans-serif;
min-width: 640px; /* was 640*/
color: #000000; /* was 000000*/	
padding: 5px;
margin: 5px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
/** --background-image: url(objects/glbnav_background.gif); --**/
}

#globalNav :hover{
	background-color: #EAEBED;
	color: #FF0000; /* was #21536A */
	font-weight: bold;
}


#globalNav img{
	margin-bottom: -4px;
 
}

#gnl {
	position: absolute;
	top: 0px;
	left: 0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right: 0px;
}

#globalLink{
	position: absolute;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
	width: 591px;
}

a.glink, a.glink:visited{
  	font-size: small;
  	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 4px 5px;
	border-right: 1px solid #8FB8BC;
}
a.glink:hover{
  /*--	background-image: url(objects/glblnav_selected.gif);--*/
	text-decoration: none;
}

.skipLinks {display: none;}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 84px;
	left: 0px;
	/*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited {
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover{
	color: #cccccc;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/


#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 */		
	
}


#brdcrmph{
	padding: 8px 5px 0px 5px; /* top-rt-btm-lft */
	font: small Verdana,sans-serif;
	font-style: normal;
	font-size: 86%; /* was 12px */	
	color: #0033CC; /* was #000000 666666 #333333 #AAAAAA*/	
}

#brdcrmph a{
	color: #0033CC; /* was FF0000 0033CC 005FA9 666666 #333333 #AAAAAA*/
}

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

/************* pgCrumb styles ***************/

#pgCrumb{
	padding: 2px 5px 2px 5px; /* top-rt-btm-lft */
	font: small Verdana,sans-serif;
	color: #000000; /* was 666666 #333333 #AAAAAA*/	
}

#pgCrumb a{
	color: #0033CC; /* was 666666 #333333 #AAAAAA*/
}

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

/************* themeCrumb styles ***************/

#themeCrumb{
	padding: 20px 50px 20px 50px; /* top-rt-btm-lft */
	font: small Verdana,sans-serif;
	color: #333333; /* was #333333 #AAAAAA*/
}

#themeCrumb a{
	color: #333333; /* was #333333 #AAAAAA*/
}

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

/************** feature styles *****************/

.feature {
	width: 100%;
	padding: 0px 5px 0px 5px; /* was  */
	}

body .feature {height: auto;}

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

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}

/*************** story styles ******************/

.story {
	padding: 0px 5px 0px 5px;
	/* font-style: normal; */
	/* font-size: 80%; */
}

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

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #0033CC;
	display: block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: small;
	color: #cccccc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;

}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	/*--background-image: url(objects/bg_nav.jpg);--*/
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #0033CC; /* was 005FA9 - 21536A  */
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #EAEBED;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000; /* was #21536A */
}

/************ resourceLinks styles **************/

#resourceLinks{
	margin: 0px;
	padding: 0px;

}

#resourceLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#resourceLinks a:link, #resourceLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	/*--background-image: url(objects/bg_nav.jpg);--*/
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #0033CC; /* was 005FA9 - 21536A  */
}

#resourceLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #EAEBED;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #FF0000; /* was #21536A */
}

/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}

/**************** advert styles *****************/

#advert{
	padding: 10px;
	background-color: #FFFFFF;
}

#advert img{
	display: block;
}

/******** Begin - Added by Matthew - was in template page 2010-04-08 ***************/

/*****<style type="text/css">*****/

.zByline {font-size: medium;
font-family: Arial,Helvetica,sans-serif;
color: #000000;}
.zSummary {font-size: small;
font-family: Arial,Helvetica,sans-serif;
font-style: italic;
color: #000000;}
.zSubhead {font-size: small;
font-family: Arial,Helvetica,sans-serif;
color: #0033CC;
font-weight:bold}
.zContent {font-size:small;
font-family: Arial,Helvetica,sans-serif;
color: #000000;}
.zLinks {font-size: medium;
font-family: Arial,Helvetica,sans-serif;
color: #000000;
font-weight: bold}
.style34 {color: #000000;}




/********************************************
Above is from Original css
below are alterations
*************** Phone css ******************/

@charset "utf-8";
/* reduces the overall font-size for more room */
body {
	font: small Verdana,sans-serif;
	font-style: normal;
	font-size: 86%;
}

/* the container is set to dispaly full screen width for phones */
#pagecell1{
	width: 100%;
	/* margin: 0; */
	/* overflow: hidden; */
	background: #FFF; /* FFF is white */
}

/* - LINKS - */
/************* globalNav styles ****************/
/* ATE Existing - Now Adjusted */
.topNav {
	padding: 10px 0 10px 6px;
}

#globalNav{
	padding: 10px 0 10px 6px;
}

#globalLink{
	padding: 10px 0 10px 6px;
}

a.glink, a.glink:visited{
	padding: 10px 0 10px 6px;
}

/************ subglobalNav styles **************/

.subglobalNav{
	padding: 10px 0 10px 6px;
}

/************* breadCrumb styles ***************/

#breadcrumb{
	padding: 10px 0 10px 6px;
}

/************* pgCrumb styles ***************/

#pgCrumb{
	padding: 10px 0 10px 6px;
}

/************* themeCrumb styles ***************/

#themeCrumb{
	padding: 10px 0 10px 6px;
}

/************** footer styles ****************/

#footer{
	padding: 10px 0 10px 6px;
}

/************ sectionLinks styles **************/

#sectionLinks{
	padding: 10px 0 10px 6px;
}

#sectionLinks h3{
	padding: 10px 0 10px 6px;
}

#sectionLinks a:link, #sectionLinks a:visited {
	padding: 10px 0 10px 6px;
}

/************ resourceLinks styles **************/

#resourceLinks{
	padding: 10px 0 10px 6px;
}

#resourceLinks h3{
	padding: 10px 0 10px 6px;
}

#resourceLinks a:link, #resourceLinks a:visited {
	padding: 10px 0 10px 6px;
}

/************* relatedLinks styles **************/

.relatedLinks{
	padding: 10px 0 10px 6px;
}

.relatedLinks h3{
	padding: 10px 0 10px 6px;
}


/* In ATE DO FOR RT NAV and or BTM Site Links */

/* the nav list items are floated left and set to 50% to form to columns of links */
ul.nav li {
	width: 50%; 
	float:left;
}
/* padding on links is adjusted to give more room for a finger click, width is set to full the full space available and a right border is added to separate the links */
ul.nav a, ul.nav a:visited {
 	/* ATE: pageNav */
	padding: 10px 0 10px 6px;
	width: auto;
	border-right: solid 1px #FFF;
}
/* the content div is set to full width */ 
.content {
	width: 100%;
	padding: 0px 5px 0px 5px; 	
}
#content {
	width: 100%;
	font-style: normal;		
	vertical-align: top;
	padding: 0px 8px 0px 8px;
	/* margin: 0px 0px 0px 0px; */	
}

.content p {
	width: 100%;
	padding: 0px 5px 0px 5px; 	
	/*added from #content */
	font-style: normal;	
	font-family: Verdana, Arial;	
	font-size: 1.10em;
	line-height: 1.30em;			
}
.feature {
	width: 100%;
	padding: 0px 8px 0px 8px; 	
}

.feature p {
	width: 100%;
	padding: 0px 5px 0px 5px; 	
	/*added from #content */
	font-style: normal;	
	font-family: Verdana, Arial;	
	font-size: 1.10em;
	line-height: 1.30em;			
}

.story {
	width: 100%;
	padding: 0px 8px 0px 8px; 	
	/*added from #content */
	font-style: normal;	
	font-family: Verdana, Arial;	
	line-height: 16px; /* was 14 20px */		
}

.story p {
	width: 100%;
	padding: 0px 5px 0px 5px; 	
	/*added from #content */
	font-family: Verdana, Arial;	
	font-style: normal;
	font-size: 1.10em;
	line-height: 1.30em;			
}



/* FROM WP PHONE CSS */
/* <div id="content"> */
#content h1 {
font-size: 1.6em;
}

#content h2 {
font-size: 1.35em;
}

#content h3 {
font-size: 1.25em;
line-height: 1.25em;
}
#content h4 {
font-size: 1.15em;
line-height: 1.15em;
}
#content h5{
font-size: 1.05em;
line-height: 1.05em;
}

.content link {padding: 10px 0px 10px 6px;
}


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

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

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

/************* feature ********************/
.feature h1 {
	color: #000000;	
	font-style: normal;	
	font-family: Arial, Tahoma, Verdana	;
	font-size: 22px;
	line-height: 26px;	
	font-weight: bold;	
	margin: 0px;
	padding: 0px;
}
.feature h2 {
	color: #000000;	
	font-style: normal;
	font-family: Arial, Tahoma, Verdana	;
	font-size: 20px;
	line-height: 24px;	
	/*ont-weight: bold;	*/
	margin: 0px;
	padding: 0px;
}

.feature h3 {
	color: #000000;
	font-style: normal;		
	font-family: Arial, Tahoma, Verdana	;
	font-size: 18px;
	line-height: 22px;	
	font-weight: bold;	
	margin: 0px;
	padding: 0px;
}
.feature h4 {
	color: #000000;	
	font-style: normal;	
	font-family: Arial, Tahoma, Verdana	;
	font-size: 16px;
	line-height: 20px;	
	font-weight: bold;	
	margin: 0px;
	padding: 0px;
}
.feature h5 {
	color: #000000;	
	font-style: normal;	
	font-family: Arial, Tahoma, Verdana	;
	font-size: 14px;
	line-height: 18px;	
	font-weight: bold;	
	margin: 0px;
	padding: 0px;
	
}	

/* the right sidebar is set to full width and now appears below the content div */ 
#pageNav{
 	/* ADDED - ATE: pageNav */
	padding: 10px 0 10px 6px;
	clear: both;
	float: none;
	width: auto;
}
#pageNav h2 {
	font-size: 1.0em;
}
#pageNav h3 {
	font-size: 1.0em;
}

/* main table divs */

#topic{
	width: 95%;
	 float:left;
}

#topic_pic{
	width:100%;
	float:left;	
}

#topic_desc{
	width:90%;
	/* padding: 2px 2px 2px 2px;	 */
	/* margin: 5px 10px 5px 5px; */	
	float:none;
}

#topic_wrap{
	border:2px solid black; 
	width:100%;
	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;
}
.header {
	background: #FFF; /* FFF is white */	
		
}

#header img{
	/*max-width: 1005px; */

	width: 100%;
	margin: auto;			
}

/* added 2017-06-09 */	
#pagecell1 img{
max-width:280px;
height: auto;
}
#toptbl img{
max-width:29px;
height: auto;
}
#header img{
/* max-width:300px;
height: auto; */
width: 100%;
margin: auto;
}
#globalNav{
max-width:300px;
height: auto;
}
.sumimg{
display: none;
}
/* added 2017-06-02 */
#content img{
	max-width: 150px;	
	height: auto;
	float:left;		
}
#feature img{
	max-width: 150px;	
	height: auto;
	float:left;		
}
#story img{
	max-width: 150px;	
	height: auto;
	float:left;		
}
#topic_pic img{
	max-width: 110px;	
	height: auto;
	float:left;		
}
#pageNav img{
	max-width:200px;	
	height: auto;
	/* float:left; */		
}

/* -- Index Page Topic -- */

#topic{
	border:0px; 
}


#topic_wrap{
	border:0px; 
}

/***************** images ******************/
/* Image size ctrl HEW Site */

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

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


#ordtbl img{
max-width:85px;
height: auto;
}

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



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

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

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

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

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