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 1% 2000px 1%;padding-bottom:4px;background-color: #ffffcc;background-image:url(/back.jpg);background-position:right; max-width:1200px;
	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(../graphics/display/eir3-super-narrow.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	text-align:center;
	height:84px;
	z-index:2;
}
#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}

@media print
{
#subscribe {display:none}
#print_header {display:block}
#header {display:none}
}

@media screen and (min-width:252px)
{
#container {	width:98.4%;
	margin:2px 0.8% 2000px 0.8%
}

}
@media screen and (min-width:439px)
{

#container {	width:99%;
	margin:2px 0.5% 2000px 0.5%;
}
#subscribe {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)
{
#header {background-image:url(/eir3.gif)}
#container {	width:99.2%;
	margin:2px 0.4% 2000px 0.4%;background-position:left 0;
}
#subscribe {position:absolute;top:104px;left:23px;right:auto}
#article_column{display:block;float:none;clear:both;margin:0 10px 0 141px}
}
@media screen and (min-width:730px)
{
#container {	width:712px;
	margin:2px auto 2000px auto;
}

}