body {
	font-family: Arial, Helvetica, sans-serif;
		background-color: #cccccc;
	width:100%;
	margin:0;
	color: black;
	font-size:16pt;
	line-height:normal;

}
.center {text-align:center}
.center_pad {margin:0 auto}
.figno {text-align:left;font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;line-height:normal;font-size:90%}
.caption {text-align:left;font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;font-size:70%;line-height:normal}
.centered_caption{text-align:center;font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;font-size:70%;line-height:normal}
.credit {text-align:right;font-family:Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;font-size:60%;line-height:normal}
p {font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-size:80%}
.body_text {font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-size:80%}
b, strong {font-weight:700}
li {font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-size:80%}
h5 {font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-size:80%;font-weight:700;text-align:left}
h4 {font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-size:90%;font-weight:700;text-align:left}
h3 {font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-size:110%;font-weight:700;text-align:left}
h2 {font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular;font-size:130%;font-weight:700;text-align:left}
#container {	width:98%;position:relative;
	margin:2px auto 2000px auto;padding-bottom:4px; max-width:900px; background-color: #ffffcc;
	z-index:1;
}
img {max-width:100%}

#footer {width:100%; text-align:center;clear:both}
#header
{ 
	clear: both;
	margin:0;
	padding:0; 
	background-image:url(../images/banners/eir3-super-narrow-sp.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-align:center;
	height:84px;
	z-index:2;
}


#home_icon
{ 
	margin:0;clear:none;position:absolute;top:0px;right:0;display:block;width:47px;height:53px
}
#home_icon a {margin:0;padding:0;display:block;text-decoration:none}

#print_header{display:none}
#header a{display:block;width:100%;height:100%}
#content { clear: both; text-align:center;margin-top:5px;width:100%;/* background-color:#CCCCFF */}
.wide_image {margin:0 auto} /* to center image, set max-width of containing .wide_image block equal to width of image.  text-align attribute of block can be anything; margin 0 auto centers the block in its parent.   Unfortunately, not possible to center block of indeterminate width in its parent.  If .wide_image is applied to the img tag, the image will be centered without specifying its max-width or width (max-width=100% will suffice), but it is not possible to place a caption or title inside the img tag.  */
.book_block {margin:1em 0}
.standard_iframe {max-width:400px}
.aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
hr {max-width:90%}
#subscribe {margin:0;clear:none;position:absolute;top:0px;right:0;display:block;width:64px;height:51px}
#subscribe a {margin:0;padding:0;display:block;text-decoration:none}
#article_column{display:block;float:none;clear:both;margin:0 10px 0 10px;text-align:left;}
.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
a {color:maroon}
a:visited {color:#076f07}
#adbar {
	background-color: black;
	padding: 3pt 0;
	text-align:center
}
#adbar a {
	text-decoration: none;
	color: yellow;
	font: bold 10pt Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
	line-height: 14pt;
	display:block
}

#adbar a:hover {
	color: #00FF00
}
#adbarh {display:none}

.action {text-align:center}
.action a, .action a:link, .action a:active {background-color:red; color:white; text-decoration:none; padding: 0.5em 1em; display:block}
.action a:visited {background-color:#cc0000; color:#CCCCcc;}
.action a:hover {background-color:blue; color:white;}


@media print
{
#subscribe {display:none}
#home_icon {display:none}
#print_header {display:block}
#header {display:none}
.noprint {display:none}
#content {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	  -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
  -moz-column-gap: 20px; /* Firefox */
  column-gap: 20px;
  }
@page {
  size: 8.5in 11in; margin: 0.5in 0.4in
}
#adbar {display:none}

}

@media screen and (min-width:252px)
{
#container {width:98.4%;}
}
@media screen and (min-width:439px)
{
#container {width:99%;}
#subscribe {position:absolute;top:10px;right:10px}
#home_icon {position:absolute;top:10px;right:10px}
#article_column{display:block;float:none;clear:both;margin:0 10px 0 10px}
h2 {font-size:140%}
h3 {font-size:120%}
}
@media screen and (min-width:574px)
{
#container {width:99.2%}
#article_column{display:block;float:none;clear:both;margin:0 36px 0 36px}
#header{margin-left:36px}
}
@media screen and (min-width:656px)
{
	#home_icon {display:none}
	#article_column{margin:0 72px 0 72px}
	#header{margin-left:72px; background-image: url(../images/banners/eir3-with-home-icon-sp.gif);} 
}